/* local.home.css */


.page-banner{
	height: auto; 
	position: relative;
}
#homepage-carousel {
	position: relative; 
	height: 550px;
	display: block; clear: both; 
}

	#homepage-carousel .banner-image {
		display: block; width: 100%; height: 100%;
		position: absolute; 
		top: 0px; left: 0px; /* z-index managed in JS */ 
		background-position: center center; 
		background-repeat: no-repeat; 
		background-size: cover; 
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;		
	}
	
		.banner-image:nth-child(1){
			z-index: 300; 
		}
		.banner-image:nth-child(2){
			z-index: 200; 
		}
		.banner-image:nth-child(3){
			z-index: 100; 
		}


	#homepage-carousel .banner-title {
		width: 100%; 
		max-width: 100%; 
		text-align: left; 
		position: absolute; 
		top: 50%; 
		left: 0px; 
		padding: 100px; 
		box-sizing: border-box; 
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	#homepage-carousel .banner-title h1 {
		line-height: 100%; 
	}



#event-dates {
	background-color: #28343d;
	width: 100%; box-sizing: border-box; line-height: 100%; 
	padding: 20px; 
	color: #fff; 
	font-size: 3rem; 
	position: relative; 
}
	.event-logo {
		content: ""; 
		display: block; 
		z-index: 1000; /* Above uppermost slider */  
		background-image: url('../images/static/egw-logo.png'); 
		background-repeat: no-repeat; 
		background-position: center center; 
		-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);
		box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);		
	}
	
	.page-banner .event-logo {
		width: 350px; height: 350px; 
		background-size: 350px; 
		-webkit-border-radius: 350px;
		border-radius: 350px;
		position: absolute; top: 50%; right: 25px; 
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%); 
	}
	#event-dates .event-logo {
		display: none;
		position: absolute; top: -170px; right: 100px; 
		width: 250px; height: 250px; 
		background-size: 250px; 
		-webkit-border-radius: 250px;
		border-radius: 250px;	
	}


#content-wrapper {
	display: block; width: 100%; height: 100%; 
	box-sizing: border-box; 
	padding: 0px; 
}

#content-wrapper .section:not(#think-greenwich) {
	display: block; width: 100%; clear: both; box-sizing: border-box; 
	padding: 40px; 
}

	section#about {
		padding-top: 0px !important; 
	}
	
		#about .center {
			display: block; width: 100%; text-align: center; 	
		}
	
#content-wrapper .section h2 {
	display: block; width: 100%; box-sizing: border-box; line-height: 100%; 
	padding: 0px; margin: 0px; 
	font-size: 2.8rem; 
	text-align: center; 
}


	span.tg-logo {
		display: block; text-align: center; clear: both; 
		padding-bottom: 20px; 
	}
	
	span.tg-logo img {
		width: 100%; max-width: 100px; margin: 0px auto; 
	}
	
	#think-greenwich {
		display: block; width: 100%;  
		color: #fff; 
		position: relative; 
		z-index: 100;
		padding: 0px; 
	}
		#think-greenwich .inner {
			padding: 40px; 
		}
		
		
		#think-greenwich p:last-child {
			text-align: center; 
		}
		#think-greenwich a.button {
			border: 2px solid #fff; 
			color: #fff; 
			margin: 0px auto; 
		}
		#think-greenwich a.button:hover {
			border: 2px solid #fff; 
			background-color: transparent; 
		}
		
	#think-greenwich::after {
		display: block; width: 100%; height: 100%; box-sizing: border-box; 
		position: absolute; 
		z-index: -1; top: 0px; left: 0px; 
		background-color: #000; opacity: 0.5; 
		content: ""; 
	}
	#think-greenwich::before {
		display: block; width: 100%; height: 100%; box-sizing: border-box; 
		position: absolute; 
		z-index: -1; top: 0px; left: 0px; 
		background-image: url('../images/static/banner6-optimized.jpg');
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center -100px;
		content: ""; 
	}
	#think-greenwich h2 {
		color: #fff; 
	}

#page-features {
	padding-top: 40px; 
}

#event-sponsors h2.category-title {
	display: block; 
	width: 100%; 
	font-size: 1.5rem; 
	text-align: center; 
	line-height: 100%; 
	border-bottom: 1px solid #dedede; 
	padding: 15px; box-sizing: border-box; 
}

ul.category-sponsors {
	display: block; 
	margin: 10px auto; 
	list-style-type: none; 
	font-size: 0; 
	padding: 0px;  
	line-height: 100%; 
	vertical-align: top; 
	text-align: center; 
}

ul.category-sponsors li {
	display: inline-block; 
	font-size: 1rem;
	vertical-align: top; 
	width: calc((100% - 50px) / 6); 
	/*
	width: 150px; 
	*/
	height: 120px; 
	
	padding: 10px; 
	margin-left: 10px; margin-bottom: 10px; 
	box-sizing: border-box; 
}

	ul#category-3 li {
		width: calc((100% - 20px) / 3);	
		height: 180px; 
	}
	ul#category-3 li img {
		width: 100%; height: auto; 
		max-width: none !important; 
		max-height: 160px !important; /* li.height - 20px padding */ 
	}


ul.category-sponsors li:nth-child(5n+1){
	margin-left: 0px; 
}
	
	ul#category-3 li:nth-child(2n+1){
		margin-left: 0px; 
	}

ul.category-sponsors li a {
	display: block; width: 100%; height: 100%; 
	position: relative; 
}

ul.category-sponsors li a img {
	display: inline-block; 
	max-height: 100px; width: auto; max-width: 100%; 
	position: absolute; 
	top: 50%; left: 50%; 
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);	
}


/*	Temporary
	------------------------------------------ */ 
	.egw-2019-memories {
		width: 100%; 
	}
		.egw-2019-memories * {
			box-sizing: border-box; 
		}

		.egw-2019-memories .colgroup:not(#cancelled-badge) > img,
		.egw-2019-memories .colgroup:not(#cancelled-badge) .col > img {
			object-fit: cover;
			width: 100%; height: 400px; 
			display: block;   
			border: 3px solid #808080; 
		}


		.egw-2019-memories .colgroup {
			font-size: 0; 
			margin-top: 10px; 
		}

		#cancelled-badge {
			text-align: center;
			padding: 30px 0px;  	
		}

		#cancelled-badge > img {
			width: 100% !important; 
			max-width: 400px !important; 
			height: auto !important; 
			object-fit: initial !important; 
			margin: 0px auto; 
		}


		.egw-2019-memories .colgroup .col {
			width: calc((100% - 10px) /2); 
			margin-left: 10px;
			height: 100%; 
		}

		.egw-2019-memories .colgroup .col:first-child {
			margin-left: 0px; 
		}


/*	RWD
	------------------------------------------- */ 
	
	@media all and (max-width: 980px){
		#homepage-carousel {
			height: 350px; 
		}
	}

	@media all and (max-width: 910px){
	
		.page-banner .event-logo {
			display: none; 
		}
		#event-dates .event-logo {
			display: block; width: 200px; height: 200px; 
			background-size: 200px; 
			position: absolute; 
			top: 50%; 
			left: 50%; 
			-webkit-transform: translate(-50%,-50%); 
			transform: translate(-50%,-50%); 
			right: auto; 
		}
		
		#content-wrapper {}
		
		#page-features {
			padding-top: 0px; 
		}
		
		section#about {
			margin-top: 30px; 
		}
		

		ul.category-sponsors {
			padding-top: 40px; 
		}
		ul.category-sponsors:not(#category-3) li {
			width: calc((100% - 60px) / 4);
			height: 100px; 
		}
			ul#category-3 li {
				display: block; 
				width: 100%; max-width: 320px; 
				height: 180px; 
				clear: both; 
				margin: 0px auto !important; 
			}	
			ul#category-3 li img {
				max-height: 160px; 	
			}

		ul.category-sponsors:not(#category-3) li:nth-child(5n+1){
			margin-left: 20px; 
		}	
		ul.category-sponsors:not(#category-3) li:nth-child(4n+1){
			margin-left: 0px; 
		}			
		
	}

	@media all and (max-width: 860px){	
		.egw-2019-memories .colgroup:not(#cancelled-badge) > img,
		.egw-2019-memories .colgroup:not(#cancelled-badge) .col > img {
			height: 300px; 
		}
	}


	@media all and (max-width: 800px){		
		
		ul.category-sponsors:not(#category-3) li {
			width: calc((100% - 40px) / 3);
		}

		ul.category-sponsors:not(#category-3) li:nth-child(4n+1){
			margin-left: 20px; 
		}	
		ul.category-sponsors:not(#category-3) li:nth-child(3n+1){
			margin-left: 0px; 
		}	
	}
		
	@media all and (max-width: 750px){
		#think-greenwich::before {
			background-position: center center;
		}
	}
	
	
	
	@media all and (max-width: 720px){
		#homepage-carousel .banner-title {
			padding: 40px; 
		}
		#homepage-carousel .banner-title h1 {
			font-size: 6rem !important; 
		}
	}

	@media all and (max-width: 640px){
		.egw-2019-memories .colgroup:not(#cancelled-badge) > img,
		.egw-2019-memories .colgroup:not(#cancelled-badge) .col > img {
			height: 250px; 
		}
	}	
	
	@media all and (max-width: 540px){
		#homepage-carousel .banner-title {
			padding: 20px; 
			position: absolute; 
			top: 140px; 
			left: 0px; 
			width: 100%; text-align: center; 
		}
		#homepage-carousel .banner-title h1 {
			font-size: 6rem !important; 
		}
		
		#page-features {
			padding-top: 80px; 
		}	
		#page-features .col {
			display: block; clear: both; width: 100%;
			text-align: center; 
		}
			.social-share {
				text-align: center; 
			}
			
			.social-share ul {
				margin: 0px auto; 
				padding: 10px; 
			}

		section#about {
			margin-top: 0px; 
		}
		
		
		ul.category-sponsors:not(#category-3) li {
			width: calc((100% - 20px) / 2);
		}

		ul.category-sponsors:not(#category-3) li:nth-child(3n+1){
			margin-left: 20px; 
		}	
		ul.category-sponsors:not(#category-3) li:nth-child(2n+1){
			margin-left: 0px; 
		}	

		.egw-2019-memories .colgroup .col {
			width: 100%; 
			margin: 0px; margin-top: 10px; 
		}					
			
	}	
	
	
	@media all and (max-width: 480px){
		h2.dates {
			font-size: 2rem; 
		}
		
		ul.category-sponsors {
			padding-top: 40px; 
			text-align: center; 
		}
		
		ul.category-sponsors:not(#category-3) li {
			display: block; clear: both; 
			width: 100%; max-width: 180px; margin: 0px auto !important; 
			height: 100px; 
		}

	}