/* ICE Group website - header logo and banner slider (used by js/site.js) */

/* Politecnico logo: top aligned with the top of the menu tabs (HOME box) */
#logo img[src$="logo_energia.png"] { margin-top: 13px; }

#featured {
	position: relative;
	width: 815px;
	height: 250px;
	overflow: hidden;
	background: #fff;
}

/* without JavaScript only the first banner image is shown */
#featured > img,
#featured > a,
#featured > div { display: none; }
#featured > :first-child { display: block; }

#featured.js-slider > img,
#featured.js-slider > a,
#featured.js-slider > div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .6s;
}
#featured.js-slider > .active {
	opacity: 1;
	z-index: 1;
}

/* pause / play button, shown when the mouse is over the banner */
.slider-pause {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	background: url(../orbit/pause-black.png) no-repeat 0 0;
	transition: opacity .3s;
}
#featured:hover .slider-pause,
.slider-pause:focus,
.slider-pause.active { opacity: .6; }
.slider-pause.active { background-position: 0 -40px; }