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


/* =YVT - Events Pages
-----------------------------------------------------------------------------*/
.crowdRiff {
	position:relative;
	}
	
.hillsOverlay {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:9000;
	}
	
.eventsSub {
	width:100%;
	}
	
.eventsSubMain {
	background:#eb6d24;
	width:30%;
	float:right;
	margin:0 0 2em 1em;
	}
	
ul.subNav {
	width:100%;
	}
	
/*-- Event Styles --*/	
h2.eventTitle {
	margin:0 0 .5em 0;
	}

ul.events {
	width:100%;
	margin:0 0 2em 0;
	}	
	
.events li {
	list-style:none;
	display: inline-block;
	width:47.5%;
	margin:0 0 5% 0;
	vertical-align:top;
	text-align:center;
	background:rgba(85, 45, 22, .20);
	-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;
	}
	
.events li:nth-child(2n+0) {
	margin:0 0 5% 4.12%;
	}
	
.events li:hover {	
	background:rgba(85, 45, 22, 0);
	}
	
.events h1 {
	font-size:1.25em;	
	margin:0 0 .5em 0;
	padding:0 0 0 0;
	color:#0f3e52;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;
	}
	
.events h2 {
	font-size:.75em;	
	margin:0 0 0 0;
	font-family: Arial, sans-serif;
	font-weight:bold;
	padding:0 0 0 0;
	text-shadow:none;
	}
	
.events h3 {
	font-size:1.5em;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family: 'veneerregular', Arial, sans-serif; 
	font-weight:normal;
	color:#552d16;
	line-height:100%;
	}
	
.events li a {
	color:#552d16;
	-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;
	display:block;
	padding:6%;
	width:88%;
	}

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

.events li a:hover, .events li a:active {
	text-decoration:none;
	}
	
.events h4 {
	font-size:100%;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:OpenSansBold;
	font-weight:normal;
	color:#fff0bf;
	text-shadow:none;
	line-height:100%;
	}
	
/* =featured events
-----------------------------------------------------------------------------*/
	
.featuredEventContainer {
	background:rgba(255, 255, 255, 0.5);
	padding:4%;
	margin:0 0 2em 0;
	}
	
ul.eventsFeatured {
	list-style:none;
	margin:.5em 0 .5em 0;
	}
	
ul.eventsFeatured li {
	padding:1em 0;
	border-top:#552d16 solid 1px;
	}
	
ul.eventsFeatured li img {
	float:left;
	width:30%;
	background:#ffffff;
	padding:1%;
	margin:0 0 0 0;
	}
	
.featuredEventText {
	float:right;
	width:63%;
	margin:0 0 0 0;
	}
	
ul.eventsFeatured li p {
	margin:0 0 .5em 0;
	padding:0 0 0 0;
	}
	
ul.eventsFeatured li h3 {
	font-family: 'veneerregular', Arial, sans-serif; 
	font-size:2em;	
	font-weight:normal;
	color:#552d16;
	line-height:90%;
	margin:0 0 0 0;
	display:inline-block;
	}
	
ul.eventsFeatured li h1 {
	font-family: 'OpenSansExtraBold', Arial, sans-serif;
	font-size:2em;
	color:#8c182d;
	text-shadow:none;
	margin:0 0 .35em 0;
	font-weight:normal;
	line-height:90%;
	}
	
ul.eventsFeatured li h2 {
	font-family: Arial, sans-serif; 
	font-size:1em;
	color:#0f3e52;
	text-shadow:none;
	margin:0 0 .45em 0;
	font-weight:bold;
	line-height:90%;
	}
	
.learnMore {	
	background:rgba(15, 62, 82, 1.0);
	padding:.5em;
	font-family: 'veneerregular', Arial, sans-serif; 
	font-size:1.5em;	
	font-weight:normal;
	color:#ffffff;
	line-height:90%;
	margin:0 0 .25em 0;
	display:inline-block;
	-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;
	}
	
a.learnMore {
	text-decoration:none;
	}
	
.learnMore:hover {
	background:rgba(235, 109, 36, 1.0);
	}
	
/* =calendar
-----------------------------------------------------------------------------*/
#calContainer {
	margin:0 0 1.5em 0;
	background:rgba(85, 45, 22, .20);
	padding:.75em;
	}
	
#calContainer h2 {
	margin:0 0 .5em 0;
	}
	
tr#calHeader {
	font-family: 'OpenSansBold', Arial, sans-serif;
	color:#9a815f;
	}
	
#calContainer tr {
	border-top:#9a815f solid 1px;
	}
	
#calContainer tr:first-child {
	border-top:none;
	}
	
#calContainer td {
	text-align:center;
	vertical-align:central;
	}
	
.calLinks a {
	color:#8c182d;
	padding:.25em 0;
	display:block;
	-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: 'OpenSansBold', Arial, sans-serif;
	font-size:.9em;
	}

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

.calLinks a:hover, .calLinks a:active {
	text-decoration:none;
	color:#ffffff;
	background:rgba(164, 146, 105, .65);
	}
	
td.calBtn {
	width:50%;
	border-bottom:#9a815f solid 1px;
	}
	
td.calBtn a {
	color:#ffffff;
	padding:.25em 0;
	display:block;
	-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: 'OpenSansBold', Arial, sans-serif;
	font-size:.9em;
	background:rgba(15, 62, 82, 1.0);
	}

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

td.calBtn a:hover, td.calBtn a:active {
	text-decoration:none;
	color:#ffffff;
	background:rgba(140, 24, 45, 1.0);
	}
	
/* =search form
-----------------------------------------------------------------------------*/
.eventListWrap {
	margin:0 0 1.5em 0;
	background:rgba(85, 45, 22, .20);
	padding:.75em;
	}	


.eventListWrap select, .eventListWrap input[type="text"] {
	background:#f5eee4;
	padding:1%;
	border:none;
	font-family: 'OpenSansBold', Arial, sans-serif;	
	border:solid 1px #d2c4a8; 
	color:#552d16;	
	font-size:.85em;
	margin:0 0 .5em 0;					
	}
	
input.submit {
	padding:2%;
	border:none;
	color:#ffffff;
	font-family: 'OpenSansBold', Arial, sans-serif;
	-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: OpenSansBold, sans-serif;
	width:96%;
	font-size:1em;
	margin:.5em 0 0 0;
	background: #8c182d;
	}
	
input.submit:hover {
	background:#0f3e52;
	color:#ffffff; !important
	}
	
	
/* =mobile sub nav
-----------------------------------------------------------------------------*/

.mobileSubNav {
	margin:0 0 2em 0;
	display:none;
	}
	
.mobileSubNav a {
	display:inline-block;
	margin:0 .5em .5em 0;
	color:#ffffff;
	font-family: 'veneerregular', Arial, sans-serif;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:.25em .75em;
	text-decoration:none;
	font-size:1.5em;
	background:#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;
	text-align:center;
	}
	
.mobileSubNav a:hover {
	background:#552d16;
	}
	
/* =location list
-----------------------------------------------------------------------------*/

ul.locationList {
	list-style:none;
	margin:0 0 2em 0;
	border-bottom:#552d16 solid 1px;
	}
	
ul.locationList li {
	border-top:#552d16 solid 1px;
	}
	
ul.locationList li a {
	display:block;
	color:#0f3e52;
	font-family: 'veneerregular', Arial, sans-serif;
	padding:1% 1%;
	width:98%;
	text-decoration:none;
	font-size:1.5em;
	-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.locationList li a:hover {
	background:rgba(85, 45, 22, .20);
	}
	

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

	
}

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


	
}

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


	
}

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

	
}

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


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

.mobileSubNav {
	display:block;
	}

.events li {
	width:100%;
	margin:0 0 5% 0;
	text-align:left;
	}
	
.events li:nth-child(2n+0) {
	margin:0 0 5% 0;
	}
	
}

@media screen and (max-width: 800px) {
	
.contentCol {
	width:100%;
	float:none;
	}
	
.subNavCol {
	width:100%;
	float:none;
	}

	
.events li {
	width:47.5%;
	margin:0 0 5% 0;
	}
	
.events li:nth-child(2n+0) {
	margin:0 0 5% 4.12%;
	}
	

	
}

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

	
}

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

	
}


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


.events li:nth-child(2n+0) {
	margin:0 0 5% 4%;
	}
	
}

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


	
}

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

.eventsSubMain {
	width:100%;
	float:none;
	margin:0 0 1em 0;
	}

.events li {
	width:100%;
	margin:0 0 5% 0;
	}
	
.events li:nth-child(2n+0) {
	margin:0 0 5% 0;
	}

}

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



}