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


/* =Yakima Valley Tourism Pillar Pages
-----------------------------------------------------------------------------*/

.videoContainer {
	position:fixed;
	margin:0;
	padding:0;
	padding-bottom: 56.25%; /* aspecct ratio for video */
	width:100%;
	height:0;
	z-index:0;
	}
	
.fullscreen-bg__video {
    width: 100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	}
    
.videoGraphicMap {
    width:100%;   
	}
	
.videoGraphic {
    margin:0 auto;
	width:60%;
	padding:15em 0 16em 0;    
	}
    
.videoOverlay {
    position:relative;
    z-index: 5000;
    }
    
.distressedOverlayTop {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    }
    
.distressedOverlayBottom {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    }
    
.crowdRiffPillar {
    margin:0 0 4em 0;
    }
    
/* =Pillar Main Features
-----------------------------------------------------------------------------*/
    
.pillarFeatures {
    position:relative;
    display:grid;
    grid-template-columns: 1fr 1fr;
    background:#eee9e3;
    }
    
.firstPillar {
    margin:-50px 0 0 0;
    z-index:6000;
    }
    
.pillarFeatures div:first-of-type {
    background:url(../img/fifty-border.gif) top right repeat-y;
    }
    
.pillarFeatures img {
    width:100%;
    }
    
.pillarText {
    padding:5%;
    }
    
.pillarText .blueBtn, .pillarText .wineBtn {
    margin:0 0 1em 0;
    }
    
/* =Pillar Sub Nav
-----------------------------------------------------------------------------*/
    
ul.pillarSubNav {
	padding:0 0 2.75em 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    grid-gap:2rem;
    text-align: center;
	}
    
.pillarSubNavPhoto {
    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;
    }
    
.pillarSubNavPhoto:hover {
    opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
    
.pillarSubNavPhoto img {
    width:100%;
    }
    
.pillarSubNavPhoto h2 {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding: 3%;    
    text-align: center;
    width:94%;
    margin:0;
    }
    
.beerSubNav h2 {
    background: rgba(74, 91, 45, 0.75);
    }
    
.wineSubNav h2 {
    background: rgba(140, 24, 45, 0.75);
    }
    
.farmSubNav h2 {
    background: rgba(20, 108, 55, 0.75);
    }    


@media all and (max-width: 1775px) {
	
.firstPillar {
    margin:-30px 0 0 0;
    z-index:6000;
    }
	
}
	
@media all and (max-width: 1350px) {
	

	
}

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

.videoGraphic {
	padding:10em 0 11em 0;    
	}
	
}

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

	
}

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

.videoGraphic {
	padding:6em 0 7em 0;    
	}
	
}
	
@media all and (max-width: 875px) {
	

}

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

ul.pillarSubNav { 
    grid-template-columns: 1fr 1fr;    
    grid-gap:1rem;
	}
    
.pillarSubNavPhoto {
    margin:0 0 0 0
    }
	
}

@media all and (max-width: 675px) {
	
.videoGraphic {
	padding:3em 0 3.5em 0; 
    width:95%;
	}
    
.pillarFeatures {
    grid-template-columns: 1fr;
    }
    
.pillarFeatures div:first-of-type {
    background:none;
    }
	
}