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


/* =Yakima Valley Wine Country Default page
-----------------------------------------------------------------------------*/
.crowdriff {
	margin:-2px 0 0 0;
	}

.intro {
	text-align:center;
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:1.35em;
	padding:0 0 2em 0;
	}
	
.intro p {
	padding:0 0 0 0;
	}
	
	
article:first-of-type {
	margin:-85px auto 0 auto;
	}
	
ul.areas {
	list-style:none;
	margin:0 0 3em 0;
	}
	
ul.areas li {
	width:18%;
	padding:3%;
	margin:0 1% 0 0;
	float:left;
	background:rgba(255, 255, 255, 0.5);
	position:relative;
	overflow:hidden;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	}
	
ul.areas li:hover {
	-moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1); 
	z-index:5100;
	background:rgba(255, 255, 255, 1.0);
	}
	
ul.areas li img {
	margin:0 0 .5em 0;
	}
	
ul.areas li a {
	text-decoration:none;
	}
	
ul.areas li a p {
	color:#552d16;
	}
	
ul.areas li:nth-child(4) {
	margin:0 0 0 0;
	}
	
ul.areas li h2 {
	font-size:1.5em;
	}
	
ul.areas li:nth-child(1) a h2 {
	color:#146c37;
	}
	
ul.areas li:nth-child(2) a h2 {
	color:#146c37;
	}
	
ul.areas li:nth-child(3) a h2 {
	color:#146c37;
	}
	
ul.areas li:nth-child(4) a h2 {
	color:#146c37;
	}
	
.seeBtn {
	padding:3% 3%;
	margin:0 0 0 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;
	width:94%;
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:1.5em;	
	}
	
.seeBtn:hover {
	background:#000000;
	}
	
a .seeBtn {
	color:#ffffff;
	}
	
ul.areas li:nth-child(1) a .seeBtn {
	background:#eb6d24;
	}
	
ul.areas li:nth-child(2) a .seeBtn {
	background:#eb6d24;
	}
	
ul.areas li:nth-child(3) a .seeBtn {
	background:#eb6d24;
	}
	
ul.areas li:nth-child(4) a .seeBtn {
	background:#eb6d24;
	}
	
.areaImg {
	margin:0 0 1.5em 0;
	width:70%;
	}
	
.videoBg {
	width:47.5%;
	margin:0 0 2em 2em;
	float:right;
	background: url(../img/brownWoodBg.jpg) repeat;
	color:#ffffff;
	-webkit-box-shadow: 0 0 8px 0 #d2ccc4;
	box-shadow: 0 0 8px 0 #d2ccc4;
	}
	
h2.vidTitle {
	text-align:center;
	}
	
h2.vidTitleLower {
	font-family: 'missionscript', Arial, sans-serif;
	text-align:center;
	font-size:2.5em;
	}
	
.vidMobile {
	display:none;
	}
	
.parkBtn {
	display:none;
	}
	
.crafted {
	padding:1.25em;
	}
	
.crafted img {
	margin:0 0 0 0;
	}
	
.crafted h2 {
	color:#ffffff;
	text-shadow:#000000 1px 1px;
	font-size:1.5em;
	}
	
.crafted p {
	padding:0;
	}
	
.taste {
	background:rgba(255, 255, 255, 0.5);
	padding:5%;
	margin:5em 0 2em 0;
	width:60%;
	}
	
.taste .contentUl {
	margin-bottom:0;
	padding-bottom:0;
	font-weight:bold;
	}
	
.taste ul.contentUl li {
	padding-bottom:.25em;
	}
	
	
.crowdRiff {
	position:relative;
	}
	
.hashtag {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-5%;
	display:inline-block;
	color:#ffffff;
	padding:.2em .5em .25em .5em;
	background:#eb6d24;
	font-family: 'veneerregular', Arial, sans-serif;
	text-align:center;
	font-size:2em;
	z-index:1200;
	}
	
.hashtag:hover {
	color:#8c182d;
	}
	
.hashtag a {
	text-decoration:none;
	color:#ffffff;
	}
	
.hashtag a:hover {
	color:#8c182d;
	}
	
@media screen and (max-width: 1350px) {
	
h2.vidTitle {
	font-size:1.75em;
	}
	
}

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

h2.vidTitle {
	font-size:1.5em;
	}
	
}

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

	
article:first-of-type {
	margin:-75px auto 0 auto;
	}
	
.eventDetail {
	width:90%;
	padding:5%;
	float:none;
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	font-size:1.25em;
	line-height:.95em;
	text-align:center;
	}
	
}
	
@media screen and (max-width: 950px) {
	
ul.areas li {
	width:43.5%;
	margin:0 1% 1% 0;
	}
	
ul.areas li:nth-child(2) {
	margin:0 0 1% 0;
	}

	
}

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

.hashtag {
	position:relative;
	top:0;
	left:auto;
	display:block;
	margin-left:0;
	padding:0 0 .1em 0;
	text-align:center;
	font-size:2em;
	width:100%;
	margin:0 0 -.2em 0;
	}
	
}

@media screen and (max-width: 800px) {
	
article:first-of-type {
	margin:-55px auto 0 auto;
	}
	

		
}

@media screen and (max-width: 768px) {
	
article:first-of-type {
	margin:-40px auto 0 auto;
	}
	
.intro {
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	}
	
}
	
@media screen and (max-width: 750px) {	
	
	
.videoBg {
	width:100%;
	margin:0 0 2em 0;
	float:none;
	}
	
.taste {
	padding:5%;
	margin:0 0 2em 0;
	width:90%;
	}
	
.areaImg {
	margin:0 0 1.5em 0;
	width:100%;
	}
	
	
}

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

article:first-of-type {
	margin:-30px auto 0 auto;
	}
	
h2.vidTitle {
	font-size:1.25em;
	}

	
}