/*-----------------------------------------------------------------------------
author:    www.yakimavalleytourism.org
-----------------------------------------------------------------------------*/


/* =Union Gap Listing Detail
-----------------------------------------------------------------------------*/
#banner h1 {
	font-size:3em;
	}
	
.leftColOneHalf {
	width:47.5%;
	float:left;
	}
	
.rightColOneHalf {
	width:47.5%;
	float:right;
	}
	
.leftColOneHalf img {
	padding:2%;
	background:#d2ecff;
	margin: 0 0 1.5em 0;
	width:96%;
	}
	
.rightColOneHalf  .redBtn {
	width:35%;
	}	
	
.colOne, .colTwo {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	}
	
.colThree {
	width:30%;
	float:right;
	}
	
.colOne h2 {
	border-bottom:#de1a22 solid 2px;
	padding:0 0;
	margin:0 0 .5em 0;
	}
	
.colTwo h2, .colThree h2 {
	border-bottom:#de1a22 solid 2px;
	padding:0 0;
	margin:0 0 0 0;
	}
	
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/* =event list
-----------------------------------------------------------------------------*/
ul.events {
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	}
	
ul.events li {
	list-style:none;
	padding:1em 0;
	border-bottom:#de1a22 solid 2px;
	margin:0;
	}
	
ul.events li h1 {
	font-size:1em;
	margin:0 0 .25em 0;
	color:#002f4f;
	}
	
ul.events li h3 {
	font-size:1em;
	margin:0 0 .25em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
ul.events li .blueBtn {
	margin:0 0 0 0;
	width:50%;
	}
	
ul.events li .blueBtn a {
	font-size:.75em;
	}
	
/* =blog list
-----------------------------------------------------------------------------*/
ul.blog {
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	}
	
ul.blog li {
	list-style:none;
	padding:1em 0;
	border-bottom:#de1a22 solid 2px;
	margin:0;
	}
	
ul.blog li h1 {
	font-size:1em;
	margin:0 0 .25em 0;
	color:#002f4f;
	}
	
ul.blog li .redBtn {
	margin:0 0 0 0;
	width:50%;
	}
	
ul.blog li .redBtn a {
	font-size:.75em;
	}
	
@media screen and (max-width: 960px) {	

.leftColOneHalf {
	width:47.5%;
	float:right;
	display:inline-block;
	margin:0 0 1.5em 1.5em;
	}
	
.rightColOneHalf {
	width:100%;
	float:none;
	}	

	
}

@media screen and (max-width: 800px) {	

.colOne {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.colOne .blueBtn {
	width:100%;
	}
	
ul.events li .blueBtn {
	margin:0 0 0 0;
	width:100%;
	}
	
.colOne .blueBtn a {
	padding:3% 6%;
	width:92%;
	}
	
.colTwo {
	width:47.5%;
	float:left;
	margin:0 0 0 0;
	}
	
.colThree {
	width:47.5%;
	float:right;
	}	

	
}

@media screen and (max-width: 750px) {
	
.leftColOneHalf {
	width:100%;
	float:none;
	display:block;
	margin:0 0 0 0;
	}
	
.leftColOneHalf img {
	padding:2%;
	background:#d2ecff;
	margin: 0 auto 1.5em auto;
	width:96%;
	}
	
.rightColOneHalf {
	width:100%;
	float:none;
	}
	
.rightColOneHalf  .redBtn {
	width:100%;
	}
	
}

@media screen and (max-width: 600px) {	

	

	
.colTwo {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.colThree {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.colTwo .redBtn a {
	padding:3% 6%;
	width:92%;
	}	
	
ul.blog li .redBtn {
	margin:0 0 0 0;
	width:100%;
	}
}




.description {
	margin-bottom:1em;
}