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


/* =Yakima Sports Commission Global
-----------------------------------------------------------------------------*/
body {
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#0f3e52;
	position:relative;
	}

/* =Prosser Memorial Partnership
-----------------------------------------------------------------------------*/
.prosserMemorialPartnership {
	background:#fff;
	padding:1em;
	text-align: center;
	color:#988d85;
	font-size:75%;
	font-style: italic;
	}

.prosserMemorialPartnership img {
	width:300px;
	margin:0 auto;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	padding:0 0 .5em 0;
	}

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

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

	.prosserMemorialPartnership img {
	width:250px;
	}
			
}

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

	.prosserMemorialPartnership img {
	width:150px;
	}
			
}

/* =Brumback Partnership
-----------------------------------------------------------------------------*/
.brumbackPartnership {
	margin:0 auto 2em auto;
	width:100%;
	max-width:590px;
	}

/* =Featured Partners
-----------------------------------------------------------------------------*/
ul.featuredPartners {
	margin:0 auto 2em auto;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr;    
    grid-gap: 2rem;
	width:60%;
	}

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

	ul.featuredPartners {
	width:100%;
	grid-gap: 1rem;
	}
			
}

    
.warning {
    background:#77a55d;
    color:#fff;
    text-align: center;
    padding:5%;
    font-weight: bold;
    font-size: 1.25em;
    margin:0 0 2em 0;
    }
    
.warning a, .warning a:visited  {
    color:#fff;
    text-decoration:underline;
    }
    
.warning a:hover  {
    text-decoration:none;
    }    
    
.warning h2 {
    color:#fff;
    text-shadow:none;
    }
    
.warning .wineBtn {
    margin-bottom:0;
    }
	
.wrapper {
	max-width:2200px;
	margin:0 auto;
	}
	
/* Header */

header {
	background: rgba(15, 62, 82, 1.0);
	margin:0 0 0 0;
	z-index:5000;
	position:fixed;	
	width:100%;
	}
	
.division {
	background: rgba(146, 184, 215, 1.0);
	text-align:center;
	padding:.45em;
	font-size:70%;
	font-weight:bold;
	line-height:90%;
	}
	
	
.headerLogo {
	width:8.4375%;
	max-width:273px;
	margin:0 0 0 0;
	padding:0 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	position:absolute;
	top:60px;
	left:15px;
	}
	
.headerLogo:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
@media screen and (max-width: 1175px) {
	
			
}

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

header {
	position:relative;
	padding:0 0 55px 0;	
	}
	
.headerLogo {
	top:75px;
	width:15%;
	}	
	

}

@media screen and (max-width: 800px) {
	
.headerLogo {
	width:18%;
	}	

}

@media screen and (max-width: 700px) {
	
.headerLogo {
	width:20%;
	}	

}

@media screen and (max-width: 600px) {
	
.headerLogo {
	width:23%;
	}	

}


@media screen and (max-width: 500px) {
	
.headerLogo {
	width:30%;
	top:65px;
	left:15px;
	}

}

@media screen and (max-width: 450px) {
	
.headerLogo {
	top:65px;
	width:40%;
	}

}
	
	

/* =nav
-----------------------------------------------------------------------------*/

nav {  
	height: 53px;  
	width: 89%;   
	font-size: 13pt;  
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	position: relative; 
	z-index:2000;	
	float:right;
    } 
	 
nav>ul {  
	padding: 0;  
	margin: 0 auto; 
	height: 53px;
	width:100%;
    }
	
nav>ul>li {  
	margin:0; 
	display: inline;  
	float: left;
	position:relative;
	}
	
nav>ul>li>a { 	 
	box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box; 
	line-height:53px; 
	padding:0 30px 0  0;
	color: #ffffff; 
    display: inline-block;   
    text-align: center;  
    text-decoration: none; 
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}
	
nav>ul>li>a:hover, nav>ul>li>a:active {    
	color:#92b8d7;
	}
	
#navSocial {
	width:138px;
	margin:11px 15px 0 0;
	float:right;
	}
	
.socialSquare {
	width:22%;
	float:left;
	margin:0 3% 0 0;
	}
	
nav a#pull {  
    display: none; 
	line-height:82px;
	color: #ffffff;    
    text-decoration: none; 
	}
	
/* dropdown details */

nav>ul>li>a:hover.navDownMenu:hover, nav>ul>li>a:active.navDownMenu:hover {
	color:#d2bf9b;
	}
	
nav>ul>li:hover>.navDownMenu {
	display:block;
	width:200px;	
	}

.navDownMenu {
	display:none;	
	position:absolute;
	z-index:150;
	background: #ffffff;
	top:47px;
	left:0px;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	padding:10px 0 10px 0;	
	font-size: 10pt;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	font-family: 'OpenSansRegular', Arial, sans-serif; 	
	}
	
.dropArrow {
	position:absolute;
	top:-10px;
	left:0;
	}
	
.navDownMenu>li {
	text-align:left;
	list-style:none;
	}
	
.navDownMenu>li>a {
	text-decoration:none;
	color:#0f3e52;
	line-height:15px;
	display:block;
	padding:5px 15px;		
	}
	
.navDownMenu>li>a:hover {
	color:#0f3e52;
	background:#92b8d7;
	}
	
/* active page styles */
@media only screen and (max-width : 1380px) {
	
nav {    
	font-size: 12pt; 
    }
	
nav>ul>li>a { 	 
	padding:0 15px 0  0;
	}	

	
}

@media only screen and (max-width : 1175px) {
	
nav {    
	font-size: 10pt;
    }
	
nav>ul>li>a { 	 
	padding:0 10px 0  0;
	}	
	
#navSocial {
	width:12%;
	margin:1em 15px 0 0;
	}
	
}

@media only screen and (max-width : 950px) {
	
#navSocial {
	width:20%;
	float:none;
	margin:0 auto;
	padding:0 0 .5em 0;
	}
	
#navSocial img {
	padding:1em 0 0 0;
	}
	
#navHome {
	display:none;
	}
	
nav {
	height: 1px; 
	font-size:12pt; 
	width:100%;	
	background: rgba(15, 62, 82, 1.0);
    }  
	
nav>ul {  
	width: 100%;  
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;  
	height: auto;
	background: rgba(15, 62, 82, 1.0); 
    }
	  
nav>ul>li {  
	width: 50%;  
	float: left;  
	position: relative; 
	background:#8c182d; 
    }
	 
nav>ul>li>a {  
	border-bottom: 1px solid #cc2a47;  
	border-right: 1px solid #cc2a47; 
	padding:0;
	line-height:40px;
    } 
	
nav>ul>li:first-child>a {  
    border-left:none; 
	} 
	 
nav>ul>li>a {  
	text-align: left;  
	width: 100%;  
	text-indent: 25px;  
    }
	
nav>ul>li:last-child>a {  
    border-right:1px solid #cc2a47;  
	}
	
nav>ul>li:nth-child(2n+0)>a {    
	border-right:none;  
    } 
	
nav {  
	border-bottom: 0; 
    }
	  
nav>ul {  
	display: none;  
	height: auto;  
    } 
	 
nav>a#pull {  
	display: block;    
	width: 100%;  
	position: relative;  
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
    } 
	 
nav>a#pull:after {  
	content:"";  
	background: url('../img/nav-icon.png') no-repeat top right;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 15px;  
	top: 17px;  
    } 
	
nav>ul>li>ul {
	display:none;
	} 
	
nav>ul>li:hover>ul {
	display:none;
	}
	
nav>ul>li:hover .navDownMenu li {
	display:none;
	}
	
.dropArrow {
	display:none;
	}
	
.navDownMenu {
	display:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0;
	} 
	
ul.navDownMenu li {
	display:none;
	} 
	
}

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

 
	
}

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

#navSocial {
	width:30%;
	}
	
	
}

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

#navSocial {
	width:40%;
	}
	
}


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

#navSocial {
	width:60%;
	}
	
    nav>ul>li {  
        display: block;  
        float: none;  
        width: 100%; 
    }  
	
    nav>ul>li>a {  
        border-bottom: 1px solid #cc2a47; 
		border-right:none; 
		border-left:none;
    } 
	
	nav>ul>li:last-child>a {  
    border-right:none;  
	} 
} 
	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}	
	

/* Banner */

.banner {
	background: url(../img/bannerBg.png) center center repeat #0f3e52;
	padding:100px 5% 30px 5%;
	width:90%;
	border-bottom: #0f3e52 solid 10px;
	}
	
.banner h1 {
	font-family: 'OpenSansExtraBold', Arial, sans-serif;
	font-size:3em;
	color:#92b8d7;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	line-height:1em;
	}
	

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

.banner {
	padding:30px 5% 30px 5%;
	}
	
}

@media screen and (max-width: 700px) {
	
.banner h1 {
	font-size:2em;	
	}		
}

@media screen and (max-width: 500px) {
	
.banner {
	padding:80px 5% 30px 5%;
	}
		
}

/* sub nav */

.subNav {
	padding:4%;
	background:rgba(255, 255, 255, 0.45);
	margin:0 0 2em 0;
	}

.subNav ul {
	list-style:none;
	margin:0 0 0 0;	
	}
	
.subNav ul li {
	list-style:none;
	padding:.5em 0;
	border-top: #552d16 solid 1px;
	}
	
.subNav ul li a {
	color:#eb6d24;
	padding:1px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

.subNav ul li a:link, .subNav ul li a:visited {
	text-decoration:none;
	}

.subNav ul li a:hover, .subNav ul li a:active {
	color:#ffffff;
	background:#eb6d24;
	}
	
@media screen and (max-width: 600px) {
	
		
.subNav {
	text-align:center;
	}
	
}


/* signatureEvents */

.signatureEvents {
	background:url(../img/signatureEventsBg.jpg) #0f3e52 top center no-repeat;
	-ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	padding:2em 0 3em 0;
	margin:0;
	}
	
.signatureEvents h1 {
	color:#ffffff;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;  
	font-size:2.5em;
	margin:0 0 .5em 0;
	padding:0 0 .5em 0;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	border-bottom: 1px solid #ffffff;
	}
	
.signatureEvents h3 {
	color:#ffffff;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;  
	font-size:1.5em;
	margin:0 0 .5em 0;
	padding:0 0 .5em 0;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	border-bottom: 1px solid #ffffff;
	}

.signatureEvents ul {
	margin:0 auto;
	padding:0;
	width:90%;
	}
	
.signatureEvents ul li {
	margin:0;
	padding:0 2%;
	width:20%;
	display:inline-block;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	vertical-align:middle;
	}
	
.signatureEvents ul li:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
@media screen and (max-width: 750px) {
	
.signatureEvents ul li {
	margin:0;
	padding:0 3%;
	width:43%;
	vertical-align:middle;
	}
	
}

@media screen and (max-width: 550px) {
	
.signatureEvents h1 {  
	font-size:2em;
	}
	
}

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

	
}
	

/* =content structure
-----------------------------------------------------------------------------*/
section {
	width:90%;
	padding:5%;
	position:relative;
	background:url(../img/lightBg.jpg) top center repeat-x;
	z-index:1000;
	}
	
.leftCol {
	width:47.5%;
	float:left;
	margin:0 0 0 0;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	margin:0 0 0 0;
	}

.left3Col {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	}
	
.right3Col {
	width:30%;
	float:right;
	margin:0 0 0 0;
	}	
	
.mainCol {
	width:68%;
	float:left;
	}
	
.subCol {
	width:28%;
	float:right;
	}
	
@media screen and (max-width: 1250px) {
	
.container {
	width:100%;
	margin:0 auto 0 auto;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
	
}
	
@media screen and (max-width: 1100px) {
	
		
section {
	width:90%;
	padding:50px 5%;
	top:0;
	}
	
}

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

	
}

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

	
section {
	width:90%;
	padding:2em 5%;
	}
	
}

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

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


@media screen and (max-width: 600px) {
	
		
section {
	width:90%;
	padding:1.5em 5%;
	}
	
.mainCol {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.subCol {
	width:100%;
	float:none;
	}
	
.leftCol {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.rightCol {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
	
}	

		
/* divider */

.divider {
	margin:0 0 2em 0;
	border-top:#8c182d solid 2px;
	}
	
/* =wineBtn
-----------------------------------------------------------------------------*/
.wineBtn {
	background: #8c182d;
	padding:0;
	margin:0 0 2em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	display:inline-block;
	width:60%;
	}
	
.wineBtn:hover {
	color:#ffffff;
	background:#0f3e52;
	}
	
.wineBtn a {
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	font-size:1em;	
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding:3%;
	width:94%;
	text-decoration:none;
	line-height:90%;
	}
	
@media screen and (max-width: 600px) {
	
.wineBtn {
	width:100%;
	}
	
}

	

	
/* =Typography
-----------------------------------------------------------------------------*/	
.center {
	text-align: center;
}
	
section h1 {
	color:#0f3e52;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;  
	font-size:2.5em;
	margin:0 0 .25em 0;
	font-weight:normal;
	line-height:90%;
	text-align:left;
	}
	
section h1 span {
	color:#417299;
	}

section h2 {
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	font-size:1.75em;
	color:#417299;
	font-size:1.5em;	
	padding:.25em 0 .25em 0;
	font-weight:normal;
	line-height:90%;
	border-top: 10px solid #93b9d8;
	}
	
section h2 a {
	color:#8c182d;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	padding:0 3px;
	}

section h2 a:link, section h2 a:visited {
	text-decoration:underline;
	}

section h2 a:hover, section h2 a:active {
	text-decoration:none;
	color:#ffffff;
	background:#8c182d;
	}
	
section h3 {
	font-family: 'OpenSansBold', Arial, sans-serif;  
	font-size:1.25em;	
	padding:0 0 0 0;
	font-weight:normal;
	line-height:90%;
	}
	
section h3 a {
	color:#eb6d24;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	
	}

section h3 a:link, section h3 a:visited {
	text-decoration:underline;
	}

section h3 a:hover, section h3 a:active {
	text-decoration:none;
	color:#ffffff;
	background:#eb6d24;
	}
	
small {
	font-size:80%;
	}
	
section p {
	padding:0 0 1.5em 0;
	}
	
ul.contentUl {
	padding:0 0 1.5em 1.5em;
	list-style: disc;
	}

	
/* Links */	
		
section p a {
	color:#eb6d24;
	padding:1px 2px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

section p a:link, section p a:visited {
	text-decoration:none;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#eb6d24;
	}
	
ul.contentUl a {
	color:#eb6d24;
	padding:1px 1px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

ul.contentUl a:link, ul.contentUl a:visited {
	text-decoration:underline;
	}

ul.contentUl a:hover, ul.contentUl a:active {
	color:#ffffff;
	background:#eb6d24;
	}
	
	
	
@media screen and (max-width: 600px) {
	
body {
	font-size:80%;	
	}
	
section h1 {
	text-align:center;
	}
	
section h2 {
	text-align:center;
	}
	
section h3 {
	text-align:center;	
	}
	
section p {
	text-align:center;	
	}
	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/
footer {
	background:#0f3e52;
	border-top:#92b8d7 solid 10px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	}
	
.footerLogo {
	margin:-2em auto 1em auto;
	padding:0 0;
	width:10%;
	position:relative;
	z-index:5000;
	}
	
.footerLinks {
	padding:0 0 1.5em 0;
	border-bottom:#417299 solid 1px;
	margin:0 0 1.5em 0;
	color:#417299;	
	font-family: 'OpenSansBold', Arial, sans-serif;
	}
	
.footerLinks a {
	color:#ffffff;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}

.footerLinks a:link, .footerLinks a:visited {
	text-decoration:none;
	}

.footerLinks a:hover, .footerLinks a:active {
	color:#417299;
	}
	
footer h1 {
	color:#ffffff;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;  
	font-size:2.5em;
	margin:0 0 .5em 0;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	}
	
#sponsors {
	width:753px;
	margin:0 auto 2em auto;
	}
	
.address {
	color:#92b8d7;
	padding:0 0 1.5em 0;
	border-bottom:#417299 solid 1px;
	margin:0 0 1.5em 0;
	font-family: 'OpenSansBold', Arial, sans-serif;
	}
	
.copyright {
	color:#417299;
	font-size:.8em;
	padding:0 0 4em 0;
	}
	
.footerSponsors {
	width:85%;
	margin:0 auto;
	}
	
.footerSponsors ul {
	list-style:none;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	}
	
.footerSponsors ul li {
	list-style:none;
	float:left;
	width:12.5%;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	}
	
.footerSponsors ul li:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
.footerSponsors ul li a {
	text-decoration:none;
	}
	
.footerSponsors ul li img {
	margin:0 auto;
	max-width:200px;
	width:90%;
	}
	
@media screen and (max-width: 1250px) {
	
	
}

@media screen and (max-width: 800px) {
	
footer {
	width:90%;
	padding:0 5% 5% 5%;
	}
	
.footerLogo {
	margin:1em auto 1em auto;
	padding:0 0;
	width:15%;
	}

#sponsors {
	width:100%;
	}
	
}

@media screen and (max-width: 600px) {
	
.footerLogo {
	width:30%;
	}
	
}



/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}