/* 
Title: 		style/index.css
Website: 	nac-cna.ca 
Author:		david.ramalho for the National Arts Centre
Contact:	david.ramalho@nac-cna.ca
Created:	Jan 26, 2015 
*/

/*This stylesheet is for dynamic EE styles*/



	
			
						

			/*              RANDOMIZE HEADER            */

			#home_cover.brand .brand_splash {
				background: url(/assets/img/logos/nac_vertical_en.svg) no-repeat left top;								background-size: contain;
			}

			#home_cover.brand {
				background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__mobile.png) center;
				background-size: cover;
				height: 270px;
			}

			#home_cover #image-caption small:after,
			#image-caption-block small:after {
				content: 'Colour, Health, Hope, GREEN | harmony  \00a9  Jacquie Comrie';
			}

			/* 480px and up */
			@media screen and (min-width: 480px) {
				#home_cover.brand {
					background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__mobile.png) center;
					background-size: cover;
					height: 370px;
				}
			}	
			/* 600px and up */
			@media screen and (min-width: 600px) {
				#home_cover.brand {
					background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__mobile.png) center;
					background-size: cover;
				}
			}
			@media screen and (min-width: 769px) {
				#home_cover.brand .more_info {
					text-shadow: 0 0 2px rgba(0,0,0, 1), 0 0 2px rgba(0,0,0, 1), 0 0 2px rgba(0,0,0, 1);
				}
				
				#home_cover.brand {
					background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__980.png) 70% top;
					background-size: cover;
					height: 500px;
				}

				#home_cover.brand .brand_splash {
					width: 30%;
					height: 364px;
				}

				#home_cover.brand .overlay {
					background: linear-gradient(90deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 60%);
					height: 100%;
				}
			}
			@media screen and (min-width: 981px) {
				#home_cover.brand {
					background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__1440.png) 70% top;
					background-size: cover;
					height: 460px;
				}

				#home_cover.brand .brand_splash {
					width: 50%;
					height: 364px;
				}
			}
			@media screen and (min-width: 1441px) {
				#home_cover.brand {
					background: rgba(0,0,0,1) url(https://naccnaca-marquee.s3.amazonaws.com/27956/8-final_green_header-2__1600.png) top center;
					background-size: cover;
				}
			}