/*
Theme Name: All Things Go 2014
Theme URI: http://allthingsgomusic.com
Author: Erik Fox
Author URI: http://erikfox.co
Description: A theme developed for All Things Go.
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: allthingsgo

All Things Go 2014 WordPress Theme © 2014 All Things Go, LLC

ATG RED = #df4a43;
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
/************************************/
/*! DEFAULTS */
/************************************/
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #444; line-height: 150%; }
a { cursor: pointer; text-decoration: none; }
b, strong { font-weight: bold; }
em { font-style: italic; }
p { text-align: justify; }
small { font-size: smaller; line-height: 100%;}
hr {
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
border-bottom: 1px solid #ececec;
border-top: none;
border-left: none;
border-right: none;
margin: 14px 0;
}
input { border: none !important; }

/************************************/
/*! HELPER CLASSES */
/************************************/
.table 					{ display: table; width: 100%; padding: 0 !important; }
.table-inline			{ display: inline-table; }
.table-fixed 			{ display: table; table-layout: fixed; width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.head-group				{ display: table-header-group; }
.row					{ display: table-row; width: 100%; }
.cell					{ display: table-cell; vertical-align: middle; }
.foot-group				{ display: table-footer-group; }

/************************************/
/*! BLOCK ARRANGEMENT */
/************************************/
html, body { height: 100%; width: 100%; }
	#player { position: fixed; top: 0; width: 100%; z-index: 2; }
	
	#wrapper { margin-top: 48px; width: 100%; }
	
		#player-container, 
		#playlist-container,
		#header-container, 
		#container, 
		#footer { max-width: 1000px; margin: 0 auto; padding: 0 14px; }
		
		#slider, #sorter, 
		#content, #social, #sidebar { display: inline-block; margin: 14px 0 0; }
		
		#slider, #sorter, #content { float: left; width: 68.6%; max-width: 686px; }
		
		#social, #sidebar { float: right; width: 30%; max-width: 300px; }
		
		#background { position: absolute; top: 0; height: 719px; width: 100%; background-color: #fff; z-index: -1; }
		
		#content { min-height: 475px; }
		
		article { position: relative; margin-bottom: 14px; }
		
		form#search { text-align: right; white-space: nowrap; }
			form#search input { display: inline; }
		
		#nav-below { display: none; }
		
		#loader { display: none; height: 70px; width: 100%; margin: 14px 0; background-position: center center; background-repeat: no-repeat; }
		
		#copyright { padding: 14px; font-size: small; background-color: #fff; }

/************************************/

@media screen and (max-width: 640px) {
	#player { position: fixed; top: auto; bottom: 0; }

	#wrapper { margin-top: 77px; width: 100%; }
	
		#header { position: fixed; top: 0; width: 100%; z-index: 2; }
		
		#slider, #content,
		#social, #sorter, 
		#sidebar { width: 100%; }
		
		#player-container, 
		#playlist-container,
		#header-container, 
		#container, 
		#footer { padding: 0; }
		
		#social, #sidebar { width: 100%; max-width: none; }
		
		#slider, #slider-container { height: 0 !important; margin: 0 !important; }
		
		#background { display: none; height: 0px; }
		
		#events { display: none; }
		
		#content { min-height: 0px; }
}

/************************************/
/*! BLOCK STYLING */
/************************************/
body { background-color: #ececec; }

	#slider { background-color: #fff; }
	
	#post-0 .entry-content { font-size: large; color: #666; }

/************************************/
/*! ADS */
/************************************/
.ad { overflow: hidden; text-align: center; }

#ad2, #ad3 { height: 250px; overflow: hidden; background-color: #000; }

/************************************/
/*! WIDGETS */
/************************************/
.widget-area { margin: 0 0 14px 0; background-color: #fff;}

/************************************/
/*! PLAYER */
/************************************/
#player { color: #fff; font-size: small; line-height: 100%; background-color: #333; }

#player a#player-toggle { display: none; }
#player .cell { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#player span { display: inline-block; padding: 0 7px; }

#player .table-fixed { height: 48px; }
#player .button { width: 48px; text-align: center; }
#player .button:hover,
#player .button.active { color: #df4a43; }


	#player-container {  }
	
		#elapsed, #total { width: 60px; text-align: center; }
		#progress-container { position: relative; width: 20%; }
			#progress-container .bar { display: block; height: 8px; }
			#elapsed-bar { background-color: #df4a43; margin-top: -8px; width: 0% }
			#load-bar { background-color: #666; width: 0%; }
			#total-bar { background-color: #000; margin-bottom: -8px; width: 100% }
		
		a#soundcloud { background-image: url('./img/sc_white.png'); background-position: center center; background-repeat: no-repeat; }
		a#soundcloud:hover { background-image: url('./img/sc_gradient.png'); }
			
	#playlist-container { display: none; max-height: 400px; overflow-y: scroll; }

/************************************/

@media screen and (max-width: 640px) {
#player { text-align: center; background-color: rgba(0,0,0,0.85); }
	#player .table-fixed { display: inline-block; height: auto; }
	#player .button { display: inline-block; height: 48px; line-height: 48px; }
	#player a#soundcloud { display: none; }
	#player a#playlist-toggle { display: none; }
	
	#player a#player-toggle { display: block; width: 100%; background-color: #000; padding: 14px 0; }
	#player a#player-toggle.active { color: #df4a43; }
	
	#player-container { display: none; }
	
		#player-container a.button { margin: 14px;}
	
		#current { display: inline-block; width: 100%; margin: 14px 0; }
		
		#elapsed, #total,
		#progress-container { display: inline-block; height: 48px; padding: 0 0 14px; line-height: 48px; }
		
		#elapsed, #total { width: 19%; }
		#progress-container { width: 50%; }
			#progress-container .bar { position: absolute; display: block; height: 8px; margin: 20px 0 0; }
			
	#playlist-container { display: none; max-height: 200px; overflow-y: scroll; background-color: rgba(75,75,75,0.85) }
		#playlist-container .track { margin-top: 14px; border-bottom: 1px solid rgba(0,0,0,0.85); }
			#playlist-container div.cell { display: none; }
			#playlist-container a.info { display: inline-block; margin: 14px 0; width: 100%; }

}

/************************************/
/*! HEADER */
/************************************/
#header { padding: 14px 0; color: #fff; background-color: #000; }	
#header .searchform { display: none; }
	#header-container {  }
	
		
	#logo { width: 90px; height: 90px; padding-right: 14px; }
		#logo-container { width: 90px; height: 90px; background-position: center center; background-size: 100%; background-repeat: no-repeat; }
	
	#navigation { height: 90px; width: 154px; }
		#navigation-container { height: 100%; width: 100%; background-color: #333; }
			#navigation-container .row {  }
				#navigation-container .cell { width: 50%; vertical-align: middle; text-align: center; border-left: 1px solid #000; border-bottom: 1px solid #000; }
					#navigation-container a { color: #fff; font-size: x-small; font-weight: bold; text-transform: uppercase; }
					
					#navigation-container a.active,
					#navigation-container a:hover { background-color: #df4a43; }
		
		#nav-toggle, #nav-search { display: none; }
		
	#ad1 { padding-left: 14px; }
		#ad1-container { width: 100%; height: 90px; overflow: hidden; }

/************************************/

@media screen and (max-width: 640px) {
	#header { padding: 0; }
	#header .searchform { display: table-cell; }
	#header .searchform a { padding: 0 0 0 14px; }
		#header-container { text-align: right; }
		
			#logo, #ad1 { display: none; }
			
			#navigation { display: inline-block; height: auto; width: 50%; padding: 0 21px; }
				#navigation-container { display: none; width: 100%; background-color: #000; }
					#navigation-container .row { display: inline-block; }
						#navigation-container .cell,
						#nav-toggle, #nav-search { display: inline-block; width: 100%; padding: 21px 0; text-align: right; }
						
						#navigation-container a { font-size: medium; }
						
						#navigation-container a.active,
						#navigation-container a:hover { background-color: #000; }
						
						#nav-toggle.active, #nav-toggle:hover { color: #df4a43; }
}

/************************************/
/*! SLIDER */
/************************************/
#slider { margin: 14px 0; }
	#slider-container { position: relative; height: 524px; width: 100%; overflow: hidden; white-space: nowrap; border: 1px solid #ececec; border-bottom: none; }
		#slider-container .left { left: 0; }
		#slider-container .right { right: 0; }
		#slider-container .table-inline { position: absolute; z-index: 1; height: 100%; padding: 0 14px; cursor: pointer; color: rgba(0,0,0,0); }
				
		#slider-container:hover .table-inline a { color:rgba(250,250,250,0.5);  }
		
		#slider-container .table-inline:hover a { color:rgba(250,250,250,1); }
		
		#slider-container .slide { position: relative; display: inline-block; width: 100%; height: 100%; background-position: center center; background-size: cover; }
			#slider-container .slide-caption { position: absolute; bottom: 0; padding: 14px 0; font-size: large; line-height:150%; font-weight: bold; color: #fff; background-color: #df4a43; }
				#slider-container .row:last-of-type { font-size: small; }
					#slider-container .cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 14px; }

/************************************/
		
@media screen and (max-width: 640px) {
	#slider { display: none; height: 0; margin: 0; }
}

/************************************/
/*! SOCIAL */
/************************************/
#social { height: 525px; }

#social hr { height: 0px; margin: 0 14px; border-bottom: 1px solid #333; }

	#social-container { position: relative; height: 100%; overflow: hidden; }
		#social-menu { background-color: #333; }
			#social-menu .cell { height: 80px; text-align: center; color: #fff; border-right: 1px solid #000; }
			#social-menu .cell:last-of-type { border-right: none; }
			#social-menu .cell:hover,
			#social-menu .cell.active { background-color: #df4a43; }
				#social-menu i { font-size: 250%; }
			
		#social-widgets { overflow: hidden;  }
			#social-widgets-container { height: 100px; background-color: #000; }
				#social-widgets-container .cell { display: inline-block; line-height: 100px; height: 100px; width: 100%; text-align: center; overflow: hidden; }
				
					#facebook-widget iframe { height: 60px; width: auto; padding: 0px; }
					#twitter-widget iframe { padding: 31px; }
					#spotify-widget iframe { height: 60px; width: auto; padding: 20px; }
					#instagram-widget a.button { display: block; width: 137px; height: 24px; margin: 0;  padding: 33px; background-position: center center; background-repeat: no-repeat; }
		
		#email-signup { width: 100%; height: 81px; margin-bottom: 14px; background-color: #000; }
			#email-signup-container { height: 100%; }
				#email-signup-container > .cell { text-align: center; }				
				#email-signup-container .head-group { display: none; font-size: small; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #333; }
				#email-signup-container .head-group .cell { text-align: right; padding: 0 14px; }			

/************************************/

@media screen and (max-width: 640px) {
	#social { display: none; }
}

/************************************/
/*! SORTER */
/************************************/
#sorter { }
#sorter .searchform { display: table-cell; width: 160px; background: #fff; }
#sorter .searchform a { padding: 0 7px; }

#sorter .searchform:hover input { display: inline-block; }
#sorter .searchform input { background: #ECECEC; padding: 2px 5px; border: 1px solid rgba(102, 102, 102, 0.38)!important; }
#sorter a { padding-left:0px; text-align: center; background: #fff; position: relative; font-size: 70%; font-weight: bold; text-transform: uppercase; height: 36px; line-height: 36px; color: #666; }

#sorter a:hover:not(#searchsubmit) span,
#sorter a.active span { display: block; background-color: #df4a43; color: #fff; padding-bottom: 0px; border-bottom: 0px solid #df4a43; }

/*#sorter-container > a:hover:not(#searchsubmit):after,
#sorter-container > a.active:after { content: ''; position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #df4a43; }*/
	
	#genre-container,
	#popular-container { display: none; margin-top: 14px; overflow: hidden; }
	
	#genre-container a,
	#popular-container a { display: block; width: 100%; }

/************************************/

@media screen and (max-width: 640px) {
	#sorter .searchform { display: none; }
	#sorter a { text-align: center; }
		
		#sorter-container,
		#genre-container,
		#popular-container { background-color: #fff; }
}

/************************************/
/*! ENTRY-SUMMARY.PHP */
/************************************/
.entry-summary { height: 250px; overflow: hidden; font-size: small; background-color: #fff; }
.entry-summary a { color: #333; }
.entry-summary a:hover { color: #df4a43; }
	
	.entry-summary > * { display: inline-block;width: 50%; height: 100%; }
	
	.entry-summary .thumb { float: left; background-position: center center; background-size: cover; }
		.entry-summary .thumb-container { position: relative; height: 100%; }
			.entry-summary .share-buttons { position: absolute; bottom: 0; left: 0; padding: 14px; background-color: rgba(0,0,0,0.3); }
			.entry-summary .share-buttons i { color: #fff; }
			
			.entry-summary .thumb-container iframe { display: none; padding-left: 14px; }	
			.entry-summary .thumb-container:hover iframe { display: inline; }
	
	.entry-summary .info-container { float: right; position: relative; height: 250px; width: 100%; }
		/*.entry-summary .info-container:after {
			content: '';
		
			position: absolute;
			top: 80%;
			bottom: 0;
			left: 0;
			right: 0;
			height: auto;
			width: 100%;
			
			background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.67) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); 				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(50%,rgba(255,255,255,0.67)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.67) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);					background: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.67) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); 
			background: -ms-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.67) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.67) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#ffffff',GradientType=0 );
		}*/
		
			.entry-summary .preface { display: inline-block; width: 100%; }
				.entry-summary .preface span { float: right; min-width: 110px; text-align: center; font-size: x-small; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #df4a43; border-radius: 0 0 0 5px; }
			
			.entry-summary .title,
			.entry-summary .excerpt { display: inline-block; margin: 14px 14px 0; }
			
				.entry-summary .title > a { font-size: 100%; font-weight: bold; }
			
				.entry-summary .post-player .cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
				.entry-summary .post-player .left { width: 36px; padding-right: 14px; }
					.entry-summary a.play-track { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: #444; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
					.entry-summary a.play-track:hover,
					.entry-summary a.play-track.active { background-color: #df4a43; }
						.entry-summary a.play-track i { margin-right: -4px; }
			
			.entry-summary a.keep-reading { position: absolute; right: 0; bottom: 0; width: 100%; background-color: #fff; }
				.entry-summary a.keep-reading span { float: right; padding: 14px; color: #df4a43; font-weight: bold; }

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

	.entry-summary { height: 400px; }
	
		.entry-summary .share-buttons { display: none; }
}
			
/************************************/
/*! ENTRY-CONTENT.PHP */
/************************************/
.entry-content { font-size: small; background-color: #fff; }
.entry-content > div { padding: 0 14px; vertical-align: bottom; }
.entry-content hr {  }
.entry-content .share { text-align: right; white-space: nowrap; }
.entry-content a { color: #df4a43; }
.entry-content a:hover { color: #666; }
.entry-content p { width: 100%; margin: 7px 0; overflow: hidden; padding-bottom: 1em;}
	.entry-content p img { height: auto; width: 100%; }
.entry-content .share iframe { padding-left: 14px; }

iframe.youtube { width: 100% !important; height: 400px; }
	
	.entry-content .preface { background-color: #df4a43; margin-bottom: 14px; }
		.entry-content .preface a { color: #fff; }
		.entry-content .preface a:hover { color: #444; }
		.entry-content .preface span { color: #fff; font-weight: bold; text-transform: uppercase; }
		.entry-content .preface span.meta { float: right; }
	
	.entry-content .header { width: 100%; padding: 0; }
		.entry-content .header .title { line-height: 120%; font-size: x-large; font-weight: lighter; text-transform: uppercase; }
			.entry-content .header .title span { display: inline-block; padding-left: 14px; }
		.entry-content .header .share {  }
			.entry-content .header .share span { display: inline-block; padding-right: 14px; }
	
	.entry-content .context { }
		.entry-content .context .cell span { padding-right: 14px; text-align: justify; font-size: 90%; }
	
	.entry-content .track { }
		.entry-content .track a.play-track { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 1rem; text-align: center; color: #fff; background-color: #333; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
		.entry-content a.play-track:hover,
		.entry-content a.play-track.active { background-color: #df4a43; }
		.entry-content .track a.play-track i {margin-left:3px; }
/************************************/
@media screen and (max-width: 640px) {
	
	.entry-content .preface span.meta { display: none; }
	
	.entry-content .share { white-space: normal; }
		.entry-content .share span { width: 110px; }
}

/*********************************/
/*! EVENTS */
/*********************************/
#events {  }

#events a { color: #666; }

#events .title { width: 100%; font-size: small; font-weight: bold; color: #fff; background-color: #000; text-align: center; }
	#events .title span { padding: 0 14px; }

#events .event { width:100%; }
	#events .event .flyer { display:none; width:100%; height:350px; background-position: center top ; background-size: cover; }
	#events .event .info { display: block; position: relative; width:100%; height:80px; white-space: nowrap; border-top: 1px solid #ececec; }
		#events .event .info .table-fixed { height: 100%; width: 100%;}
			#events .left {width: 70px;text-align: center;}
			#events .right {padding-right: 1rem;}
				#events .text {	line-height: 120%; font-size: small; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
				#events .city { display: inline-block; height: 36px; width: 36px; line-height: 36px; border-radius: 50%; background-color: #666; text-align: center; color: #FFF; font-size: small; font-weight: bold; }
				
				
				#events .event:hover .text,
				#events .event.active .text { color: #000; }
				#events .event:hover .city,
				#events .event.active .city { background-color: #df4a43; }
								
/************************************/
/*! ROUGH OVERRIDES, MOSTLY FOREIGN PLUGINS */
/************************************/
.insta-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); background-image: url('./img/logo-white.png'); background-position: center center; background-repeat: no-repeat; }
/************************************/
.yarpp-thumbnails-horizontal { display: inline-block; text-align: center; }
	.yarpp-thumbnails-horizontal .yarpp-thumbnail { display: inline-block !important; height: auto !important; width: 20% !important; margin: 1% !important; text-align: left; vertical-align: top; overflow: hidden; }
		.yarpp-thumbnails-horizontal .yarpp-thumbnail > img { width: auto; height: 160px; margin: 0; }
		.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { display: inline-block; width: auto !important; height: auto; max-height: none !important; margin: 0 !important; padding: 7px; }

@media screen and (max-width: 640px) {
	.yarpp-thumbnails-horizontal .yarpp-thumbnail { width: 47% !important; }
}
/************************************/
article .comments iframe { padding: 0; }
/************************************/
#mc_signup_form { border-color: #000 !important; background-color: #000 !important; }

.mc_error_msg { font-size: small !important; color: #df4a43 !important; }

#mc-embedded-subscribe-form { padding: 0 15px; }

#mce-EMAIL,
#mc-embedded-subscribe { display: inline-block; }

#mce-EMAIL { height: 24px; margin: 5px 10px 5px 0; padding: 0; }

#mc-embedded-subscribe { border: none; padding: 0 7px !important; width: auto !important; height: 24px; line-height: 24px; color: #fff; font-size: x-small; letter-spacing: 1px; text-transform: uppercase; background-color: #333; }


/*  SEARCH INPUT */