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


/* =Yakima Valley Tourism Plan Your Visit
-----------------------------------------------------------------------------*/
.bannerPlanYourVisit {
	background:url("../img/banners/plan-your-visit-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTravelMaps {
	background:url("../img/banners/travelMaps-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerTravelGuide {
	background:url("../img/call-to-action-bg-blue.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerWineBeerTours {
	background:url("../img/banners/wineBeerTour-banner.jpg") center center;		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
    
.bannerSeasonal {
	background:url("../img/banners/tripWine-banner.jpg") center center;		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}


/* =Plan Your Visit Main Page
-----------------------------------------------------------------------------*/
        
/* home pillars --------------------------------------*/
	
ul.homePillars {
	list-style:none;
	margin:0 0 0 0;
    display:grid;
    grid-template-columns: 33% 33% 33%;    
    column-gap: .5%;
    row-gap: 1.75%;
	}
	
ul.homePillars a {	
	text-decoration:none;
	color:#ffffff;
	}
    
ul.homePillars li {
	text-align:center;	
	}
	
.pillarPhoto {
	padding:5em .5em;
	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;
	}
	
.pillarPhoto:hover {
	transform: scale(1.10);
	z-index:5000;
	}
	
ul.homePillars li h1 {
	text-align:center;
	padding: 0 0;
	font-size:3em;
	font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
	color:#ffffff;
	-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;
	position:relative;
	z-index:2000;
	text-shadow:0 0 20px #000;
	}
	
ul.homePillars li h1 span {
	display:block;
	font-size:15px;
	line-height:90%;
	-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;
	/*background: rgba(85, 45, 22, 0.75);
	padding:.5em 0 .4em 0; */
	opacity:0.00;
    filter:alpha(opacity=00); /* For IE8 and earlier */
	padding:5px 0 0 0;
	color:#fff;
	}
	
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(140, 24, 45, 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;
	opacity:0.00;
    filter:alpha(opacity=00); /* For IE8 and earlier */
	z-index:1900;
	}
	
ul.homePillars li:hover h1 {
	text-shadow:none;
	}
	
ul.homePillars li:hover .overlay {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
ul.homePillars li:hover .pillarTitle span {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
ul.homePillars li:nth-child(1) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-maps.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.homePillars li:nth-child(2) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-trip-ideas.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.homePillars li:nth-child(3) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-travel-guide.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.homePillars li:nth-child(4) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-vic.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.homePillars li:nth-child(5) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-tours.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
    
ul.homePillars li:nth-child(6) .pillarPhoto {
	background:url("../img/plan-your-visit/pillar-seasonal.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	} 
    
/* seasonal attractions --------------------------------------*/
	
ul.seasonPillars {
	list-style:none;
	margin:0 0 0 0;
    display:grid;
    grid-template-columns: 1fr 1fr;    
    grid-gap: 2rem;
	}
	
ul.seasonPillars a {	
	text-decoration:none;
	color:#ffffff;
	}
    
ul.seasonPillars li {
	text-align:center;	
	}
	
ul.seasonPillars li h1 {
	text-align:center;
	padding: 0 0;
	font-size:3em;
	font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
	color:#ffffff;
	-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;
	position:relative;
	z-index:2000;
	text-shadow:0 0 20px #000;
	}
	
ul.seasonPillars li:hover h1 {
	text-shadow:none;
	}
	
ul.seasonPillars li:hover .overlay {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
ul.seasonPillars li:hover .pillarTitle span {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
    
ul.seasonPillars li:nth-child(1) .pillarPhoto {
	background:url("../img/seasonal/seasonal-spring.jpg") center center no-repeat;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.seasonPillars li:nth-child(2) .pillarPhoto {
	background:url("../img/seasonal/seasonal-summer.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.seasonPillars li:nth-child(3) .pillarPhoto {
	background:url("../img/seasonal/seasonal-fall.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.seasonPillars li:nth-child(4) .pillarPhoto {
	background:url("../img/seasonal/seasonal-winter.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
    
    
/* =Travel Maps Page
-----------------------------------------------------------------------------*/

ul.maps {
    margin:0 0 2em 0;
    }
    
ul.maps li {
    -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.maps li:hover {
    opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    } 
    
ul.maps li a:link, ul.maps li a:visited {
	text-decoration: none;
    text-align: center;
    color:#8c182d;
	}
    
ul.maps li img {
    margin:0 0 1em 0;
    }
    
section ul.maps li p {
    padding:0 0 1em 0;
    font-weight: bold;
    font-style: italic;
    }
    
    
/* =Travel Guide Page
-----------------------------------------------------------------------------*/ 

.travelGuideBtns div {
    display: inline-block;
    width:30%;
    text-align:center;
    }
    
.travelGuideBtns div img {
    max-width:490px;
    width:60%;
    margin:0 auto 1em auto;
    }

.formWrapper {
    width:50%;
    margin:0 auto;
    }


@media all and (max-width: 1600px) {
	
.travelGuideBtns div {
    width:45%;
    }
	
}
	
@media all and (max-width: 1350px) {

ul.homePillars li h1 {
	font-size:2.5em;
	}
	
}

@media all and (max-width: 1250px) {
	
ul.seasonPillars li h1 {
	font-size:2em;
	}
    
}

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

ul.homePillars li h1 {
	font-size:2em;
	}
    
.travelGuideBtns div {
    width:49%;
    }
	
}

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

.formWrapper {
    width:75%;
    }
	
}

@media screen and (max-width: 900px) {	
 
 ul.seasonPillars li h1 {
	font-size:1.5em;
	}
	
}

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

.pillarPhoto {
	padding:3.5em .5em;
	}
	
ul.homePillars li h1 {
	font-size:1.5em;
	}
	
ul.homePillars li h1 span {
	display:none;
	}
    
.travelGuideBtns div a.wineBtn {
    font-size:90%;
    }

}

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

.formWrapper {
    width:100%;
    }
    
section ul.maps li p {
    padding:0 0 2em 0;
    }
    
ul.maps li img {
    margin:0 0 .5em 0;
    }
	
}

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

ul.homePillars {
    grid-template-columns: 49.5% 49.5%;    
    column-gap: 1%;
    row-gap: 1.25%;
	}
    
ul.homePillars li h1 {
	font-size:1em;
	} 
    
ul.seasonPillars {
    grid-template-columns: 1fr;
	}
    
	
}

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

.travelGuideBtns div i {
    display:none;
    }
	
}

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