/*
Stylesheet by Arun Kale [sleepybyday@gmail.com]
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#header { width: 100%; height: 140px; background-color: #fff; overflow-y: hidden; }
#header.is_stuck { height: 80px; z-index: 99999; }
.container { width: 100%; max-width: 1280px; margin: 0 auto; }
.logo { float: left; margin-left: 24px; width: 40%; max-width: 512px; }
.logo img { width: auto; }
.is_stuck .logo img { margin-top: -30px; }
.menu  { float: right; margin-right: 24px; padding-top: 60px; width: 50%; max-width: 640px; }
.is_stuck .menu { padding-top: 30px; }
.menu ul { margin: 0; padding: 0; list-style: none; float: right; }
.menu ul li { display: inline-block; text-transform: uppercase; margin-left: 22px; font: 400 0.875em/1em 'GillSansMTProMedium', sans-serif; }
.menu ul li a { text-decoration: none; color: #000; }
.menu ul li a:hover, .menu ul li a.active { color: #13aad3; }

#homeslides, #homecontent, #showscontent { width: 100%; }
#homeslides .container .cycle-slideshow { width: 100%; position: relative; }
#homeslides .container .cycle-slideshow .cycle-next, #homeslides .container .cycle-slideshow .cycle-prev { width: 15px; position: absolute; z-index: 500; font: 400 1em/1em 'GillSansMTProRegular', sans-serif; color: #fff; text-transform: uppercase; cursor: pointer!important; background: rgba(0,0,0,0.4); padding: 10px; text-align: center; }
#homeslides .container .cycle-slideshow .cycle-prev { right: 36px; top: 0px; }
#homeslides .container .cycle-slideshow .cycle-next { right: 0px; top: 0px; }

#homeslides .container .homeslide { width: 100%!important; position: relative; }
#homeslides .container .homeslide img { width: 100%; }
#homeslides .container .homeslide .info { padding: 15px 15px 5px 15px; background: rgba(0,0,0,0.4); position: absolute; bottom: 35px; left: 24px; max-width: 434px; }
#homeslides .container .homeslide .info h3 { color: #16c2f4; font: 400 0.875em/1em 'GillSansMTProRegular', sans-serif; text-transform: uppercase; margin: 0 0 10px 0; }
#homeslides .container .homeslide .info h4 { color: #fff; font: 400 2.25em/1em 'GillSansMTProMedium', sans-serif; margin: 0 0 10px 0; }
#homeslides .container .homeslide .info p { color: #fff; font: 400 0.875em/1.28571428571429em 'GillSansMTProMedium', sans-serif; margin: 0 0 10px 0; }
#homeslides .container .homeslide .info p strong { font: 400 0.875em/1em 'GillSansMTProRegular', sans-serif; text-transform: uppercase; }
#homeslides .container .homeslide .info a { color: #fff; text-decoration: none; }
#homeslides .container .homeslide .info a:hover { text-decoration: underline; }

#homecontent { margin-top: 25px; }
#homecontent .container { width: 96.1038961038961%; max-width: 1232px; margin: 0 auto; padding: 0 1.94805194805195%; }
#homecontent .block { width: 18.34415584415584%; max-width: 226px; min-height: 400px; margin-right: 1.46103896103896%; float: left; padding-right: 1.62337662337662%; background: url(../img/line.jpg) right top repeat-y; }
#homecontent .block h3, #homecontent .homeartdir h3 { color: #13aad3; font: 400 0.875em/1.28571428571429em 'GillSansMTProMedium', sans-serif; margin: 0 0 12px 0; text-transform: uppercase; }
#homecontent .block h4 { color: #13aad3; font: 400 0.75em/1.28571428571429em 'GillSansMTProMedium', sans-serif; margin: 23px 0 6px 0; text-transform: uppercase; }
#homecontent .homeartdir { width: 34.25324675324675%; max-width: 422px; float: left; }
#homecontent .block p { font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; margin: 0 0 14px 0; }
#homecontent .block p strong { font-family: 'GillSansMTProRegular', sans-serif; }

#homecontent .homecontact { margin-top: 12px; width: 100%; }
#homecontent .homecontact .homeaddress { width: 65%; float: left; color: #7b7b7a; }
#homecontent .homecontact .homeaddress a { text-decoration: none; color: #7b7b7a; }
#homecontent .homecontact .homeaddress a:hover { text-decoration: underline; }
#homecontent .homecontact .homefollow { width: 30%; float: right; }
#homecontent .homecontact .homefollow .button { display: inline-block; margin-right: 0px; border: 1px solid #dadada; padding: 3px 6px 3px 4px; text-align: center; line-height: 1em; }
#homecontent .homecontact .homefollow .button a { text-decoration: none; color: #000; }

#homecontent .block .post .title { font: 400 0.75em/1.2em 'GillSansMTProRegular', sans-serif; text-transform: uppercase; margin-bottom: 5px; }
#homecontent .block .post p { font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 10px; }
#homecontent .block .post .title a { color: #000; text-decoration: none; }
#homecontent .block .post .title a:hover { text-decoration: underline; }
#homecontent .block .post .divider { color: #13aad3; line-height: 0.75em; margin-bottom: 10px; }

.viewallposts { font-size: 1em;
color: #13aad3; display: inline-block;
text-decoration: none;
text-transform: uppercase; font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; }
a.viewallposts:hover { text-decoration: underline; }

.eventcalendar p {
	font: 400 1em/1.2em 'GillSansMTProMedium', sans-serif;
	}

.eventcalendar p strong {
	font-weight: normal !important;
	font-family: 'GillSansMTProRegular', sans-serif;
	}

#homecontent .homeartdir .artist { width: 25%; float: left; margin-bottom: 20px; font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; text-align: center; }
#homecontent .homeartdir .artist:nth-child(6n) { clear: left; }
#homecontent .homeartdir .artist a { text-decoration: none; color: #000; }
#homecontent .homeartdir .artist a:hover { text-decoration: underline; }
#homecontent .homeartdir .artist img { width: 100%;margin-bottom: 7px; }

#showscontent { margin-top: 34px; }
#showscontent .container { width: 96.1038961038961%; max-width: 1232px; margin: 0 auto; padding: 0 1.94805194805195%; }
#showscontent #sidebar, #showscontent #sidebar-artist { width: 16.233766233766%; max-width: 200px; float: left; }
#showscontent #sidebar ul, #showscontent #sidebar-artist ul { margin: 10px 0 0 0; list-style: none; padding: 0; text-transform: uppercase; }
#showscontent #sidebar-artist ul { margin: 43px 0 0 0; list-style: none; padding: 0; text-transform: uppercase; }
#showscontent #sidebar ul li { background: url(../img/hordots.jpg) bottom left repeat-x; font: 400 1.25em/1em 'GillSansMTProMedium', sans-serif; padding: 10px 0 9px 5%; }
#showscontent #sidebar-artist ul li { background: url(../img/hordots.jpg) bottom left repeat-x; font: 400 1em/1.25em 'GillSansMTProMedium', sans-serif; padding: 10px 0 9px 5%; text-transform: uppercase; }
#showscontent #sidebar ul li a { text-decoration: none; color: #cb5053; }
#showscontent #sidebar-artist ul li a { text-decoration: none; color: #000; }
#showscontent #sidebar ul li a:hover { color: #f31c21; }
#showscontent #sidebar-artist ul li a:hover, #showscontent #sidebar-artist ul li a.active, #showscontent #sidebar-artist ul li.current_page_item a { color: #13aad3; }
#showscontent #sidebar h3, #showscontent #sidebar-artist h3 { font: 400 1.4em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 0px; text-transform: uppercase; color: #13aad3; }
#showscontent #sidebar-artist h3 { display: none; }
#showscontent #maincontent { width: 81.33116883116883%; max-width: 1002px; float: right; background: url(../img/hordots.jpg) top left repeat-x; }
#showscontent #maincontent2 { width: 100%; max-width: 1232px; float: left; background: url(../img/hordots.jpg) top left repeat-x; }
#showscontent #maincontent > h3, #showscontent #maincontent2 > h3 { font: 400 1.875em/1em 'GillSansMTProMedium', sans-serif; color: #13aad3; text-transform: uppercase; margin: 0; padding: 7px 0 6px 0; background: url(../img/hordots.jpg) bottom left repeat-x; }
#showscontent #maincontent > h3 a { color: #13aad3; text-decoration: none; }
#showscontent #maincontent > h3 a:hover { text-decoration: underline; }
#showscontent #maincontent .shows .show { width: 31.73652694610778%; max-width: 318px; float: left; margin-right: 1.94805194805195%; margin-top: 22px; position: relative; }
#showscontent #maincontent .shows .show:nth-child(3n) { margin-right: 0; }
#showscontent #maincontent .shows .show:nth-child(3n+1) { clear: left; }
#showscontent #maincontent .shows .show img { width: 100%; }
/*#showscontent #maincontent .shows .show img { width: 95.59748427672956%; }
#showscontent #maincontent .shows .show a img { border: 7px solid #8f8f8c; }
#showscontent #maincontent .shows .show a:hover img { border: 7px solid #000; }*/
#showscontent #maincontent .shows .show a.info { display: block; background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 600; text-decoration: none; color: #fff; font: 400 1em/1em 'GillSansMTProMedium', sans-serif; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);
 -o-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -khtml-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
 }
#showscontent #maincontent .shows .show a.info span { text-transform: uppercase; font: 400 1.4em/1.4em 'GillSansMTProMedium', sans-serif; }
#showscontent #maincontent .shows .show a.info div { padding: 35% 3.14465408805031% 0 3.14465408805031%; text-align: center }
#showscontent #maincontent .shows .show a.info:hover { opacity: 1; filter:alpha(opacity=100); }

#showscontent #maincontent .shownav { margin-top: 25px; font: 400 1em/1em 'GillSansMTProMedium', sans-serif; }

.tribe-events-page-title { font: 400 1em/1em 'GillSansMTProMedium', sans-serif; color: #666; text-transform: uppercase; margin: 0; padding: 0; }
#tribe-events-bar, .tribe-events-notices { display: none!important; }
#tribe-events { margin-top: 24px; font-family: 'GillSansMTProMedium', sans-serif!important; }
#tribe-events a { color: #13aad3; }
#tribe-events a:hover { text-decoration: underline; }
.tribe-events-widget-link a { font-size: 1em; color: #13aad3; text-decoration: none; text-transform: uppercase; }
ol.hfeed.vcalendar { padding: 0!important; list-style: none; }
ol.hfeed.vcalendar li h4 { padding: 0!important; margin: 0 0 5px 0!important; text-transform: uppercase; color: #000; font-size: 0.75em; font-family: 'GillSansMTProRegular', sans-serif!important; line-height: 1.2em!important; }
ol.hfeed.vcalendar li.tribe-events-list-widget-events { padding-bottom: 12px!important; }

ol.hfeed.vcalendar li h4 a { color: #000; text-decoration: none; }
ol.hfeed.vcalendar li h4 a:hover { text-decoration: underline; }
ol.hfeed.vcalendar .duration { font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif!important; }
.tribe-events-widget-link a:hover { text-decoration: underline; }
.tribe-events-divider { display: none; }
dd { margin: 0!important; }
.tribe-events-meta-group { padding: 0 4% 0 0 !important; }
.tribe-events-meta-group dt { margin-top: 12px; text-transform: uppercase; color: #13aad3; font-size: 0.8125em!important; }
.tribe-events-meta-group .tribe-events-address { margin-top: 12px !important; }
.tribe-events-single-section-title { margin-bottom: 5px !important; margin-top: 0!important; }
.tribe-events-event-meta { margin-top: 24px !important; padding-top: 24px !important; border-top: 1px dashed #dadada !important; clear: both!important; }
.tribe-events-meta-group-details { width: 25% !important; }
.tribe-events-meta-group-venue { width: 40% !important; }
.tribe-events-month-event-title { padding-left: 8px!important; }
.tribe-events-month-event-title a { font-family: 'GillSansMTProRegular', sans-serif!important; line-height: 1.2em !important; }
.tribe-events-event-image { width: 33.3% !important; text-align: left!important; float: right!important; margin: 0 0 30px 20px!important; }

#showscontent #maincontent .showinfo { color: #797b7b; margin-top: 12px; }
#showscontent #maincontent .showinfo .name { width: 55%; float: left; }
#showscontent #maincontent .showinfo .time { width: 45%; float: left; }
#showscontent #maincontent .showinfo .name h2 { font: 400 2.25em/1em 'GillSansMTProMedium', sans-serif; text-transform: uppercase; margin: 0 0 5px 0; }
#showscontent #maincontent .showinfo .name h3 { font: 400 1.5em/1em 'GillSansMTProMedium', sans-serif; margin: 0; }
#showscontent #maincontent .showinfo .name h3 a { text-decoration: none; color: #797b7b; }
#showscontent #maincontent .showinfo .name h3 a:hover { text-decoration: underline; }
#showscontent #maincontent .showinfo .time { font: 400 1.5em/1.4em 'GillSansMTProMedium', sans-serif; margin: 0; }
#showscontent #maincontent .showinfocontent, #showscontent #maincontent .artistinfocontent { margin-top: 20px; }
#showscontent #maincontent .showinfocontent img.alignleft, .artistshowfeatured img { width: 53.5%; max-width: 587px; margin-right: 1.59680638722555%; float: left; }
.artistshowfeatured img.alignleft { width: 58.58283433133733%; max-width: 587px; margin-right: 1.59680638722555%; float: left; }
#showscontent #maincontent .artistinfocontent img.alignleft { width: 36.92614770459082%; max-width: 370px; margin-right: 1.59680638722555%; float: left; }
#showscontent #maincontent .showinfocontent h4 { margin: 0 0 12px 0; font: 400 1.375em/1em 'GillSansMTProMedium', sans-serif; text-transform: uppercase; }
#showscontent #maincontent .showinfocontent p, #showscontent #maincontent .artistinfocontent p { font: 400 1.0625em/1.2em 'GillSansMTProMedium', sans-serif; margin: 0 0 12px 0; color: #080808; }
#showsTab .responsive-tabs div .showsthumbs { margin-top: 16px; }
#showsTab .responsive-tabs div .showsthumbs .showsthumb { width: 18.06387225548902%; max-width: 181px; float: left; margin-right: 2.39520958083832%; }
#showsTab .responsive-tabs div .showsthumbs .showsthumb:nth-child(5n) { margin-right: 0; }
#showsTab .responsive-tabs div .showsthumbs .showsthumb img { width: 100%; }
/* Shows Tabs */

/* Info */

.infoitem { font-family: 'GillSansMTProMedium', sans-serif; background: url(../img/hordots.jpg) bottom left repeat-x; padding-bottom: 30px; margin-bottom: 6px; }
.infoitem h3 { letter-spacing: 0; margin: 24px 0 12px 0; padding: 0; }
.infoitem h3 a, .infoitem .infotags a { color: #13aad3; text-decoration: none; }
.infoitem h3 a:hover, .infoitem .infotags a:hover { text-decoration: underline; }
.infoitem .infometa { color: #818181; text-transform: uppercase; font-size: 0.75em; }
.infoitem .infocontent { font: 400 1em/1.2em 'GillSansMTProMedium', sans-serif; color: #595858; }
.infoitem .infocontent p {  margin: 16px 0 0 0; }
.infoitem .infocontent a { color: #13aad3; }
.infoitem .infocontent img.alignleft { float: left; margin: 0 16px 12px 0; width: 33%; }
.infoitem .infocontent img.alignright { float: right; margin: 0 0 12px 16px; width: 33%; }
.infoitem .infocontent img.alignnone { float: none; margin: 0 0 12px 0; width: 100%; }
.infoitem .infotags { margin-top: 20px; font-weight: bold; }

.gallery img { border: 0px !important; }
.gallery .gallery-item { text-align: left !important; margin-top: 16px !important; }


.artistshowfeatured, .artistpress { margin-top: 16px; }
.artistshowfeatured p, .artistprofile p, .artistpress, .responsive-tabs__panel p { font: 400 1em/1.2em 'GillSansMTProMedium', sans-serif; color: #595858; margin: 14px 0 0 0; }
.artistprofile strong, .artistpress strong { font: 400 1em/1.2em 'GillSansMTProRegular', sans-serif; color: #333; }
.artistshowfeaturedtitle { font: 400 0.9375em/1.25em 'GillSansMTProMedium', sans-serif; color: #595858; text-transform: uppercase; margin-bottom: 50px; }
.artistshowfeatured a.seemore { font: 400 0.9375em/1em 'GillSansMTProMedium', sans-serif; color: #13aad3; text-decoration: none; text-transform: uppercase; }
.artistpress a.seemore { font: 400 0.875em/1em 'GillSansMTProMedium', sans-serif; color: #13aad3; text-decoration: none; text-transform: uppercase; }
.artistshowfeatured a.seemore:hover { text-decoration: underline; }
.artistshowfeatured .moreshows { margin-top: 24px; }
.artistshowfeatured .moreshows .show { width: 14.17165668662675%; max-width: 142px; float: left; margin-right: 8.08383233532934%; color: #747474; font: 400 0.875em/1.28571428571429em 'GillSansMTProMedium', sans-serif; }
.artistshowfeatured .moreshows .show a { text-decoration: none; color: #747474; }
.artistshowfeatured .moreshows .show a:hover { text-decoration: underline; }
.artistshowfeatured .moreshows .show img { width: 100%; margin-bottom: 10px; }
.artistpress .press { margin-bottom: 20px; }
.artistpress .presslogo, .artistpress img { width: 14.97005988023952%; max-width: 150px; float: left; margin-right: 1.99600798403194%; }
.artistpress .presslogo img { width: 100%; }

 .responsive-tabs__panel p strong { font: 400 1em/1.2em 'GillSansMTProRegular', sans-serif; color: #333; }
 .responsive-tabs__panel a { font: 400 0.9375em/1em 'GillSansMTProMedium', sans-serif; color: #13aad3; text-decoration: none; text-transform: uppercase; }
 .responsive-tabs__panel a:hover { text-decoration: underline; }
 .responsive-tabs__panel img.alignleft { width: 14.97005988023952%; max-width: 150px; height: auto!important; float: left; margin-right: 1.99600798403194%; }

#showscontent #maincontent .artists .artist { width: 22.75449101796407%; max-width: 228px; float: left; margin-right: 2.9940119760479%; margin-top: 22px; position: relative; }
#showscontent #maincontent .artists .artist:nth-child(4n) { margin-right: 0; }
#showscontent #maincontent .artists .artist img { width: 100%; }
/*#showscontent #maincontent .artists .artist a.info { display: block; background-color: rgba(0,0,0,0.04); position: absolute; bottom: 0; left: 0; z-index: 600; text-decoration: none; color: #000; text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.52); font: 400 0.875em/1em 'GillSansMTProMedium', sans-serif; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);
 -o-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -khtml-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
 }
#showscontent #maincontent .artists .artist a.info span { text-transform: uppercase; font: 400 1.2em/1.4em 'GillSansMTProMedium', sans-serif; }
#showscontent #maincontent .artists .artist a.info div { padding: 55% 3.14465408805031% 0 3.14465408805031%; text-align: center }
#showscontent #maincontent .artists .artist a.info:hover { opacity: 1; filter:alpha(opacity=100); }*/
#showscontent #maincontent .artists .artist a.info { padding-top: 12px; text-decoration: none; color: #000; text-align: center; }
#showscontent #maincontent .artists .artist a.info span { text-transform: uppercase; font: 400 1em/1.4em 'GillSansMTProMedium', sans-serif; }
#showscontent #maincontent .artists .artist a.info:hover { text-decoration: underline; }
ul.wp-tag-cloud li a { text-transform: uppercase; }
.tribe-events-list .tribe-events-content { width: 60% !important; }

.home-newsletter {
	margin-top: 7px;
	border-top: 1px solid #dadada;
	padding-top: 8px;
}

.home-newsletter h3 {
	margin: 0 0 6px 0 !important;
	font: 400 0.75em/1em 'GillSansMTProMedium', sans-serif;
	color: #13aad3;
}

.home-newsletter input[type="email"] {
	border: 1px solid #dadada;
	font: 400 0.75em/1em 'GillSansMTProMedium', sans-serif;
	width: 85%;
	padding: 3px 4px;
}

.home-newsletter input[type="submit"] {
	border: 0;
	background: #fff;
	font: 400 0.75em/1em 'GillSansMTProMedium', sans-serif;
	color: #13aad3;
	text-transform: uppercase;
	margin-top: 6px;
}

/* REQUIRED for core functionality */

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}


@media (max-width: 599px) {
    .responsive-tabs__list { display: none;}
    .responsive-tabs__heading { display: block; cursor: pointer; }
    .responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 600px) {
    .responsive-tabs__panel--closed-accordion-only { display: block !important;}
    .responsive-tabs__heading:hover { background: #fff; }
}

/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper {
    clear: both;
    zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
}
.responsive-tabs-wrapper:after {
    clear: both;
}
.responsive-tabs { background: url(../img/hordots.jpg) top left repeat-x; }
.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus { outline: 0px solid #ccc;  }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { font-size: 1.5em; margin: 20px 0 0 0; padding: 8px 0; line-height: 1em; background: url(../img/hordots.jpg) bottom left repeat-x; }
.responsive-tabs__list__item { color: #bbb; padding: 0 7.98403193612774% 0 3.1936127744511%; font: 400 1em/1em 'GillSansMTProMedium', sans-serif; text-transform: uppercase; }
.responsive-tabs__list__item:hover { color: #000; }
.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover { color: #000; }

.responsive-tabs__panel { margin-bottom: 24px; padding-top: 0px;}

@media (max-width: 599px) {
    .responsive-tabs { background: none; }

    .responsive-tabs__heading {
        padding: 0;
        color: #13aad3;
        position: relative;
        background: url(../img/hordots.jpg) bottom left repeat-x;
        margin: 0;
        font: 400 1.5em/2em 'GillSansMTProMedium', sans-serif; text-transform: uppercase;
    }

    .responsive-tabs__heading:hover { background: #fff; }

    .responsive-tabs__heading:after {
        content:"";
        display: block;
        position: absolute;
        right: 20px;
        top: 40%;
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        border-top: 0px solid #000;
    }
    .responsive-tabs__heading:hover,
    .responsive-tabs__heading--active:hover { background-color: #efefef}
    .responsive-tabs__heading--active { background: #fff;}
    .responsive-tabs__heading--active:after {
        border-bottom: 0px solid #000;
        border-top:0;
     }
}

/* END - Optional - Basic Skin */




/* Footer */
#footer { width: 100%; margin-top: 24px; border-top: 1px solid #ededed; }
#footer .container { width: 96.25%; max-width: 1232px; font: 400 0.875em/1em 'GillSansMTProMedium', sans-serif; margin: 0 auto; color: #818181; }



@media only screen and (max-width:600px) {
#header { width: 100%; height: auto; background-color: #fff; }
.container { width: 100%; max-width: 600px; margin: 0 auto; }
.logo { float: none; margin-left: 0px; width: 100%; max-width: 600px; text-align: center; }
.menu  { float: none; margin-right: 0px; padding: 10px 0 10px 0; width: 100%; max-width: 600px; text-align: center; border-top: 1px solid #dadada; }
.menu ul { float: none; }
.menu ul li {  margin-left: 5px; }
.menu ul li:first-child { margin: 0; }

#homeslides, #homecontent { width: 100%; }
#homeslides .container .cycle-slideshow { width: 100%; position: relative; }

#homeslides .container .homeslide .info { padding: 15px 2.5% 5px 2.5%; background: rgba(0,0,0,1.0); position: relative!important; left: 0px; bottom: 0px; width: 96.09375%; max-width: 570px; }

#homecontent .container { max-width: 600px; }
#homecontent .block { width: 92%; max-width: 552px; margin: 0 4%; height: auto; float: none; padding-right: 0; background: none; border-bottom: 1px dashed #666; margin-bottom: 24px; padding-bottom: 12px; }
#homecontent .homeartdir { width: 92%; max-width: 552px; float: none; margin: 0 4%; }
#homecontent .block .post p { font: 400 0.875em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 10px; }

#homecontent .homeartdir .artist { width: 25%; float: left; margin-bottom: 40px; font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; text-align: center; }
#homecontent .homeartdir .artist:nth-child(6n) { clear: both; }

#showscontent { margin-top: 0; }
#showscontent #maincontent, #showscontent #sidebar, #showscontent #maincontent, #showscontent #sidebar-artist { max-width: 552px; width: 92%; float: none; margin: 0 4%; }
#showscontent #maincontent .shows .show a.info:hover { opacity: 0; filter:alpha(opacity=0); }
#showscontent #sidebar h3, #showscontent #sidebar-artist h3 { display: block; font: 400 1.4em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 10px; text-transform: uppercase; color: #13aad3; padding-top: 20px; border-top: 1px solid #dadada; }
#showscontent #sidebar ul, #showscontent #sidebar-artist ul { margin: 0; }

#showscontent #maincontent .showinfocontent img.alignleft, .artistshowfeatured img.alignleft { width: 100%; max-width: 600px; margin-right: 0; float: none; }
#showscontent #maincontent .artistinfocontent img.alignleft { width: 100%; max-width: 600px; margin-right: 0px; float: none; }
.artistshowfeaturedtitle { font: 400 0.9375em/1.25em 'GillSansMTProMedium', sans-serif; color: #595858; text-transform: uppercase; margin-bottom: 20px; margin-top: 20px; }
.artistshowfeatured .moreshows .show { width: 100%; max-width: 600px; float: left; margin-right: 0; color: #747474; font: 400 0.875em/1.28571428571429em 'GillSansMTProMedium', sans-serif; margin-bottom: 24px; }
#showscontent #maincontent .showinfocontent h4 { margin: 20px 0 12px 0; font: 400 1.375em/1em 'GillSansMTProMedium', sans-serif; text-transform: uppercase; }
#showscontent #maincontent .showinfo .name { width: 100%; float: none; }
#showscontent #maincontent .showinfo .time { width: 100%; float: none; margin-top: 14px; padding-top: 10px; border-top: 1px solid #dadada; }
#showsTab .responsive-tabs div .showsthumbs { margin-top: 16px; }
#showsTab .responsive-tabs div .showsthumbs .showsthumb { width: 48%; max-width: 288px; float: left; margin-right: 4%; margin-bottom: 16px; }
#showsTab .responsive-tabs div .showsthumbs .showsthumb:nth-child(2n) { margin-right: 0; }

#showscontent #maincontent .shows .show { width: 48%; max-width: 288px; float: left; margin-right: 4%; margin-top: 22px; position: relative; }
#showscontent #maincontent .shows .show:nth-child(2n) { margin-right: 0; }

#showscontent #maincontent .artists .artist { width: 48%; max-width: 288px; float: left; margin-right: 4%; margin-top: 22px; position: relative; }
#showscontent #maincontent .artists .artist:nth-child(2n) { margin-right: 0; }
#showscontent #maincontent .artists .artist a.info:hover { opacity: 0; filter:alpha(opacity=0); }

.infoitem .infocontent img.alignleft { float: none; margin: 0 0 16px 0; width: 100%; }
.infoitem .infocontent img.alignright, .infoitem .infocontent img.alignnone { float: none; margin: 0 0 16px 0; width: 100%; }

.tribe-events-event-image { width: 98% !important; float: none !important; margin-left: 0 !important; }
.gallery dl.gallery-item { margin-right: 2% !important; width: 48% !important; }
.gallery img {  width: 100% !important; height: auto !important; }
.gallery br { display: none; }
.gallery { clear: both !important; }
.responsive-tabs__heading { clear:  both !important; }
}


@media only screen and (min-width: 601px) and (max-width:768px) {
#header { width: 100%; height: auto; background-color: #fff; }
.container { width: 100%; max-width: 768px; margin: 0; padding: 0; }
.logo { float: none; margin-left: 0px; width: 100%; max-width: 768px; text-align: center; }
.menu  { float: none; margin-right: 0px; padding: 10px 0 10px 0; width: 100%; max-width: 768px; text-align: center; border-top: 1px solid #dadada; }
.menu ul { float: none; }

#homecontent .container { padding: 0; }
#homeslides, #homecontent { width: 100%;  }
#homeslides .container .cycle-slideshow { width: 100%; position: relative; }

#homeslides .container .homeslide .info { padding: 15px 15px 5px 15px; background: rgba(0,0,0,1.0); position: relative!important; left: 0px; bottom: 0px; width: 96.09375%; max-width: 738px; }

#homecontent .container { max-width: 768px; }
#homecontent .block, #homecontent .homeartdir { width: 46.875%; max-width: 360px; height: auto; padding: 0 1.5625%; float: left; margin-right: 0; background: none; }
#homecontent .block:nth-child(2n) { background: none; }
#homecontent .block:nth-child(3n) { clear: both; margin-top: 18px; padding-top: 24px; border-top: 1px dashed #999; }
#homecontent .homeartdir { margin-top: 18px; padding-top: 24px; border-top: 1px dashed #999; }
#homecontent .block .post p { font: 400 0.875em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 10px; }

#homecontent .homeartdir .artist { width: 25%; float: left; margin-bottom: 40px; font: 400 0.75em/1.2em 'GillSansMTProMedium', sans-serif; text-align: center; }
#homecontent .homeartdir .artist:nth-child(6n) { clear: both; }

#showscontent { margin-top: 0; }
#showscontent #maincontent, #showscontent #sidebar, #showscontent #maincontent, #showscontent #sidebar-artist { max-width: 720px; width: 93.75%; float: none; margin: 0 3.125%; }
#showscontent #maincontent .shows .show a.info:hover { opacity: 0; filter:alpha(opacity=0); }
#showscontent #sidebar h3, #showscontent #sidebar-artist h3 { display: block; font: 400 1.4em/1.2em 'GillSansMTProMedium', sans-serif; margin-bottom: 10px; text-transform: uppercase; color: #13aad3; padding-top: 20px; border-top: 1px solid #dadada; }
#showscontent #sidebar ul, #showscontent #sidebar-artist ul { margin: 0; }

#showscontent #sidebar ul li, #showscontent #sidebar-artist ul li { background: none; font: 400 1.25em/1em 'GillSansMTProMedium', sans-serif; padding: 0 5% 10px 0; width: auto; display: inline-block; }
ul.wp-tag-cloud li a { text-transform: uppercase; }

#showscontent #maincontent .showinfocontent img.alignleft, .artistshowfeatured img.alignleft { width: 53.5%; max-width: 587px; margin-right: 2%; margin-bottom: 6px; float: left; }
.artistshowfeatured img.alignleft { width: 58.58283433133733%; max-width: 587px; margin-right: 2%; margin-bottom: 6px; float: left; }
.artistshowfeatured img { width: 58.58283433133733%; max-width: 587px; margin-right: 2%; margin-bottom: 6px; float: left; }
.showsthumbs { margin-top: 16px; }

.artistshowfeaturedtitle { font: 400 0.9375em/1.25em 'GillSansMTProMedium', sans-serif; color: #595858; text-transform: uppercase; margin-bottom: 20px; margin-top: 0px; }
.artistshowfeatured .moreshows .show { width: 22.5%; max-width: 162px; float: left; margin-right: 3.33333333333333%; color: #747474; font: 400 0.875em/1.28571428571429em 'GillSansMTProMedium', sans-serif; margin-bottom: 24px; }

#showscontent #maincontent .artists .artist { width: 31.11111111111111%; max-width: 224px; float: left; margin-right: 3.33333333333333%; margin-top: 22px; position: relative; }
#showscontent #maincontent .artists .artist:nth-of-type(4n) { margin-right: 0; clear: both; }
#showscontent #maincontent .artists .artist a.info:hover { opacity: 0; filter:alpha(opacity=0); }
}


/* ==========================================================================
   Fonts
   ========================================================================== */


@font-face {
    font-family: 'GillSansMTProRegular';
    src: url('../fonts/gillsansmtpro-bold-webfont.eot');
    src: url('../fonts/gillsansmtpro-bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/gillsansmtpro-bold-webfont.woff') format('woff'),
         url('../fonts/gillsansmtpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/gillsansmtpro-bold-webfont.svg#GillSansMTProRegular') format('svg');
}

@font-face {
    font-family: 'GillSansMTProMedium';
    src: url('../fonts/gillsansmtpro-medium-webfont.eot');
    src: url('../fonts/gillsansmtpro-medium-webfont.eot') format('embedded-opentype'),
         url('../fonts/gillsansmtpro-medium-webfont.woff') format('woff'),
         url('../fonts/gillsansmtpro-medium-webfont.ttf') format('truetype'),
         url('../fonts/gillsansmtpro-medium-webfont.svg#GillSansMTProMedium') format('svg');
}







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}