/*-----------------------------------------------------------------------------
author:    www.yakimavalleytourism.com
-----------------------------------------------------------------------------*/


/* =Ag Museum Events
-----------------------------------------------------------------------------*/
.eventImage {
	margin:0 auto 2em auto;
	}

.eventImageSub {
	margin:0 0 2em 0;
	min-width:60%;
	}
	
section h2 { 
	font-size:2em;
	}
	
section h2 em {
	color:#333333;
	font-weight:normal;
	}
	
section h2.eventH2 {
	color:#F00;
	font-style:italic;
	}

section h3.eventH2 {
	color:#F00;
	font-style:italic;
	}
	
ul.regularEvents {
	margin:0 0 2em 0;
	}
	
ul.regularEvents li {
	border-top:#CCC solid 1px;
	padding:1em 0;
	}
	
.eventTitle {
	cursor:pointer;
	}
	
.eventTitle h3 {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
ul.regularEvents h3 em {
	color:#666;
	color:#999;
	font-family: 'arialblack', Arial, sans-serif;  
	}
	
.eventTitle:hover h3 {
	color:#999;
	}
	
.red {
	color:#F00;
	font-size:1.5em;
	}	
	
.eventDetail {
	padding:1em;
	border:#CCC solid 1px;
	margin:.5em 0 0 0;
	background:#d6d6d6;
	}

.eventDetail img {
	width:50%;
	}
	
ul.featured {
	margin:0 0 2em 0;	
	}
	
ul.featured li {
	float:left;
	width:49%;
	margin:0 2% 1em 0;
	}
	
ul.featured li:nth-child(2n+0) {
	float:right;
	margin:0 0 1em 0;
	}
	
.featuredInner {
	position:relative;	
	cursor:pointer;
	}
	
ul.featured li h2 {
	bottom:0;
	left:0;
	width:90%;
	text-align:center;
	padding:.5em 5%;
	position:absolute;	
	color:#000000;
	z-index:4000;
	background: rgba(255, 197, 12, 0.75);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
ul.featured li img {
	width:100%;
	}
	
.shadow {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:150px;
	z-index:3999;
	opacity:0.00;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
ul.featured li:hover h2 {	
	color:#ffffff;
	background: rgba(255, 197, 12, 0.0);
	text-shadow:2px 2px #000000;
	}
	
ul.featured li:hover .shadow {	
	opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}

@media screen and (max-width: 1350px) {

	
}

@media screen and (max-width: 1200px) {


	
}

@media screen and (max-width: 1100px) {
	



}

@media screen and (max-width: 800px) {
	

	
}

@media screen and (max-width: 750px) {
	
	
ul.featured li {
	float:none;
	width:100%;
	margin:0 0 1em 0;
	}
	
ul.featured li:nth-child(2n+0) {
	float:none;
	margin:0 0 1em 0;
	}
	



}