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


/* =Yakima Valley Tourism Trip Ideas
-----------------------------------------------------------------------------*/
.bannerTripIdeas {
	background:url("../img/banners/tripIdeas-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
.bannerTripBeer {
	background:url("../img/banners/tripBeer-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerTripWine {
	background:url("../img/banners/tripWine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTripOutdoor {
	background:url("../img/banners/tripOutdoor-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerTripOutdoorStops {
	background:url("../img/banners/tripOutdoorStops-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerTripFarms {
	background:url("../img/banners/tripFarms-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTripUpick {
	background:url("../img/banners/tripU-pick-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTripUpperFarms {
	background:url("../img/banners/tripUpperFarms-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTripLowerFarms {
	background:url("../img/banners/tripLowerFarms-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerSummer {
	background:url("../img/seasonal/seasonal-summer.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerSpring {
	background:url("../img/seasonal/seasonal-spring.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerFall {
	background:url("../img/seasonal/seasonal-fall.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerWinter {
	background:url("../img/seasonal/seasonal-winter.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
/* =Trip Idea Main Page
-----------------------------------------------------------------------------*/
        
.tripPhoto {
    position:relative;
    margin:0 0 1em 0;
    }
    
.tripPhoto img {
    width:100%;
    }
    
.tripPhoto h2 {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding: 3%;    
    text-align: center;
    width:94%;
    margin:0;
    }
    
.wineH2 {
    background: rgba(140, 24, 45, 0.75);
    }
    
.farmGreenH2 {
    background: rgba(20, 108, 55, 0.75);
    }
    
 .hopGreenH2 {
    background: rgba(74, 91, 45, 0.75);
    }
    
.blueH2 {
    background: rgba(15, 62, 82, 0.75);
    }
    
.orangeH2 {
    background: rgba(235, 109, 36, 0.75);
    }
    
.springGreenH2 {
    background: rgba(119, 165, 93, 0.75);
    }
    
.brownH2 {
    background: rgba(85, 45, 22, 0.75);
    }
    
section .ThreeColumnGrid p {
	padding:0 0 1em 0;
	}
    
ul.tripUl {
    list-style: none;
    text-align: center;
    margin:0 0 2em 0;
    }
    
ul.tripUl li a {
    padding:15px 5% 13px 5%;
    background:#000;
    margin:0 0 .5em 0;
    background: #8C182D;
    line-height:90%;
	text-decoration:none;
	font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
	font-size:1em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    color:#fff;
    width:90%;
    display:block;
    -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;
    }
    
ul.tripUlWine li a {
    background: #8C182D;
    }
    
ul.tripUlBeer li a {
    background: #4a5b2d;
    }
    
ul.tripUlOutdoor li a {
    background: #0f3e52;
    }
    
ul.tripUlFarm li a {
    background: #146c37;
    }
    
ul.tripUlSeasonal li a {
    background: #eb6d24;
    }
    
ul.tripUl li a:hover {
    background: #000;
    }
    
/* =Trip Idea trip pages
-----------------------------------------------------------------------------*/

    
.twoColFifty a.greenHopBtn, .twoColFifty a.wineBtn, .twoColFifty a.blueBtn, .twoColFifty a.greenFarmBtn {
    width:95%;
    text-align: center;
    }
    
.roadTripMap iframe {
    width:100%;
    }
    
.roadTripStop  {
    position:relative;
    }
    
.roadTripStop h2.center  {
    padding:0 5%;
    }
    
.roadTripHills {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9000;
	}
    
ul.fourCol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
    list-style:none;
    margin:0 0 1em 0;
    }
    
ul.threeCol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
    list-style:none;    
    margin:0 0 1em 0;
    }
    
.roadTripStop ul li {
    position: relative;
    background: url("../img/fifty-border.gif") top right repeat-y;
    border-bottom:#c7b7ac solid 1px;
    }
    
.roadTripStop ul li img {
    width:100%;
    }
    
.roadTripStop ul li ul li {
    background: none;
    border-bottom:none;
    }
    
.number {
    position: absolute;
    top:0;
    left:0;
    padding:.5em;
    color:#fff;
    font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
    font-size: 35px;
    }
    
.numberBeer {
    background:#4a5b2d;
    }
    
.numberWine {
    background:#8c182d;
    }
    
.numberGreen {
    background:#146c37;
    }
    
.numberSpringGreen {
    background:#77a55d;
    }
    
.numberBlue {
    background:#0f3e52;
    }
    
.numberOrange {
    background:#eb6d24;
    }
    
.roadTripText {
    padding:7.5%;
    }
    
.roadTripStop ul li p {
    margin:0;
    padding:0;
    font-size:90%;
    }

    


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

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

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

section .tripText h2 {
    font-size:1.5em;
    }

.twoColFifty {
    grid-template-columns: 100%;    
    }
    
.twoColFifty p:second-of-type {
    margin:0 0 1em 0;    
    }
	
}

@media all and (max-width: 1100px) {
	
ul.tripUl li a {
	font-size:.75em;
    }
	
}

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

.tripPhoto h2 {
    font-size: 1.5em;
    }
	
ul.fourCol {
    grid-template-columns: 1fr 1fr;    
    }
	
}

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

ul.threeCol {
    grid-template-columns: 1fr 1fr;    
    }   
 
	
}

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



}

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

ul.ThreeColumnGrid {
    grid-template-columns: 1fr; 
    column-gap: 0;
    }
    
ul.tripUl li {
	margin:0 0 1em 0;
    }
    
ul.tripUl li a {
	font-size:1em;
    }
	
}

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

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

ul.fourCol {
    grid-template-columns: 1fr;    
    }
    
ul.threeCol {
    grid-template-columns: 1fr;    
    }
	
}

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