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


/* =Yakima Valley Tourism Hops and Beer
-----------------------------------------------------------------------------*/
.bannerBreweries {
	background:url("../img/banners/breweries-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}  
    
.bannerFieldGuide {
	background:url("../img/banners/fieldGuideHops-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerHistory {
	background:url("../img/banners/hopHistory-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}

.videoOverlay {
    background:rgba(37, 46, 23, 0.65);  
    }

/* =Craft Beer Trail Page
-----------------------------------------------------------------------------*/
 
.brewMapListings {
    display: grid;
    grid-template-columns: 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
    }
    
.brewListings {
	padding:5%;
	}
    
.brewListings ul {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
    margin:0 0 2em 0;
	}
    
.brewListings ul.listings li img {
    background:#fff;
	}
    
.brewMap {
    padding:5%;
    }
    
.brewMap iframe {
    width:100%;
    height:100%;
    }
    
.upperValleyBrew h2, .upperValleyBrew ul.listings li a h2 {
    color:#0c5599;
    margin:0 0 .5em 0;
    }
    
.yakValleyBrew h2, .yakValleyBrew ul.listings li a h2 {
    color:#518b28;
    margin:0 0 .5em 0;
    }
    
.lowerValleyBrew h2, .lowerValleyBrew ul.listings li a h2 {
    color:#f47f00;
    margin:0 0 .5em 0;
    }
    
ul.otherListings {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:2rem;
    margin:0 0 3em 0;
	}
    
    
/* =Field Guide to Hops Page
-----------------------------------------------------------------------------*/

.mobileSwipe {
    display: none;
    }

ul.gallery li img {
    margin:0 auto;
    }
    
/* =Hop History Page
-----------------------------------------------------------------------------*/
    
.hopHistory {
    background:#eee9e3;
    padding:5%;
    text-align: center;
    }
    
.hopHistory h2 {
    margin:0 0 .25em 0;
    }
    
.hopHistory p {
    padding:0 0 1em 0;
    }
    
.hopHistory img {
    width:100%;
    margin:0 0 1em 0;
    }
    
.hopHistory .greenHopBtn {
    margin:0 0 0 0;
    width:90%;
    }
    
.hopHistory ul {
    margin:0 0 0 0;
    }
    
.hopHistory ul li {
    padding:1em 0;
    border-top:#4a5b2d solid 1px;
    }

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

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

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

.brewListings {
	padding:5% 5% 0 5%;
	}

.brewListings ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:2rem;
	}
    
.brewMapListings {
    grid-template-columns: 100%;    
    }
    
.brewMap iframe {
    height:550px;
    }
    
ul.otherListings {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
	}
	
}

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

	
}

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

.brewListings ul {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
	}
	
}


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



}

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

.mobileSwipe {
    display: block;
    }

.ThreeColumnGrid {
	padding:0 0 4em 0;
	}

.ThreeColumnGrid a.greenHopBtn {
	margin:0 0 .5em 0;
	}
	
}

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

.brewListings ul {
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem;
	}
    
ul.otherListings {
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem;
	}
	
}

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