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


/* =Ag Museum Exhibits
-----------------------------------------------------------------------------*/

ul.exhibits {
	margin:2em 0 2em 0;	
	}
	
ul.exhibits li {
	float:left;
	width:49%;
	margin:0 2% 1em 0;
	}
	
ul.exhibits li:nth-child(2n+0) {
	float:right;
	margin:0 0 1em 0;
	}
	
.exhibitsInner {
	position:relative;	
	cursor:pointer;
	}
	
ul.exhibits li h2 {
	bottom:0;
	left:0;
	width:90%;
	text-align:center;
	padding:1.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.exhibits 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.exhibits li:hover h2 {	
	color:#ffffff;
	background: rgba(255, 197, 12, 0.0);
	text-shadow:2px 2px #000000;
	}
	
ul.exhibits li:hover .shadow {	
	opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
.exhibitInfo {
	padding:1em;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	}
	
.exhibitInfo a {
	color:#FF6600;
	padding:1px 2px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

.exhibitInfo a:link, .exhibitInfo a:visited {
	text-decoration:none;
	}

.exhibitInfo a:hover, .exhibitInfo a:active {
	color:#ffffff;
	background:#FF6600;
	}

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

	
}

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

ul.exhibits li h2 {
	padding:1em 5%;
	}
	
}

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



}

@media screen and (max-width: 800px) {
	
ul.exhibits li h2 {
	padding:.75em 5%;
	}
	
}

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



}