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


/* =Yakima Valley Farm Fresh Farms page
-----------------------------------------------------------------------------*/

	


.foodNonMembers {
	margin:0 0 3em 0;
	}
	
ul.listing {
	list-style:none;
	font-size:85%;
	margin:.5em 0 1em 0;
	}
	
ul.listing li {
	display: inline-block;
	width:30%;
	margin:0 2% 0 0;
	vertical-align:top;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	}
	
ul.listing li:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
ul.listing li a {
	text-decoration:none;
	}
	
ul.listing li a h2 {
	color:#146c37;
	}
	
ul.listing li a p {
	color:#552d16;
	}
	
ul.listing li:nth-child(3n+0) {
	margin:0 0 0 0;	
	}
	
ul.listing li img {
	margin:0 auto .30em auto;
	-webkit-box-shadow: 2px 2px 4px 3px rgba(164, 146, 105, .25);
	box-shadow: 2px 0px 4px 3px rgba(164, 146, 105, .25);
	padding:2%;
	width:96%;
	background:rgba(255, 255, 255, .75);
	}
	
article ul.listing p a {	
	padding:1px 5px;
	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;
	color:#ffffff;
	background:#eb6d24;
	}

article ul.listing p a:link, article ul.listing p a:visited {
	text-decoration:none;
	}

article ul.listing p a:hover, article ul.listing p a:active {
	color:#eb6d24;
	background:#ffffff;
	}
	
.wineNonMembers h2 {
	color:#552d16;
	}
	
.trip .wineBtn {
	width:100%;
	}
	
.tripImage {
	margin:0 auto;
	}
	

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

	
}

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


	
}

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


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


	
}

@media screen and (max-width: 800px) {
	
ul.listing {
	margin:0 0 2em 0;
	}
	
ul.listing li {
	width:45%;
	margin:0 0 0 0;
	}
	
ul.listing li:nth-child(2n+0) {
	margin:0 0 0 5%;	
	}

		
}

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

ul.areas li:hover {
	-moz-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
    transform: scale(1.0,1.0); 
	z-index:5100;
	}	

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

	
	
}

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

ul.listing {
	margin:0 0 2em 0;
	}
	
ul.listing li {
	width:100%;
	margin:0 0 0 0;
	}
	
ul.listing li:nth-child(2n+0) {
	margin:0 0 0 0;	
	}	

	
}