@import "reset.css";

html {width:100%; height:100%;}
	body {width:100%; height:100%; font:12px/16px Verdana, Arial, sans-serif; color:#fff;  background-image:url('../img/background.jpg');background-repeat:no-repeat; background-size:cover; background-position:top; background-attachment: fixed; position:relative;}
		
		#top-cover {width:100%;}
			#top-cover .inner {width:90%; height:100%; max-width:1140px; margin:0 auto; position:relative;}
			/*#top-cover img {position:absolute; top:50px; left:0;}*/
			#top-cover #social-header {position:absolute; bottom:10px; right:0;}
				#top-cover #social-header .addthis_counter {display:none !important;}
			
		#content {width:90%; height:auto; max-width:1140px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
			#content h1 {color:#ffcb00; font-family: 'Gotham Book', Gotham-Book, Gotham, Verdana, Arial, sans-serif; font-size:1rem; line-height:1; margin-bottom:20px;}
			#content h2 {color:#ffcb00; font-family: 'Gotham Book', Gotham-Book, Gotham, Verdana, Arial, sans-serif; font-size:2rem; line-height:1; margin-bottom:35px;}
			#content h3 {color:#fff; font-family: 'Gotham Book', Gotham-Book, Gotham, Verdana, Arial, sans-serif; font-size:1.5rem; line-height:1; margin:2.5rem 0 10px; text-align:center;}
			#content p {font-size:1.25em; line-height:1.25em; margin-bottom:15px;}
			#content #intro ul {margin-bottom:10px;}
				#content #intro  li {font-size:1.25em; line-height:1.25em; margin-bottom:5px; margin-left:3rem; list-style:disc;}
			#content a {color:#fff; text-decoration:underline; transition: all 0.2s ease-out; outline:none;}
				#content a:hover {color:#ffcb00; text-decoration:none; transition: all 0.2s ease-out;}
			
			#content > div {margin-bottom:-45px; padding-top:145px;}
			body.video-360-page #content > div {padding:0;}
			#content div.info {margin-bottom:35px;}
			
			#intro {padding-top:0 !important;}
				
			#winners {}
				#winners h2 {margin-bottom:10px;}
				#winners .spinner {width:5rem;}
				#winners .info {text-align:center; margin:2rem 0;}
				#winners .winner-gallery {width:100%; height:344px; position:relative; overflow:hidden; text-align:center;}
					.anythingSlider-default {padding:0 !important; height:338px !important;}
					.anythingSlider-default .anythingWindow {border:3px solid #d1a75f !important; border-radius:3px; box-sizing:border-box; opacity:0; transition: opacity 0.5s ease-in;}
					#winners .winner-gallery ul {margin:0 auto; position:relative; opacity:0; transition: opacity 0.5s ease-in;}
						#winners .winner-gallery li {width:600px; height:338px;}
					#winners .winner-gallery .arrow {margin:0; top:40%; position:absolute; width:27px; height:54px; opacity:0;}
					#winners .winner-gallery .arrow.back {left:-3rem;}
					#winners .winner-gallery .arrow.forward {right:-2rem;}
						#winners .arrow.back a {width:25px; background:url('../img/winner-scroll-prev.png') no-repeat center; background-size:cover; display:block; text-indent:-999999px; height:100%; overflow:hidden; margin:0;}
						#winners .arrow.forward a {width:25px; background:url('../img/winner-scroll-next.png') no-repeat center; background-size:cover; display:block; text-indent:-999999px; height:100%; overflow:hidden; margin:0;}

			#moments {}
				#moments .vimeo {border:3px solid #ffcb00; border-radius:3px; width:700px; margin:0 auto;}
				#moments .credits {width:700px; margin:5px auto 0;}
					#moments .credits p {font-size:0.75rem;}
				
			#photos {}
				#photos h2 {margin-bottom:10px;}
				#photos .gallery {margin:20px 10px 0;}
					#photos .gallery .grid-sizer {width:25%;}
					#photos .gallery .grid-item {float:left; width:25%; height:auto; padding:0 0.5rem 1.25rem; box-sizing:border-box;}
						#photos .gallery .grid-item img {width:100%; height:auto;}
			.fancybox-nav.fancybox-prev span {margin-left:-70px !important; visibility:visible !important;}
			.fancybox-nav.fancybox-next span {margin-right:-70px !important; visibility:visible !important;}
				.fancybox-nav {outline:0 !important;}
				.popup-sharing {width:auto;}
					.popup-sharing a {margin-right:10px;}
					
			#photo-booth {}
				#photo-booth h2 {margin-bottom:10px;}
				#photo-booth .gallery {margin:20px 10px 0;}
					#photo-booth .gallery .grid-sizer {width:25%;}
					#photo-booth .gallery .grid-item {float:left; width:25%; height:auto; padding:0 0.5rem 1.25rem; box-sizing:border-box;}
						#photo-booth .gallery .grid-item img {width:100%; height:auto;}

			#video-360 h2 {margin-bottom:30px;}
				#video-360 .video-js {width:28%; height:0; padding-bottom:50%; margin:0 2.5% 3rem; display:inline-block;}
				#video-360 .vjs-ended .vjs-big-play-button {display:block;}
				#video-360 .vjs-picture-in-picture-control, #video-360 .vjs-fullscreen-control {display:none;}
				#video-360 a {font-size:1.25rem; line-height:1.25; text-align:center; display:block;}
				
			#sponsors {margin-bottom:15px !important;}
			 	#sponsors h2 {margin-bottom:10px;}
				#sponsors .vimeo {text-align:center;}
					#sponsors .vimeo > div {display:inline-block; margin-bottom:40px;}
					#sponsors .vimeo .full-width {width:100%; text-align:center; margin-bottom:40px;}
						#sponsors .vimeo div.left {margin-right:45px;}
					#sponsors .vimeo .company {margin-bottom:10px; font-size:1.25em; line-height:1.25em; text-align:left;}
						#sponsors .company strong {color:#ffcb00;}
					#sponsors .vimeo img {width:380px; height:214px; border:2px solid #ffcb00; border-radius:3px;}
					.fancybox-type-iframe .fancybox-inner {height:0 !important; padding-bottom:56.25%; position:relative;}
						.fancybox-type-iframe .fancybox-inner iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
		
		#copyright {padding-top:40px !important; margin-bottom:15px !important; font-size:0.85em;}			
						
		footer {width:100%; height:30px; position:fixed; bottom:0; left:0; right:0; background:#0c0805; position:fixed; border-top:2px solid #d1a75f;}
			footer nav {width:90%; max-width:1140px; margin:0 auto; padding:5px 0; text-align:center;}
				footer nav li {display:inline-block; margin-left:30px;}
				footer nav li:first-child {margin-left:0;}
					footer nav a {color:#ffcb00; font-size:0.85em; text-decoration:none; transition: all 0.2s ease-out;}
						footer nav a:hover {text-decoration:underline; transition: all 0.2s ease-out;}

body.video-360-page video {height:auto !important; padding-bottom:0 !important;}
			
/* Award winners profiles popup */
.profiles-popup {width:100%; height:100%; display:none;}
    .profiles-popup .slider-wrapper {height:100%;}
    .profiles-popup .nivoSlider {width:auto !important; height:78%; box-shadow:none !important; margin-bottom:0 !important; background:#000 !important; overflow:hidden !important;}
        .profiles-popup .nivoSlider img {opacity:0 !important;}
        .profiles-popup .nivoSlider .nivo-main-image {max-height:100% !important; width:auto !important; max-width:100%; margin:0 auto; display:block !important; opacity:1 !important;}
    .profiles-popup .nivo-controlNav {height: 20%; background:#000; padding:2% 0;}
        .profiles-popup .nivo-controlNav a {margin:0 10px !important; border:1px solid #e3e3e3 !important; border-radius:2px; display:inline-block !important;}
            .profiles-popup .nivo-controlNav a.active {border:1px solid #ffa80a !important;}
				.nivo-control img {width:150px !important;}
				#profiles-popup-tv .nivo-control img {width:130px !important;}
	.nivo-caption {background:none !important;}
		.nivo-caption a {border-bottom:none !important;}
		.profiles-popup .nivoSlider .popup-sharing img {opacity:1 !important; display:block !important; position:relative !important;}
		.profiles-popup .popup-sharing {width:100% !important; margin-left:10% !important;}

	.clear {clear:both;}

	.nav-return {color:#ffcb00 !important; display:block; margin-top:3rem; text-decoration:none !important; font-size:1.25rem;}

@media only screen and (max-width:768px) {
	#top-cover {/*height:170px !important; position:relative;*/}
		#top-cover img {width:55%;}
		#top-cover #social-header {bottom:0 !important;}
			#top-cover #social-header .addthis_toolbox a > span, #top-cover #social-header .addthis_toolbox svg {width:32px !important; height:32px !important;}
	#content {padding-top:15px;}
		#content > div {padding-top:100px;}
	.anythingSlider {width:100% !important; height:185px !important;}
	#winners .winner-gallery {width:97% !important; height:185px !important;}
	#winners .winners-individual .winner-gallery, #winners .winners-individual .anythingSlider {height:265px !important;}
		#winners .winner-gallery .forward {top:45%; right:-5px !important;}
		#winners .winner-gallery .back {top:45%; left:10px !important;}
			#winners .winner-gallery .back a, #winners .winner-gallery .forward a {width:15px; height:30px;}
			.anythingSlider .panel img {width:100% !important; max-width:none !important;}
	.fancybox-nav.fancybox-prev span {margin-left:-25px !important;}
	.fancybox-nav.fancybox-next span {margin-right:-25px !important;}
	#moments .vimeo, #moments iframe, #moments .credits {width:100%;}
	#moments iframe {height:275px;}
	#video-360 .video-js {width:44%; padding-bottom:78%;}
	.gallery .grid-sizer, .gallery .grid-item {width:50% !important;}
	#sponsors .vimeo > div {display:block; margin-right:0 !important;}
		#sponsors .vimeo > div img {width:100% !important;}
	footer {height:auto;}
		footer nav li {float:none !important; margin:3px 0 0 0;}
}