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


/* =Yakima Valley Tourism Wine
-----------------------------------------------------------------------------*/
.bannerWine {
	background:url("../img/banners/wine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerWineGrape {
	background:url("../img/banners/tripWine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 

.wineFeatures img {
	margin:0 0 2em ;
	-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;
	}

.wineFeatures img:hover {
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    }

.pillarHeroSection {
	display: flex;
	width: 100%;
	height: 72vh; /* Viewport height */
	position: relative;
	}

.svgDistress {
	position: absolute;
	bottom:-37vh;
	left:0;
	z-index: 999;
	}

.left-container, .right-container {
	width: 50%;
	height: 100%;
	overflow: hidden; /* Ensure media fills the container */
	}

.left-container img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Fill the container, cropping if necessary */
	}

.right-container {
	position: relative;
	}

.right-container .vidColorOverlay {
	background-color: rgba(140, 24, 45, 1.0);
	mix-blend-mode: multiply;
	position: absolute;
	height: 100%;
	width:100%;
    }

.right-container video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Fill the container, cropping if necessary */
	}

.pillarHeroText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10; /* Ensure it's on top */
	padding: 0x;
	width:100%;
	background-color: rgba(0, 0, 0, 0.0); /* Semi-transparent background */
	font-family: 'bebasneuepro-bold', Arial, sans-serif;
    text-transform: uppercase;
	line-height:.9;
	}

.pillarHeroText span {
	display:block;
	color: rgba(255, 255, 255, 1.0); /* Semi-transparent background */	
	}

span.smallPillarText {
	font-size: 5em;
	padding:.25em;
	background: rgba(140, 24, 45, 0.0); /* Semi-transparent background */
	display:inline-block;
	border:solid 1px white;
	}

span.bigPillarText {
	font-size: 12em;
	}
    
.wineAreas {
    margin:0 auto;
    width:60%;
    max-width:1130px;
    }
    
.wineAreaFloat {
    margin:0 0 2em 1em;
    width:50%;
    float:right;
    }
    
.wineAreasLinks {
    text-align: center;
    margin:0 0 2em 0;
    }
    
.wineAreasLinks a {
    border:#8c182d solid 1px;
    color:#8c182d;
    font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
    padding:1%;
    display:inline-block;
    margin:0 .5em .5em 0;
    text-decoration:none;
    -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;
    font-size:1em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }
    
.wineAreasLinks a:hover {
    background:#8c182d;
    color:#fff;
    }

/* =Wine Stats
-----------------------------------------------------------------------------*/

ul.wineStats {
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin:0 0 2em 0;
    text-align: center;
    border-top:#8c182d solid 1px;
    border-right:#8c182d solid 1px;
    border-left:#8c182d solid 1px;
	}
    
ul.wineStats li {
	padding:5%;    
    border-right:#8c182d solid 1px;
    border-bottom:#8c182d solid 1px;
	}
    
ul.wineStats li:last-child {
    border-right:none;
	}
    
section ul.wineStats li h2 {
	color:#0f3e52;
    font-size:5em;
    margin:0;
	}

section ul.wineStats li p {
    margin:0;
	padding:.25em 0 0 0;
	}

section ul.wineStats li i {
    font-size: 4em;
	}



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

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

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


	
}

@media all and (max-width: 1200px) {
	
ul.wineStats {
    grid-template-columns: 1fr 1fr 1fr;
	border-right:none;
	}
	
ul.wineStats li:last-child {
    border-right:#8c182d solid 1px;
	}
	
section ul.wineStats li p {
    font-size:80%;
	}
	
}

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


	
}


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

.pillarHeroSection {
	flex-direction: column; /* Stack containers vertically */
	}

.left-container, .right-container {
	width: 100%; /* Full width on smaller screens */
	height: 50vh; /* Half viewport height each */
	}


}

@media screen and (max-width: 750px) {
	
.wineAreaFloat {
    margin:0 0 2em 0;
    width:100%;
    float:none;
    }
	
.twoColFifty {
    display:grid;
	}
	
}

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


	
}

@media all and (max-width: 550px) {
	
}/*-----------------------------------------------------------------------------
author:    www.visityakima.com
-----------------------------------------------------------------------------*/


/* =Yakima Valley Tourism Wine
-----------------------------------------------------------------------------*/
.bannerWine {
	background:url("../img/banners/wine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 
    
.bannerWineGrape {
	background:url("../img/banners/tripWine-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	} 

.videoOverlay {
    background:rgba(64, 10, 20, 0.65);  
    }
    
.wineAreas {
    margin:0 auto;
    width:60%;
    max-width:1130px;
    }
    
.wineAreaFloat {
    margin:0 0 2em 1em;
    width:50%;
    float:right;
    }
    
.wineAreasLinks {
    text-align: center;
    margin:0 0 2em 0;
    }
    
.wineAreasLinks a {
    border:#8c182d solid 1px;
    color:#8c182d;
    font-family: 'bebasneuepro-bold', Arial, sans-serif;text-transform: uppercase;
    padding:1%;
    display:inline-block;
    margin:0 .5em .5em 0;
    text-decoration:none;
    -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;
    font-size:1em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }
    
.wineAreasLinks a:hover {
    background:#8c182d;
    color:#fff;
    }



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

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

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


	
}

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

	
}

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


	
}


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



}

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

.wineAreaFloat {
    margin:0 0 2em 0;
    width:100%;
    float:none;
    }
	
}

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


	
}

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