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


/* =Yakima Valley Tourism Outdoor Adventure
-----------------------------------------------------------------------------*/
.bannerTrails {
	background:url("../img/banners/onTheTrail-banner.jpg") center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerHiking {
	background:url("../img/banners/hiking-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerBiking {
	background:url("../img/banners/biking-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerOffRoad {
	background:url("../img/banners/off-road-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerWater {
	background:url("../img/banners/water-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerWinter {
	background:url("../img/banners/winter-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerHorseback {
	background:url("../img/banners/horseback-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerClimbing {
	background:url("../img/banners/climbing-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerWildlife {
	background:url("../img/banners/wildlife-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerRides {
	background:url("../img/banners/rides-runs-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}

.videoOverlay {
    background:rgba(6, 44, 60, 0.65);  
    }
    
/* =Outdoor Stats
-----------------------------------------------------------------------------*/

ul.outdoorStats {
	list-style:none;
	display: grid;
    grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;
    margin:2em 0;
    text-align: center;
    border-top:#8c182d solid 1px;
    border-right:#8c182d solid 1px;
    border-left:#8c182d solid 1px;
	}
    
ul.outdoorStats li {
	padding:5%;    
    border-right:#8c182d solid 1px;
    border-bottom:#8c182d solid 1px;
	}
    
ul.outdoorStats li:last-child {
    border-right:none;
	}
    
section ul.outdoorStats li h2 {
	color:#0f3e52;
    font-size:5em;
    margin:0;
	}
    
.ThreeColumnGrid a.blueBtn {
	width:95%;
    text-align: center;
	}
    
/* =Hiking Biking Page Sub Nav
-----------------------------------------------------------------------------*/
    
ul.trail {
	margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    grid-gap: 2rem;
    text-align: center;    
	}
    
.trailPhoto {
    position:relative;
    -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;
    }
    
.trailPhoto:hover {
    opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
    
.trailPhoto img {
    width:100%;
    }
    
.trailPhoto h2 {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding: 3%;
    background: rgba(15, 62, 82, 0.75);
    text-align: center;
    width:94%;
    margin:0 0 0 0;
    } 
    
/* =Outdoor Attraction Listings
-----------------------------------------------------------------------------*/

    
.attractionsContainer {    
    margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 30% 65%;    
    column-gap: 5%;
    row-gap: 3%;
    grid-template-rows: 480px auto;
	}
    
.attractionMap {
    margin:0 0 2em 0;
    grid-column-start:1;
    grid-column-end: 2;
    grid-row-start:1;
    grid-row-end: 2;
    }
    
.attractionMap iframe {
    width:100%;
    height:480px;
    }
    
.outdoorListings {
    grid-column-start:1;
    grid-column-end: 2;
    grid-row-start:2;
    grid-row-end: 3;
    }
    
ul.attractions {  
    grid-row-start:1;
    grid-row-end: 3;
    margin:0 0 2em 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    grid-gap: 2rem;
    padding:0 0 0 0;    
	}
    
ul.attractions li img {    
    margin:0 0 1em 0;
    width:100%;
	}
    
section .attractionsContainer ul.attractions li p {    
    padding:0 0 .5em 0;
	}
    
section .attractionsContainer ul.attractions li p:last-of-type {    
    padding:0 0 0 0;
	}
    
ul.attractions li .contentUl {    
    padding:.5em 0 .5em 1.5em;
	}
    
ul.attractions li .blueBtn {    
    margin:0 0 .5em 0;
	}
    
ul.outdoorBusinesses {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    row-gap: 1rem;
	}

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

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

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

ul.outdoorStats li {
	font-size:75%;
	}
    
section .trailText h2 {
    font-size:1.5em;
    }
	
}

@media all and (max-width: 1200px) {
	
ul.attractions {   
    grid-template-columns: 1fr 1fr;    
    grid-gap:2rem;
	}
	
}

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

.attractionsContainer {  
    grid-template-columns: 100%;    
    column-gap: 0;
    row-gap: 0;
    grid-template-rows: auto;
	}
    
.attractionMap {
    grid-column-start:auto;
    grid-column-end: auto;
    grid-row-start:auto;
    grid-row-end: auto;
    }
    
.attractionMap iframe {
    width:100%;
    height:350px;
    }
    
.outdoorListings {
    grid-column-start:auto;
    grid-column-end: auto;
    grid-row-start:auto;
    grid-row-end: auto;
    }
	
ul.attractions {   
    grid-row-start:auto;
    grid-row-end: auto;
    grid-template-columns: 1fr 1fr 1fr;    
    grid-gap:2em;
	}
	
}


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

ul.outdoorStats li {
	font-size:55%;
	}

}

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

ul.trail { 
    grid-template-columns: 1fr;    
    grid-gap:2rem;
	}
    
.trailPhoto {
    margin:0 0 1.5em 0
    }

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

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

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

ul.outdoorStats {
    grid-template-columns: 1fr 1fr 1fr;
	}
    
ul.outdoorStats li:nth-child(3n+0) {
    border-right:none;
	}
    
ul.attractions {   
    grid-template-columns: 1fr 1fr;    
    grid-gap:2rem;
	}
	
}

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