/*
Theme Name: Notaro
Author: Celis Design
Author URI: http://www.celisdesign.com/
*/


*{
	margin:0;
	padding:0;
	-webkit-padding:0;
	-webkit-margin:0;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family: Helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	text-align:center;
	font-weight:100;
	color:#fff;
}

/* ----- MAIN STRUCTURE COLORS -----*/ 

body, 
.back_default, 
.main-wrap{
	background:#000;
}

body.home {
	background:#fff url("img/backs/tig1.jpg") center -70px no-repeat; 
	background-attachment: fixed; 
	background-size:cover;
}

.back_black {
	background:#000; 
}

.back_grey {
	background:#27262c; 
}

.back_white {
	background:#fff; 
	color:black !important;
}

.back_07_trans {
	background:rgba(7,7,7, 0.8); 
}

/*---------------------------------*/

.backstretch {
	overflow:hidden; 	
	max-width:100%;
}

img {
	width: 100%;
	max-width: 100%;
	height:auto !important;
	display:block;
}

/*Inserts*/
p img, img.auto-width {
	width:auto;
}

img.loader {
	width:16px !important;
	height:16px !important;
}

.fixed {
	position:fixed;
}

.relative {
	position:relative;
}

.fixed_section, .fixed_form {
	position:fixed !important;
	width:100%;
	z-index:1000 !important;
	top:72px;	
	margin-top:0 !important;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}	

.text_left {
	text-align:left;
}

.text_center {
	text-align:center;
}

.text_right {
	text-align:right;
}

iframe {
	z-index:2000;
	max-width:100%;
}

.hidden, 
.mobile_only, 
img.mobile_only {
	display:none;
}

.visible {
	visibility:visible; 
}

.overflow_hidden {
	overflow:hidden !important;
}

.tint {
	position:fixed;
	width:100%;
	height:100%;
	opacity:0;
	filter: alpha(opacity=0);
	z-index:1 !important;
	background:black;
}

.tint_absolute {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:0;
}

.z-1 {
	z-index:1 !important;
}

.z-200 {
	z-index:200 !important;
}

.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#canvas-loader-wrap {
	text-align:center;	
	position:absolute;
	width:100%;
	padding-top:400px;
}

/*--------------------------------------------

STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY]

---------------------------------------------*/

/*wraps the grid*/
#wrap {
	position:relative;
	min-width:100%;
	min-height:100%;
	text-align:left;
	margin-top:100px;
	z-index:3000 !important;
}	

body.home #wrap {
	margin-top:60px;
}

.col .inner {
	padding:16px;
}

.main-grid .col {
	margin-bottom:60px;
}

div.page-content {
	padding:30px 0;
}

body.page .category-header {
	margin-bottom:30px;
}

.content-section {
	padding:60px 0;
}

.main {
	padding-bottom:60px;
}

/*-----------------------


SECTION PADDING


------------------------*/


.home-section {
	padding-bottom:115px;
}

#contacts.home-section {
	padding-bottom:0;
}

#bio.home-section {
	padding-bottom:140px;
}

/*-------------------------

FONTS / TYPE

--------------------------*/

ul, li {
	list-style:none;
	-webkit-padding:0; 
}

li.spaced {
	padding-top:20px;
}


@font-face {
    font-family: 'bariolregular';
    src: url('fonts/bariol_regular-webfont.eot');
    src: url('fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bariol_regular-webfont.woff2') format('woff2'),
         url('fonts/bariol_regular-webfont.woff') format('woff'),
         url('fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('fonts/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'basier_circleregular';
    src: url('fonts/basiercircle-regular-webfont.eot');
    src: url('fonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basiercircle-regular-webfont.woff2') format('woff2'),
         url('fonts/basiercircle-regular-webfont.woff') format('woff'),
         url('fonts/basiercircle-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.overpass {
	font-family: 'Overpass Mono', monospace;
}


/*-------P--------*/

p, 
li, 
td span.note {
	font-family: 'basier_circleregular', Helvetica, sans-serif;	
	-webkit-font-smoothing:antialiased;	
	font-size:17px;
	line-height:22px;	
	color:#757575;	
    word-wrap: break-word;	
}

p,  
.muted, 
span.muted, 
a:hover, 
.quote_source {
	color:#757575;
}

.underline,
span.underline {
	border-bottom:solid 2px #fff;
	padding:2px 2px 2px 2px;
}

.back_white .underline, 
.back_white span.underline {
	border-bottom:solid 2px #000;
}
a.underline:hover {
	border-bottom:none;
}


/*-------HEADINGS--------*/

h1, h2, h3, h4, h4 a, h5, h5 a, td, a.action, 
.panel ul li a {
	font-family: 'bariol', Helvetica, sans-serif;	
	font-weight:300;
/* 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
 */
}


/*-------H1--------*/

h1 {
	font-size:46px;
	letter-spacing:0px;
	line-height:42px;
	display: inline-block !important;
}

h1.underline {
	display:inline-block;
	padding-bottom:18px;
	border-bottom:solid 3px white;
}

/*-------H2--------*/

h2 {
	font-size:37px;
}

/*-------H3--------*/

h3 {
	font-size:30px;
	line-height:32px;
	display:inline-block !important;
}
/*-------H4--------*/

h4 {
	font-size:24px;
	display:inline-block;
}

/*-------H5--------*/

h5 {
	font-size:21px;
	letter-spacing:1px;
}

/*-------H6--------*/

h6 {
	font-size:17px;
	letter-spacing:1px;
}

/*-------------------------

LINKS

--------------------------*/

a { 
	color:white;
	text-decoration:none;
}

a:hover {

}

.back_white a {
	color:black;
}

a.action {
	display:inline-block;
	text-align:center;
	padding:10px 0;
	width:100%;
	background:black; 
	color:white;
	font-size:18px;
	font-family:'overpass mono' !important;
}

a.action.narrow {
	width:50%;
}

a.action:hover, 
a.action.action_light:hover, 
a.action.back_white:hover {
	background:#6af4b2 !important;
	color:black !important;
}


.back_black a.action {
	padding:0 0 3px 0; 
	border-bottom:solid #fff 3px;
	text-align:left !important;
	width:auto;
}

a.action.back_white {
	background:#fff;
	color:black !important;
}

a.action.action_light {
	background:#eee;
	color:black !important;
}

a.action.width_auto {
	padding:15px;
	font-size:15px;
	width:auto; 
}

a.permalink {
	background:none;
	text-align:left;
	padding:8px 0;
	font-size:15px;
	font-family:'overpass mono' !important;
	border-bottom:solid 2px #fff;		
}

.back_white a.permalink {
	border-bottom:solid 2px #000;
}

a.permalink:hover {
	border-bottom:none;
	background:none;
}

a.btn_arrow_down {
	display:inline-block;
	width:25px;
	height:15px;
	background:url('img/arrow_down_x.png') 0 0 no-repeat; 
}

/*---------------------------


HEADER: Logo & Nav


--------------------------*/

#header {
	text-align:left;
	position:fixed;
	top:0;
	width:100%;
	z-index:4000 !important;
	padding:35px 0 20px 0;
	transition: top 0.4s ease-in-out;
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	
}

body.internal #header {
	background:rgba(0, 0, 0, 0.95); 
}

.back_trans {
	background:rgba(0, 0, 0, 0.95); 
	padding:0; 
}

.back_none {
	background:none;
}



/*-------NAV-------*/

nav {

}
	
nav ul li {
	display:inline;
	margin:0 20px 0 0;
}

nav ul li a {
	font-size:20px;
}	

nav ul li a:hover {
}


div.toggle-wrap {
	display:none;
	z-index:1000;	
}

.nav-down {
	top:0;
}

.nav-up {
    top: -55px;
}


div.mobile-nav-wrap {
}	

div.mobile-nav-wrap ul  {
	padding:60px 0 0 20px;
}

div.mobile-nav-wrap ul li {
}

.panel ul li {
	margin:0 0 10px 0;
}

.panel ul li a {
	font-size:25px;
}


.panel ul.social {
	display:block;
	margin:30px 0 0 20px !important;
}

/*-------ICONS-------*/

a.twitter_sm {
	position:absolute;
	width:16px;
	height:17px;
	background:url("img/icons/icon_twitter_sm.png") center 1px no-repeat;
}

/*----------------------------

PAGE ARROWS

-----------------------------*/

#page-arrows {
	position:fixed;
	width:100%;
	height:40px;
	padding:10px 0 20px;
	z-index:3000 !important;
	left:0;
	bottom:0;
	background:white;
}


#page-arrows ul {
	float:right;
}

#page-arrows ul li#up {
	display:none;
}


#page-arrows a {
	display:inline-block;
	width:25px;
	height:25px;
	padding:10px;
	background:#000 url("img/icons/icon_arrow_down.png") center center no-repeat;
	background-size:25px;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:  opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition:  opacity 0.5s ease;
}	

#page-arrows a:hover {
	opacity:0.75;
	filter: alpha(opacity=30);	
}

/*---------------------------


LANDING


--------------------------*/

#landing-home {
	width:100%;
	height:100%;
	z-index:1;
}

#landing-home .center {
	position:relative;
}

#landing-home .title {
/* 
	position:absolute; 
	top:335px;
 */
	position:fixed;
	top:40%;
	left:4%;
	z-index:1;
}

#landing-home .title h1 {
	font-size:58px;
	z-index:1;
}

#landing-home .next-show {
	margin:50px 0 0 0;
}

.next-show ul li.tickets {
	width:400px;	
}

/*----------------------------

ENTRIES, MEDIA & THUMBS

-----------------------------*/

div.entry-title h1 a:hover ,
div.entry-title h3 a:hover {
	color:#666 !important;
}

/*specify col here, timeline also has media class*/
.col .media {
	/*float:left;*/
	position:relative;
	width:100%;
	max-height:100%;
	height:auto;
	text-align:center;
}

.entry .media-thumb {
	margin-top:15px;
}


div.gallery img,
.col .media, .col .media.tinted img, 
ul.tags li a, 
a.action {
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}


/*-----TITLES------*/

div.media-title a, 
div.overlay a {
    border-bottom:solid 1px #eee;
    padding-bottom:3px; 
	color:#fff !important;    
	font-weight:100 !important;
	letter-spacing:1px;
}

/*-----OVERLAYS & TITLES------*/

div.media .media-thumb .overlay, 
div.media .media-thumb .overlay-pagination, 
div.media .media-thumb .media-title {
	position:absolute;
	width:100%;
	margin:27% 0 0 0;
	z-index:90;				
	text-align:center !important; 
	letter-spacing:1px !important;
	line-height:20px !important;	
	opacity:0;
	filter: alpha(opacity=0);	
	display:none;
}

div.media .media-thumb .media-title {
	opacity:1; 
	filter: alpha(opacity=100);
	display:block;
}


div.media.single-landing .media-thumb .media-title {
	text-align:left !important;
}
.span_2_of_5 div.media .media-thumb .overlay {
	margin:27% 0 0 0;
}

.span_3_of_5 div.media .media-thumb .overlay {
	margin:18% 0 0 0;
}

/*-----HOVER------*/

.col .media:hover, 
.col .tinted {
	background:#0a021a /*purple*/ !important;
}

.col .media:hover img {
	opacity:0.1;
	filter: alpha(opacity=10);
}


.col .media.tinted:hover img {
	opacity:1;
	filter: alpha(opacity=100);
}

.col .media:hover .media-g {  
	opacity:0;
	filter: alpha(opacity=0);
	display:none;
}

.col .media:hover .overlay, 
.col .media.no_hover:hover img, 
.col .media.no_hover:hover .media-title  {
	opacity:1; 
	filter: alpha(opacity=100);
	display:block;
}

.entry .excerpt {
	max-width:66%;
	padding:20px 0 30px 0; 
}

.entry-media {
	position:relative;
}

.entry-media .sharing {
	position:absolute;
	bottom:0;
	left:-40px;
}

/*-----------------------


SECTION HEADINGS


------------------------*/


.section-heading {
	padding:180px 0 0 0;
	border-left:1px dotted rgba(255, 255, 255, 0.15); 
}

.back_white .section-heading {
	border-left:1px dotted rgba(0, 0, 0, 0.2); 
}

#video .section-heading {
	border-left:1px dotted rgba(255, 255, 255, 0.1); 
}

.section-heading h2 {
	padding-left:25px;
}


/*-----------------------


PAGES


------------------------*/

div.page-header {
	padding:30px 0 60px 0;
	border-bottom:dotted 1px #666; 
	margin-bottom:30px;
}

/*-----------------------


FEATURED


------------------------*/

#featured-news {
	padding-top:185px;
}

div.topspin-widget object {
	max-width:100%;
	width:100%;
}

.next-show ul li.all-shows,
#next-show ul li.all-shows {
	margin-top:25px;
}


.next-show ul,
.next-show ul li.tickets,
#next-show ul, 
#next-show ul li.tickets {
	margin:25px 0 0 0;
}


#featured-news .entry-title {
	margin:0;
}


.listing .media-thumb,
.listing .video-container,
.listing-news .media-thumb, 
.listing-news .video-container {
	margin-top:25px;
}

#more-news .entry-title {
	margin:0 0 0px 0;
}

#featured-news .entry .entry-title h1::after {
/* 
	float:right;
	content: "";
	display:block;
	width:200px;
	height:2px;
	background:black;
	margin:20px 0 0 20px;
 */
}

#more-news .entry .entry-title h3::after {
/* 
	float:right;
	content: "";
	display:block;
	width:100px;
	height:2px;
	background:black;
	margin:20px 0 0 20px;
 */
}


/* 
#more-news h3::before {
	float:left;
	clear:both;
	content: "";
	display:block;
	width:20px;
	height:4px;
	background:black;
	margin:60px 0 20px 0px;
}
 */

span.stroke {
	display:block;
	clear:both;
	width:50px;
	height:2px;
	background:black;
	margin:10px 0 20px;
}

#more-news span.stroke {
	margin:0 0 50px 0;
}

/*-----------------------


BIO

------------------------*/


#bio-wrap {
	width:60%; 
	min-height:80%;
	background:url('img/tig_next_show.jpg') 0 0 no-repeat; 
	background-size:100%; 	
}

#bio .media-title .inner {
	padding:60px; 
}

#bio .cycle-slideshow .bio-slide {
	width:100%;
}

#bio .cycle-slideshow .bio-slide .inner {
	display:block;
	padding:25% 60px 60px 60px;
}

#bio .cycle-pager {
	margin-left:60px;
}

.cycle-pager a {
	font-size:35px;
	display:inline-block;
	width:40px;
	height:4px;
	margin:20px 0 0 5px;
	background:#666; /* less than muted*/
}

.cycle-pager a.cycle-pager-active, 
.cycle-pager a:hover {
	background:#6af4b2;
}


#bio a.bio-trigger {
	margin-left:60px;
	background:white; 
	color:black !important;
	width:auto !important;
	margin:30px auto 0 auto; 
	display:inline-block;	
}

#extended-content-bio {
	padding-top:60px;
}

#extended-content-bio .inner {
	padding:25px;
}

#bio .cycle-slideshow p,
#extended-content-bio p {
	display:inline-block !important;
	font-size:22px;
	line-height:30px;
	color:white;
	padding:0 0 30px 0;
}

#extended-content-bio ul {
	padding-left:25px;
	border-left:dotted 1px #333;
}

#extended-content-bio ul li {
	color:white !important;
	font-size:22px;
	line-height:28px;
	margin-bottom:15px;
}


/*-----------------------


PHOTOS

------------------------*/

#photos-heading {
	margin-bottom:30px;
}

#photos .section-actions {
	padding:20px 0;
}

#photos-wrap div {
	float:left; 
	width:auto; 
	margin:0 20px 0 0;
}

#photos-wrap img {
	float:left; 
	width:auto; 
}

.scroller, .scroll-pane {
	display: inline-block;
    width: 100%;
    height: 360px;
    height:430px;
    white-space: nowrap;
    overflow:auto;
    padding:12px 0;
    background:white;
    text-align:left;

}

.scroll-pane .canvas-loader {
	position:absolute;
	margin:55px;
}

div.scroll-pane  div.item, 
div.scroll-pane  ul li {
	display:inline-block;
	border-left:solid 1px #000;
	border-right:solid 1px #000;

}

.gallery-section ul { 
    height: 380px;
}
.gallery-cycle-wrap {
	background:black;
	padding:6% 0;
	height:800px;
}

.gallery-cycle-wrap .canvas-loader {
	position:absolute;
	text-align:center;		
	z-index:100;
	left:50%;
    height: 1%;
    width: 70%;
    margin: 350px 0 0 -35%;	
}

.gallery-cycle-wrap .cycle-slideshow {
	width:100%;
	max-height:800px;
	margin:auto;
	
}

.gallery-cycle-wrap .cycle-slideshow div {
	position:relative;
	margin:auto;
}

.gallery-cycle-wrap .cycle-slideshow div img{
	margin:auto !important;
}

.gallery-cycle-wrap .cycle-slideshow div.caption ul {
	width:100%;
	font:14px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	text-align:right;
	letter-spacing:1px;
}

.gallery-cycle-wrap .cycle-slideshow div.caption ul li {
	display:block;
	line-height:20px;
	color:#555;

}

.gallery-cycle-wrap .cycle-slideshow div.caption ul li a, 
.gallery-cycle-wrap .cycle-slideshow div.caption ul li span.credit {
	color:#333;
}	

.gallery-cycle-wrap .cycle-slideshow div.caption ul li a span.link_arrow {
	font-size:11px;
}

.gallery-cycle-wrap .cycle-slideshow div.caption a:hover {
	color:white;
}

.gallery-cycle-wrap a.prev, 
.gallery-cycle-wrap a.next {
	position:absolute;
	margin:20% 0 0 0;
	width:2%;
	height:20%;	
}

.gallery-cycle-wrap a.next {
 	right:4%;
 }
 
.gallery-cycle-wrap a.prev {
 	left:4%;
 }

.gallery-cycle-wrap a.close {
 	position:absolute;
 	right:4%
 }
 
 div.gallery-thumb .gallery-link {
	width:200px;
	margin:5px auto;
}

ul.tinted_thumbs li a img {
	opacity:0.25;
	filter: alpha(opacity=25);	
}

ul#scroll-pager {
	float:left;
	margin:30px 4% 0 0;
}


ul#scroll-pager li {
	display:inline;
}

ul#scroll-pager li a {
	font-size:38px;
}


ul#scroll-pager li a:hover {
	color:#666 !important;
}

#photos a.action {
	float:right;
	margin:20px 0 0 0;	
}


/*-----------------------


VIDEO

------------------------*/

#video {
	text-align:center;
	background:#111;
}

#video-heading {
	margin-bottom:60px;
	text-align:left;
}

.video-slide {
	width:100%;
}

#video .video-title {
	height:60px;
}

#video a.action {
	background:white; 
	color:black !important;
	width:auto !important;
	display:inline-block;
}

.video-container {
	overflow:hidden;
   	padding-top:30px; 
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#video .section-actions {
	padding:20px 0;
}

ul#video-pager {
	float:left;
	margin-top:30px;
}


ul#video-pager li {
	display:inline;
}

ul#video-pager li a {
	font-size:38px;
}


ul#video-pager li a:hover {
	color:#666 !important;
}

span.cycle-count {
	display:inline-block;
	margin:30px auto; 
	color:#666; 
	font-size:18px;
}

#video a.action {
	float:right;
	margin:30px 0 0 0;	
}

body.page .video-section {
	padding:0 0 30px 0;
}


body.page .video-section p.excerpt {
	max-width:66%;
	margin-top:10px;
}

/*-----------------------


NEWS

------------------------*/

.listing .entry, 
#featured-news .entry {
	position:relative;
	margin:0 0 70px; 
}

.entry .entry-title {
	max-width:80%;
}

.entry span.date {
	display:inline-block;
	margin:10px 0;
	color:#666;
}
 
#featured .mailing-wrap {
	padding:60px 0;
	color:white;
}

#featured .mailing-list {
	padding:25px;
 	border:solid 2px rgba(255, 255, 255, 0.1);
} 


/*-----------------------


EVENTS


------------------------*/

#tour {
	padding:0;
	text-align:center;
/* 
	min-height:95%; 	
 */
	background:#000 url("img/backs/tig_farm.jpg") center top no-repeat; 
	background-attachment:fixed; 
	background-size:cover;	
}

body.page #tour {
	background:none;
}

#tour .tint {
	opacity:0.7;
}

#tour #tour-heading {
	text-align:left;
}

#tour #tour-table-wrap {
	padding:100px 0;
}

#tour #tour-table-wrap #tour-note {
	display:block;
	margin:0 0 35px 0; 
}

#tour #tour-table-wrap #tour-note p {
	display:block;
	margin:15px 0;
	color:rgba(255, 255, 255, 0.66);
}
	
#tour table {
	width:100%;
}

#tour table th {
	padding-bottom:10px;
}

#tour table h5, {
	font-family: 'Overpass Mono', monospace;

}

#tour table tr:hover {
	background:rgba(255, 255, 255, 0.1);
}

#tour table td {
	padding:12px 0;
}

#tour table tr td {
	font-size:23px;
}

#tour a.action {
	margin:60px auto;
	color:black !important;
	background:white; 
}

#tour-mobile {
	text-align:left;
	padding-bottom:50px;
}

#tour-mobile ul {
	margin:40px 0;
}

#tour-mobile ul li {
	color:#666;
}

#tour-mobile ul li h4 {
	color:white;
}

#tour-mobile ul li.tickets {
	margin-top:5px;
}

#tour.tour-archive {
	text-align:left;
}


#tour.tour-archive .archive-year {
	margin-bottom:50px;
}

#tour.tour-archive h2 {
	margin-bottom:30px;
}


#tour.tour-archive ul {
	display:block;
	width:100%;
	clear:both;
	margin:0 0 20px 0;
}

#tour.tour-archive li {	
	display:inline;
	font-size:20px;
}

#tour.tour-archive li a {
	text-decoration:underline;
	padding-bottom:3px;
}

/*-----------------------


MERCH

------------------------*/

#merch .merch-items-wrap {
	padding-top:160px
}

#merch .entry.merch {
	padding:20px;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border:solid 1px #666;
	background:white;
}

#merch .entry .excerpt_merch {	
	max-width:100%;
	width:100% 
	padding:0;
	margin:0;
}

#merch .entry .excerpt_merch p {
	font-size:16px;
}

#merch .action-wrap {
	padding-top:20px;
}

body.page .merch-group {
	margin-bottom:60px;
}

body.page .entry.merch a.action {
	background:white; 
	color:black !important;
}

/*-----------------------


SINGLE


------------------------*/


body.single .page-header {
	padding-bottom:30px;
}	


body.single .page-header h1 {
	max-width:75%;
	line-height:50px;
}

.page-header span.date {
	display:block;
	color:#666; 
	font-size:16px;
	margin:20px 0; 
}	


body.single .content {
	padding-top:20px;
	padding-bottom:15px;
}

body.single .content p {
	font-size:20px;
	line-height:26px; 
	margin:0 0 25px; 
	color:#f7f7f7;
}


body.single .content a {
	color:#6af4b2; 
}


body.single .content a:hover {
	color:#666;
}


body.single .content h1,
body.single .content h2,
body.single .content h3 {
	margin-bottom:25px;
}

/*---------------------------


PAGINATION


--------------------------*/


body.page ul.pagination,
body.single ul.pagination {
	padding:50px 0 0 0; 
	border-top:dotted 1px #666; 
}


body.page ul.pagination li a,
body.single ul.pagination li,
body.single ul.pagination li a { 
	font-size:19px;
	font-family: 'Overpass Mono', monospace;	
}

ul.pagination li.spacer {
	margin-top:25px;
}

body.page ul.pagination li {
	display:inline;
	margin-right:30px;
}

body.page ul.pagination li a {
	display:inline-block;
}

body.page ul.pagination li a, 
ul.pagination li a.all {
	border-bottom:solid 2px white; 
	padding-bottom:6px;
}

/*---------------------------


CONTACT


--------------------------*/

#contacts {
	background:black;
}

.back_black .mailing-list, 
#contacts .mailing-list {
	padding:30px;
 	border:solid 2px #fff;
 }

/*---------------------------


FOOTER

--------------------------*/

#footer {
	margin-top:60px;
	padding:30px 0 60px 0;
	background:black;
	border-top:solid 4px white;
}


#footer p, 
#footer a {
	font-size:15px;
	color:#666; 
}

#footer a:hover {
	color:white;
}
/*-------------------

SOCIAL NAV

-------------------*/

ul.social {
	padding:0 !mportant;
	-webkit-padding-start:0 !important;
}

#header ul.social {
	margin-top:-20px;
}

ul.social li {
	display:inline;
	margin-left:15px;
}

.panel-container ul.social {
	margin-top:0;
	float:left;
}

.panel-container ul.social li {
	margin-left:0;
	margin-right:15px;
}

ul.social li a {
	opacity:0.6;
	display:inline-block;
	width:21px;
	height:21px;
	background-size:21px 21px;
}

ul.social li a.fb {
	width:12px;
}

ul.social li a:hover,
.sharing ul.social li a, 
.sticky-nav ul.social li a {
	opacity:1;
}

.sharing ul.social li {
	display:block;
	margin:0 0 15px;
}


/*-------------------

BUTTONS

-------------------*/


a.fb {
	background: url('img/icons/icon_fb_white.png') center center no-repeat;
}

a.fb_black {
	background: url('img/icons/icon_fb_black.png') center center no-repeat;
}

a.instagram {
	background: url('img/icons/icon_instagram_white.png') center center no-repeat;
}

a.instagram_black {
	background: url('img/icons/icon_instagram_black.png') center center no-repeat;
}

a.twitter {
	background: url('img/icons/icon_twitter_white.png') center center no-repeat;
}

a.twitter_black {
	background: url('img/icons/icon_twitter_black.png') center center no-repeat;
}

a.youtube {
	background: url('img/icons/icon_youtube_white.png') center center no-repeat;
}

/*---------------------------


PHOTOS

--------------------------*/

div.gallery a:hover img {
	opacity:0.7;
	background:#111;
}


/*---------------------------


NAV TOGGLE


--------------------------*/

#nav-toggle {
  position: absolute;
  top: 15px;
  right: 0px;
  transform: scale(0.62);
  -webkit-transform: scale(0.62);
  z-index: 1111;
}

.nav-icon {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}


/*---------------------------


X


--------------------------*/

.x {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin:20px auto;
}

.x span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.x span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}


.x span:nth-child(2)  {
  width: 0%;
  opacity: 0;
}

.x span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}

/*---------------------------


MODAL


--------------------------*/

.modal-wrap {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	z-index:3000;
	top:72px;
	top:0;
	color:white;
	background:rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;    
}

.modal-wrap {
	text-align:center;
	padding:12% 0;
}

.modal-wrap .entry-title {
	width:80%;
	margin:0 auto;
}

.modal-wrap .entry-title h4 {
	line-height:25px;
}

.modal-wrap .media-thumb {
	width:24%;
	text-align:center;
	margin:15px auto;
}


.modal-wrap .media-thumb img {
	float:none;
}

.modal-wrap a.permalink {
	display:inline-block;
	margin-top:15px;
}

.modal-wrap .x {
	position:absolute;
	transform:scale(0.66);
	top:-40px;
	right:6%; 
	display:inline-block;
	z-index:200;	
}

.modal-wrap h2 {
	font-weight:100;
	margin-bottom:30px;
}

.modal-wrap ul {
	font-size:17px;
	line-height:24px;
}

.modal-wrap p {
	color:#eee;
	font-size:17px;
	line-height:24px;
	width:95%;
	margin-bottom:30px;
}	

.modal-wrap .modal-page-content {
	max-width:85%;
	margin:0 auto;
}

/*----------

LIFT EFFECT 

------------*/


.lift {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 150px, 0px);
  -webkit-transform: translate3d(0px, 150px, 0px);
  -o-transform: translate(0px, 150px);
  -ms-transform: translate(0px, 150px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* 
.lift {
    -webkit-transform: translateY(-50px);    
}	
 */


.lift.no_fade {
	opacity:1;
}

.lift.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/*----------------------

MEDIA QUERIES

----------------------*/

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

}

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

	body.home {
		background:#29292f url("img/backs/tig1.jpg") center 0% no-repeat; 
		background-attachment: fixed; 
		background-size:100%;
	}
	
	#landing-home .title {
		position:fixed;
		top:35%;
		left:4%;
		z-index:1;
	}
	#landing-home .title h1 {
		font-size:47px;
		z-index:1;
	}
	
	#landing-home .next-show {
		margin-top:40px;
	}
	
}


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


	
}

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

	#header {
		top:-500px;
		opacity:0;
	}
	
	/*---NAV---*/
		
	div.toggle-wrap {
		display:block;
		width:100%;
		height:55px;
		position: fixed;
		transition: top 0.2s ease-in-out;
		z-index:6000;
	}

	#nav-toggle {
		display:inline-block;
		top:10px;
		right:18px;
	}

	nav {
		float:left;
		padding-left:6%;
	}
	
	nav.expanded {
		padding-top:45px;
	}
	
	nav ul li {
		float:left;
		text-align:left;
		display:none;
		width:26%;
		padding:8px 0;
	}
	
	nav.expanded ul li {
		display:inline-block;
	}
	
	nav ul li.social {
		display:none;
	}
	
	/* align with nav-toggle*/
	#page-arrows .center {
		width:100%;
	}
	
	#page-arrows ul {
		float:none;
		position:absolute;
		right:22px;
		top:5px;
	}
	
	
	#page-arrows a {
		width:17px;
		height:17px;
		background-size:60%;
	}
	
}


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


}


/*--------------

TABLET: Portrait

--------------*/

@media only screen and (max-width: 1050px) {
		
	body.home {
		background:#27262c;
	}

	#landing-home-mobile {
		position:relative;
		width:100%;
		height:90%;
		display:block;
		background:#27262c url('img/backs/tig1_mobile_fade.jpg') center 50% no-repeat; 
		background-size:100%;
	}	
	
	#landing-home-mobile .title {
		text-align:left;
		position:absolute;
		left:30px;
		top:25%;
	}
	
	div.next-show_mobile {
		padding-left:30px
	}
	
	
	div.next-show_mobile ul li.tickets {
		width:100%;
		max-width:100%;
	}
	
	/*----MAIN---*/

	.mobile_only, 
	img.mobile_only {
		display:inline-block !important;
	}
	
	.mobile_hide, 
	img.mobile_hide {
		display:none !important;
	}

	div.main-wrap, 
	div.section,
	 .col {
		width:100%;
		max-width:100%;
		float:left;
	}	
		
	/*--------HIDE / SHOW ----------*/

	.mobile_hide,
	.sidebar, .featured_hero, 
	.arrow_side_label, 
	#featured .label_bottom, 
	.col_remainder, 
	.twitter_wrap span.arrow_right, 
	ul.sm2-playlist-bd {
		display:none;
	}
		
	.section, .col
	.col .col, 
	.guttered_deep .col, 
	div.video-slide .col, 
	#contacts .col, 
	div.gallery .col, 
	.left_align_center .col.span_3_of_11, 
	.left_align_center {
		width:100%;
		margin:0;
		display:block;
		float:left;
	}

	.home-section, 
	#bio.home-section {
		padding-bottom:100px;
	}	
		
	div.section-heading {
		padding-top:60px;
		border:none !important;
	}
	
	.section-heading h2 {
		padding-left:0;
	}
	
	
	/*center action links*/
	div.action-wrap {
		width:100%;
		text-align:center; 
	}			

	div.action-wrap a.action {
		clear:both;
		float:none !important; 
		margin:0 auto !important; 
	}
	
	a.action,
	a.action .width_auto, {
		max-width:90% !important;
		width:90% !important;
	}
	
	#next-show {
		background:#27262c;
		color:white; 
		float:left;
		padding-top:0px;
	}
	
	#next-show div.inner_mobile {
		padding:20px 20px 60px 20px;
	}
	
	#next-show ul li.all-shows {
		margin-top:0;
	}
		
	#next-show a.underline {
		color:white !important;
		border-bottom-color:white !important;
	}
	
	#featured .mailing-wrap {
		padding:0 0 60px 0;
	}
		
	 #featured-news {
		padding-top:60px;
	}	
	
	#featured-news .entry .entry-title h1 {
		font-size:30px;
		line-height:32px;		
	}
	
	#featured-news .entry .entry-title h1::after {
		content: "";
		display:none;
	}
		

	div.gallery .col,			
	#next-show a.action {
		margin-bottom:20px;
	}
	
	.entry.merch, div.video {
		margin:0 0 60px 0;
	}

	#merch .merch-items-wrap,
	#contacts-wrap, 
	.main-wrap .col .inner {
		padding:60px 10%;
	}
	
	#merch .action-wrap {
		padding-top:0px;
	}

	.entry.contact {
		padding:30px 0;
	}			
	
	#bio-heading {
		margin-bottom:60px;
	}	
	
	#bio-wrap {
		width:90%; 
	}
	
	#tour #tour-table-wrap {
		padding:50px 0 100px 0;
	}	
		
	#bio .cycle-slideshow .bio-slide .inner,
	#extended-content-bio .inner, 
	#extended-content-bio p  {
		padding-left:0px;
		padding-right:0px;
		max-width:100%;
	}
	#extended-content-bio ul {
		margin-left:0;
	}
	
	#photos ul#scroll-pager {
		float:none;
		margin:30px auto 50px auto;
	}

	#featured .mailing-wrap {
		background:black;
		padding:45px 0;
		text-align:center;
	}
	
	#featured .mailing-list {
		padding:15px 0 0 15px;
		border:none;
	}
	
	#featured .mailing-list h4 {
		margin-bottom:15px;
	}	
	
	#credits {
		text-align:left !important;
		padding:20px 0;
	}

}


/*--------------

PHONE

--------------*/


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


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

	#landing-home-mobile .title {
		top:20%;
	}

	#tour {
		background:#000 url("img/backs/tig_farm_vert_fade.jpg") center top no-repeat; 
		background-attachment:scroll; 
	}
	
	.modal-wrap {
		padding:17% 0;
	}
	
	.modal-wrap .x {
		right:0;
	}
	
}