/* STYLESHEET FILE DESCRIPTION: All animation-related styles */

/* MENU
######################################### */
/*
#menu {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	transition: all 500ms linear;
}

#menu-separator {
	-webkit-transition: width 500ms linear;
	-moz-transition: width 500ms linear;
	transition: width 500ms linear;
}

#menu .item .title {
	-webkit-transition: opacity 500ms linear;
	-moz-transition: opacity 500ms linear;
	transition: opacity 500ms linear;
}


#menu-shade {
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.g-block {
	-webkit-transition: left 500ms linear;
	-moz-transition: left 500ms linear;
	transition: left 500ms linear;
}


*/

/* LOADING
######################################### */
#loading-section .spinner,
#fade .spinner {
	animation:spin 2s infinite linear;
	-moz-animation:spin 2s infinite linear;
	-webkit-animation:spin 2s infinite linear;
}


@keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

#menu-aloading {
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}


/* STATES
######################################### */

/* Item focus animation */
/* .g-focusdiv {
	transition: top 30ms linear;
	-webkit-transition: top 30ms linear;
	-moz-transition: top 30ms linear;
} */

/* Item pressed */
/*.i-pressed {
	animation: pressed 300ms linear 0s;
	-webkit-animation: pressed 300ms linear 0s;
	-moz-animation: pressed 300ms linear 0s;
}


@keyframes pressed
{
	0% {transform: scale(1, 1); opacity: 1;}
	50% {transform: scale(0.95, 0.8); opacity: 0.5;}
	100% {transform: scale(1, 1); opacity: 1;}
}

@-moz-keyframes pressed
{
	0% {-moz-transform: scale(1, 1); opacity: 1;}
	50% {-moz-transform: scale(0.95, 0.8); opacity: 0.5;}
	100% {-moz-transform: scale(1, 1); opacity: 1;}
}

@-webkit-keyframes pressed
{
	0% {-webkit-transform: scale(1, 1); opacity: 1;}
	50% {-webkit-transform: scale(0.95, 0.8); opacity: 0.5;}
	100% {-webkit-transform: scale(1, 1); opacity: 1;}
}
*/


/* TV PROGRAMME DESCRIPTION
######################################### */
/* #prgdescription-description .text {
	transition: top 200ms ease-in-out;
	-webkit-transition: top 200ms ease-in-out;
	-moz-transition: top 200ms ease-in-out;
} */


/* FOCUS ANIMATION
######################################### */
.b-focused .g-focusdiv {
	animation:focus 3s infinite linear;
	-moz-animation:focus 3s infinite linear; /* Firefox */
	-webkit-animation:focus 3s infinite linear; /* Safari and Chrome */
}


@-webkit-keyframes focus {
	0% {
		box-shadow: 0px 0px 0px #2a93d6;
		-webkit-box-shadow: 0px 0px 0px #2a93d6;
		-moz-box-shadow: 0px 0px 0px #2a93d6;
	}
	40% {
		box-shadow: 0px 0px 0px #2a93d6;
		-webkit-box-shadow: 0px 0px 0px #2a93d6;
		-moz-box-shadow: 0px 0px 0px #2a93d6;
	}
	50% {
		box-shadow: 0px 0px 20px #2a93d6;
		-webkit-box-shadow: 0px 0px 20px #2a93d6;
		-moz-box-shadow: 0px 0px 20px #2a93d6;
	}
	60% {
		box-shadow: 0px 0px 0px #2a93d6;
		-webkit-box-shadow: 0px 0px 0px #2a93d6;
		-moz-box-shadow: 0px 0px 0px #2a93d6;
	}
	100% {
		box-shadow: 0px 0px 0px #2a93d6;
		-webkit-box-shadow: 0px 0px 0px #2a93d6;
		-moz-box-shadow: 0px 0px 0px #2a93d6;
	}
}