/*	local.home.css */ 

:root {
    --yellow: #ffde59;
}




.blockquote {
	font-size: 1.5rem; 
}



#homepage-carousel {
	position: relative; 
	height: 100%;
	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;	
	}
	
	#homepage-carousel .banner-image:not(:nth-child(1)){
		display: none; 
	}	
	
		.banner-image:nth-child(1){
			z-index: 300; 
		}
		.banner-image:nth-child(2){
			z-index: 200; 
		}
		.banner-image:nth-child(3){
			z-index: 100; 
		}
		
		.banner-caption {
			display: block; width: 100%; box-sizing: border-box; 
			padding: 10px; 
			position: absolute; bottom: 0px; left: 0px; 
			text-align: right; 
			color: #fff; 
			margin: 0px; 
			z-index: 10; 
			text-transform: uppercase; 
		}
		
		.banner-caption::after {
			display: block; width: 100%; height: 100%; 
			background-color: #01446f; opacity: 0.85; 
			position: absolute; z-index: -1; 
			top: 0px; left: 0px; 
			content: ""; 
		}
		
	
main#content {
	overflow: hidden; 
}


#content-container {
	padding: 0px; 
	color: #fff; 
}

#content-container section {
	max-width: 1024px; 
	min-height: 550px; 
	padding-top: 0px !important; 
	background-color: #005087; 
	margin: 0px auto; 
	color: #fff; 
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);	
}


.eventProduction {
	display: block; width: 100%; 
	padding: 20px; 
	background-color: #00aeed; 
	font-size: 2rem; 
	font-weight: bolder; 
	text-transform: uppercase; 
	line-height: 120%; 
	box-sizing: border-box; 
}

	.eventProduction sub {
		font-size: 1rem; 		
	}

.eventMeta {
	font-size: 2rem; 
	line-height: 120%; 
	padding: 20px; 
	padding-top: 50px; 
	box-sizing: border-box; 
}

.eventMeta .dates {
	font-size: 3rem; font-weight: bolder; 
	display: inline-block; margin: 20px 0px; 
	text-transform: uppercase; 
}

.eventPoster {
	border-top: 5px solid var(--yellow); 
	border-bottom: 5px solid var(--yellow); 
	font-size: 0; line-height: 100%; 
}

.eventPoster img {
	width: 100%; height: auto; 
}


.yt-video {
	display: block; width: 100%; 
	padding: 20px 0px;
	box-sizing: border-box;  
}

.yt-video-wrapper {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
	.yt-video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	

.quote {
	display: inline-block; width: 100%; 
	max-width: 550px; margin: 0px auto; 
	padding: 40px 20px; 
	font-size: 1.75rem; line-height: 1.25em;  
}


.location {
	display: block; width: 100%; text-align: center; 
}

.location .icon.map {
	margin: 0px auto; 
	width: 50px; height: 100px; 
}
	
	
	/*	RWD
		------------------------------------------------------------------------- */ 
	@media all and (max-width: 1040px){

	}

	@media all and (max-width: 980px){
		
		.banner-image[data-index="0"] {
			background-position: center 25% !important; /* Correct for display: none .event-posters */ 
		}	

	}
	
	
	@media all and (max-width: 920px){


	}	
	
	
	@media all and (max-width: 850px){

	}
	
	@media all and (max-width: 740px){
		

	
	}
	
	@media all and (max-width: 680px){
	
		
		
	}
	
	@media all and (max-width: 550px){
	
	}
	
	@media all and (max-width: 480px){
		


	}	

	@media all and (max-width: 350px){

	}