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


/* =Yakima Valley Tourism Lodging
-----------------------------------------------------------------------------*/

    
.rootRez {
    margin:0 0 6em 0;
    }
    

    
/* propertyTypes --------------------------------------*/
	
ul.propertyPillars {
	list-style:none;
	margin:0 0 2em 0;
    display:grid;
    grid-template-columns: 1fr 1fr;    
    grid-gap: 2rem;
	}
	
ul.propertyPillars a {	
	text-decoration:none;
	color:#ffffff;
	}
    
ul.propertyPillars li {
	text-align:center;	
	}
    
ul.propertyPillars li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3; 
    }
	
ul.propertyPillars 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.propertyPillars li:hover h1 {
	text-shadow:none;
	}
    
.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;
	}
	
.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.propertyPillars li:hover .overlay {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
ul.propertyPillars li:hover .pillarTitle span {
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
    
ul.propertyPillars li:nth-child(1) .pillarPhoto {
	background:url("../img/lodging/lodging-btn-hotel.jpg") center center no-repeat;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.propertyPillars li:nth-child(2) .pillarPhoto {
	background:url("../img/lodging/lodging-btn-b-and-b.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.propertyPillars li:nth-child(3) .pillarPhoto {
	background:url("../img/lodging/lodging-btn-vacation-rental.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
ul.propertyPillars li:nth-child(4) .pillarPhoto {
	background:url("../img/lodging/lodging-btn-lodge-inn.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
    
ul.propertyPillars li:nth-child(5) .pillarPhoto {
	background:url("../img/lodging/lodging-btn-camping-rv.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.lodgingCat .wineBtn {
	margin-right:.5em;
	margin-bottom:.5em;
	}   

.hotelListings .divider:before {
  height: 150px;
  display: block;
  content: '';
}



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

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


	
}

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

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


	
}

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


	
}

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

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

.pillarPhoto {
	padding:3.5em .5em;
	}

}

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


	
}

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

    
ul.propertyPillars li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2; 
    }

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

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


}

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