/*
Theme Name: Experimental Half Hour
Author: Dan Rowan
Author URI: http://thedanrowan.com
Template: reactor-reactor-2-wip
Version: 1.1.0
*/

/*****************************************************************
Reactor reset
******************************************************************/
[class*="column"] + [class*="column"]:last-child { float: left;}
.entry-body {  border-bottom: none; }

body {
 /* background: url("/wp-content/themes/ehh/library/img/body-bg.png") top left repeat #FFF; */
 background-image: url("/wp-content/uploads/2015/08/test11.jpg");
 background-size:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.add-padding { padding-left: 0.9375em !important; padding-right:0.9375em !important; }
.no-left-pad { padding-left:0 !important; }
.no-right-pad { padding-left:0 !important; }
.no-padding { padding-left:0; padding-right:0; }


/*******************************/
/***RESPONSIVE VIMEO EMBEDS***/
/*******************************/

.vimeo-iframe { 
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
	margin-bottom:1em;	
	margin-top:1em; 
	} 
.vimeo-iframe iframe, 
.vimeo-iframe object, 
.vimeo-iframe embed { 
	position: absolute;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}



/***********/
/***TOUCH***/
/***********/

/* 
	If you're on a touch device,
	hide all parts tagged with the class
	"hide-from-touch" which are desktop
	only buttons/parts that open Flash demos 
*/

.touch .hide-from-touch {
	display: none !important;
}
/* 
	If you're on a desktop (most likely), 
	hide all parts tagged with the class
	"hide-from-no-touch" 
	which are touch only buttons that open
	slideshows instead of Flash
*/   

.no-touch .hide-from-no-touch {
	display: none !important;
}


/***********/
/***FONTS***/
/***********/

@font-face {
	font-family: 'ehh';
	src: url('/wp-content/themes/ehh/library/fonts/ehh-light.eot');
	src: local('?'),  url('/wp-content/themes/ehh/library/fonts/ehh-light.woff') format('woff'),  url('/wp-content/themes/ehh/library/fonts/ehh-light.ttf') format('truetype'),  url('/wp-content/themes/ehh/library/fonts/ehh-light.svg') format('svg');
	font-weight: 400;
}
@font-face {
	font-family: 'ehh-bold';
	src: url('/wp-content/themes/ehh/library/fonts/ehh-bold.eot');
	src: local('?'),  url('/wp-content/themes/ehh/library/fonts/ehh-bold.woff') format('woff'),  url('/wp-content/themes/ehh/library/fonts/ehh-bold.ttf') format('truetype'),  url('/wp-content/themes/ehh/library/fonts/ehh-bold.svg') format('svg');
	font-weight: 400;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "ehh-bold", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #d3d3d3;
	font-weight: 400;
	margin-bottom:0;
}

p {
	font-family: "ehh", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: 400;	
	line-height:1.35em;
}

body { font-family: "ehh", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #a8a8a8; }

a { color:#d3d3d3; }
a:hover { color:#636363; }

blockquote {
	border:none;
}
blockquote p {
	font-size:0.9em;
	line-height:1.2em;	
}


h2 { 
	color: #FFF; 
	text-transform:uppercase; 
	font-size:1.5em; 
	letter-spacing:1px;
	font-family: "ehh", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  }
h3 {color:#fff; font-size:1.1em; font-weight:400; line-height:1.1em; margin-top:0;}
h4 {color:#989898; font-size:1em;}

/************/
/***HEADER***/
/************/

.site-branding, .site-logo, .site-nav {/*padding:0; */}

.site-logo {
  	margin: 0;
	padding-top:0.75em;
	text-align:center;
}

.site-nav li:last-child { margin-right:0;}


/****************/
/***NAV SPRITE***/
/****************/
#header {/*margin-bottom:2em;*/ background:#171717; }

#header .row{
	padding-top:0.3em;
	padding-bottom:0.9em;	
}
.nav-wrap { background:#f8f8f8; }


.site-nav { 
	float:left; 
	margin: 1em 0 0.8em;
	text-transform:uppercase;
	font-family: "ehh", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;	
 }
.menu-main-menu-container { text-align:center; width:100%; }
.site-nav ul { /*float:left;*/ margin:0; display:inline-block;}



.site-nav li {
	display:inline;
	list-style-type:none;
	margin: 0 1.7em 0 0;
	float:left;
	font-size: 1.0em;
	letter-spacing:2px;
}

.site-nav .menu-item a {
		color:#7c7c7c;
/*	display: block;
	height: 20px;
	background: url("/wp-content/themes/ehh/library/img/nav-sprite.png") no-repeat;*/
}
.site-nav .menu-item a:hover {
	color:#000;
	border-bottom:1px solid #000;
}


.site-nav li a {
/*	float:left;
	height:60px;
*/
}


.site-nav .current_page_item a,
.single-video .menu-item-146 a,
.post-type-archive-photos .menu-item-145 a,
.single-photos .menu-item-145 a,
.post-type-archive-news .menu-item-144 a,
.single-news .menu-item-144 a,
.post-type-archive-events .menu-item-147 a,
.single-events .menu-item-147 a  {
	color:#000;
	border-bottom:1px solid #000;
}



/*************/
/***CONTENT***/
/*************/

#main {
	/*max-width: 62.5rem;*/
}

#main .row {
/*	background-color:rgba(38,174,172,0.4);*/
	padding-top:1em;
	padding-bottom:1em;	
/*	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.25);	*/
}

#main img {
	background:#fff;
	padding:2px;
	margin-bottom:0.5em;
	/*box-shadow: 0 0 0 1px #DCD3C4, 2px 2px 2px rgba(0, 0, 0, 0.1);	*/
}

#main .row .row {
	background:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:none;
}



/**********/
/***HOME***/
/**********/


.home-episodes-main { margin-bottom:1.8em;}
.home-episodes { margin-bottom:0;}

.home-photos img {margin-bottom:0.5em; }

.home-news h3 { margin-top:0.3em; margin-bottom:0.3em; }

/************/
/***VIDEOS***/
/************/

.single-video .video-iframe { padding: 1em 0; }
.single-video .video-tags { padding-top: 2em; }

.archive-episodes,.tag-episodes { margin-bottom:1.875em; min-height:18em; }


/************/
/***TAG***/
/************/

.tag-form {margin-bottom:2em}
.tag-form form {
	margin-top:0.5em;
	margin-bottom:3em;	
}
.tag-form select {
	width:33%;
	float:left;
	margin-right:1em;	
	
      border: 0 !important;.  /*Removes border*/
     -webkit-appearance: none;  /*Removes default chrome and safari style*/
     -moz-appearance: none;  /*Removes default style Firefox*/
	 background: url('/wp-content/themes/ehh/library/img/select-arrow.png') no-repeat #FFF;         /*Adds background-image*/
     background-position: 98% 14px;                /*Position of the background-image*/
	 
	 text-indent: 0.01px;
	 text-overflow: "";
}
.tag-form .button {
	float: left;
	font-size: 1.1em;
	margin-right: 1em;
	padding: 0.3em 0.3em;
	margin-top: 0.15em;
}

.tag .tag-form {margin-bottom:0;}

/************/
/***Blog News***/
/************/

.post-type-archive-blog h6, .post-type-archive-news h6,
.single-blog h6, .single-news h6 {
		text-align:right;
}




/************/
/***EVENTS***/
/************/

.home .event {
	float: left; 
	margin-bottom: 1.5em; 
	clear:left;
}
.home .event span {
	float:left;
	clear:left;
	margin-bottom:0.4em;
	font-size:0.8em;	
}
span.event-date {
	color:#fff;
}
span.event-name {
	color:#fff;
	font-size:1.1em;
	margin-top:0.3em;
}
span.event-details p{
	font-size:1em;
	margin-bottom:1.5em;
}
span.event-venue {
	color:#fff;
	font-size:1.1em;
}
.event-city {
    margin: 0.3em 0 2em ;
	color:#fff;
	font-size:1.1em;
	display:block;

}
.event .event-buttons {
	float:left;
	clear:left;
	margin-top:0.5em;	
}
.button {
    background: none repeat scroll 0 0 #FFF;
	color:#000;
	padding:0.2em 0.5em;
	font-size:0.9em;
	float:left;
	margin: 0 0.5em 0.5em 0;
	transition: background-color 300ms ease-out 0s;
	font-family: "ehh-bold", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;	
}
.button:hover {
    background: none repeat scroll 0 0 #363434;
	color:#FFF;
}


.perf .event { 
	border:1px solid #989898; 
	padding:1em; 
	overflow:auto;

}
.perf .event-date { font-size:1.3em; display:block;}
.perf .event-name { margin-bottom:0.5em;  display:block; line-height:1.3em;}
.perf .event-venue {  display:block; margin-bottom:0.5em;}
.perf .button { font-size:0.8em; 	float:left;
	clear:left;}

.single-events .event-date,
.single-events .event-name,
.single-events .event-details,
.single-events .event-venue,
.single-events .event-city,
.single-events .event-buttons {float:left; clear:left; margin-bottom:1.3em;}



/************/
/***PHOTOS***/
/************/

#main .ngg-gallery-thumbnail img {  box-shadow:none; border:none; padding:2px; }


.ngg-gallery-thumbnail {
  max-width: 99%;
}
.ngg-gallery-thumbnail-box {
  max-width: 49%;
}
#main .ngg-gallery-thumbnail img {
  max-width: 100% !important;
}

/**********************/
/***CONTACT TEMPLATE***/
/**********************/
h1.entry-title {display:none;}

.contact-form h2 {
	color: #fff;
}
.contact-form .wpcf7-submit {
	font-size: 1.1em;
	padding: 0.5em 1.7em;
}
.contact-form {
	padding: 0;
}
.contact-form label {
	display: none;
}
.wpcf7-form .button {
	background-color: #aeaeae;
	color: #454545;
}
.wpcf7-form .button:hover {
	background-color: #868686;
}
/*.contact-info {
	font-size: 0.7em;
}
.contact-info ul {
	margin-left: 0;
}
.contact-info li {
	list-style: none;
	margin-bottom: 1em;
}*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	-moz-box-sizing: border-box;
	background: none repeat scroll 0 0 #FFFFFF;
	border: none;
	box-shadow: none;
	color: #000;
	display: block;
	font-family: "ehh", "Open Sans", "Helvetica", "Arial";
	font-size: 1.0em;
	margin-bottom: 1em;
	width: 100%;
}

.slb_details {display:none; }


/************/
/***FOOTER***/
/************/
#primary { min-height:30em; }
#content {/*margin-bottom:15em;*/ }
#footer {
	margin-top:2em; 
	/*position:fixed;*/
	width:100%;
/*	bottom:0;*/

 }

.site-footer > .site-info {
	background:#383838;
    color: #818181;
	padding: 0;
}
.site-footer .site-info .row {
/*background-color: rgba(54, 51, 65, 0.5);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
*/
padding-top: 2em;
}
.site-footer .site-info p {
	font-size:1.1em;
}

.mc-submit .button {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  float: left;
  font-size: 1.0rem;
  margin: 0 0.5em 0.5em 0;
  padding: 0.4em 0.6em;
  transition: background-color 300ms ease-out 0s;
}
		#footer .copyright,
		#footer .site-source { display:block; }	
		
#footer .pac-credit { background:#000; color: #fff; padding:1em; }
#footer .pac-credit p { margin: 0.5em 0 0; }

/*******************/
/***SOCIAL SPRITE***/
/*******************/


.social-nav li {
	background: url("/wp-content/themes/ehh/library/img/social-sprites.png") no-repeat;
	width: 24px;
	height: 24px;
	display:inline;
	list-style-type:none;
	margin: 0 0.8em 0 0;
	float:left;
		
}
.social-nav li a {
	text-indent:-999em;

}
.social-nav .vimeo { background-position: 0 0;}
.social-nav .yt { background-position: -100px 0;}
.social-nav .fb { background-position: -200px 0;}
.social-nav .twit { background-position: -300px 0;}
.social-nav .insta { background-position: -400px 0;}
.social-nav .tumb { background-position: -500px 0;}

.social-nav .vimeo:hover { background-position: 0 -100px;}
.social-nav .yt:hover { background-position: -100px -100px;}
.social-nav .fb:hover { background-position: -200px -100px;}
.social-nav .twit:hover { background-position: -300px -100px;}
.social-nav .insta:hover { background-position: -400px -100px;}
.social-nav .tumb:hover { background-position: -500px -100px;}


#main .wp-pagenavi a, #main .wp-pagenavi span {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	color: #000000;
	margin: 0 10px 0 0;
	padding: 4px 10px;
	text-decoration: none;
}

#mc_embed_signup {margin-top:-1em; }

/*.footer-links {float:left; overflow:auto;}
.footer-links a {margin-right:0.5em; }
*/
/*******************/
/***MEDIA QUERIES***/
/*******************/

	
/* SMALL MOBILE */
	@media only screen and (max-width:305px) {
		
	.site-nav li {clear:left; }		
	.site-nav {margin-left:1em;}
		
		}

/* ABOVE SMALL MOBILE */
	@media only screen and (min-width:305px) {
		
	
		}

/* MEDIUM MOBILE */
	@media only screen and (min-width:306px) and (max-width:400px) {
		.site-nav { /*margin-left:1.1em; padding-left:0;*/}
		.site-nav li {
			font-size:1.2em;
			width:50%;
			margin:0;
		}				

	
}

/* LARGE MOBILE */
	@media only screen and (max-width:640px) and (min-width:401px) {
	
		.site-nav { /*margin-left:1.1em; padding-left:0;*/}
		.site-nav li {
			font-size:1.2em;
			width:50%;
			margin:0;
		}				
}


/* ALL MOBILE */
	@media only screen and (max-width:640px) {


#gallery-1 .gallery-item {
  width:25% !important;
}

.home-episodes .entry-thumbnail { margin-bottom:0.5em; margin-top:0.5em;}
.home-episodes h3,
.post-type-archive-photos h3 { margin-bottom:1.8em;}


.email-signup { margin: 1em 0 0; }

.post-type-archive-blog h6, .post-type-archive-news h6 {
  text-align: left;
}


#footer {
	position:relative;	
}
#content { margin-bottom:1em; }

.wp-pagenavi .pages {display:none; }
.mc-submit { padding:0; }

}



/* MEDIUM GRID AND ABOVE */
	@media only screen and (min-width: 641px) {
    .content-info {
        text-align: right;
    }
		}

/* INSIDE MEDIUM GRID */
/* SMALL HALF OF MEDIUM GRID */
	@media only screen and (min-width: 641px) and (max-width:800px) {
		
		
		
		}

/* INSIDE MEDIUM GRID */
/* LARGER HALF OF MEDIUM GRID*/
	@media only screen and (min-width: 801px) and (max-width:1024px) {}



	@media only screen and (min-width: 641px) and (max-width:749px) {

		.site-nav {/* margin-left:0.7em; padding-left:0;*/}
		.site-nav li {
			margin: 0 0.5em 0 0;
			font-size:0.75em;
		}				

		

		
}	
/*	@media only screen and (min-width: 680px) and (max-width:749px) {}	*/

	@media only screen and (min-width: 750px) and (max-width:949px) {
		.site-nav {/* margin-left:0.2em;*/}
		.site-nav li {
			margin: 0 1.1em 0 0;
			font-size:0.8em;
		}				
}	
	@media only screen and (min-width: 768px) and (max-width:768px) {
		
}

/*	@media only screen and (min-width: 790px) and (max-width:849px) {}
	@media only screen and (min-width: 850px) and (max-width:949px) {}
*/
	@media only screen and (min-width: 950px) and (max-width:1024px) {
		
		.site-nav { /*margin-left:0.2em;*/}
		.site-nav li {
			margin: 0 1.5em 0 0;
		}		

}



/* ONLY MEDIUM GRID */
	@media only screen and (min-width: 641px) and (max-width:1024px) {}

/* MEDIUM GRID DOWN */
	@media only screen and (max-width: 1025px) {
		.site-logo {
		/*  margin: 0 0 0 -19px;*/
		}	
		
}

/* ONLY LARGE GRID */
	@media only screen and (min-width: 1025px) {}