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


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

.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;	
	}
    
    
.bannerFestivals {
	background:url("../img/banners/festivals-banner.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}


    
/* =Seasonal Attractions
-----------------------------------------------------------------------------*/

    
ul.seasonalAttractions {
	padding:0 0 0 0;
    margin:0 0 6em 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-gap:2rem;
    text-align: center;  
    justify-content: center;
	}
    
ul.seasonalAttractions li {
	}
    
.seasonalAttractionsPhoto {
    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;
    overflow: auto;
    }
    
.seasonalAttractionsPhoto:hover {
    opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
    
.seasonalAttractionsPhoto img {
    width:100%;
    }
    
.seasonalAttractionsPhoto h2 {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding: 3%;    
    text-align: center;
    width:94%;
    margin:0;
    }
    
.seasonalAttractionsPhoto h2 small {
    display: block;
    font-size:60%;
    line-height: 80%;
    color:#facc65;
    }
    
.summer h2 {
    background: rgba(20, 108, 55, 0.75);
    }
    
.fall h2 {
    background: rgba(235, 109, 36, 0.75);
    }
    
.spring h2 {
    background: rgba(119, 165, 93, 0.75);
    }
    
.winter h2 {
    background: rgba(15, 62, 82, 0.75);
    }
    
.festivals h2 {
    background: rgba(140, 24, 45, 0.75);
    }

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

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

	
}

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

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

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

	
}

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


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

ul.seasonalAttractions { 
    grid-template-columns: 1fr 1fr;  
    grid-gap:1rem;
    margin:0 0 2em 0;
	}
    
.seasonalAttractionsPhoto h2 {
    font-size: 95%;
    }
    
.seasonalAttractionsPhoto h2 small {
    font-size:80%;
    }

}

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

    
.seasonalAttractionsPhoto {
    margin:0 0 1.5em 0
    }
	
}

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

	
}