/*
Theme Name: Spoleto 2016
Version: 1.0
Author:Fuzzco
Author URI: http://www.fuzzco.com
*/

/* Reset
--------------------------------------------- */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
html {height: 100%;}
body, html {width: 100%;}
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;}

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

BASE STYLES
Universal, header, and footer styles are pulled
from spoleto2014, the final non-responsive
Wordpress theme for the Spoleto site.

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

/* MASTER
--------------------------------------------- */
* {margin: 0; padding: 0;}
.wf-loading {visibility: hidden;}

#audio_holder{height:400px;}
body {font: 14px/22px "ff-din-web-1", "ff-din-web-2", Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#1A1A1A; background:#191919; overflow-x:hidden;}
a img {border:none;}
a {color:#2eafa4;text-decoration:none; outline:none;}
a:hover {color:#27948b;}

hr {border:none; border-top:1px;}
p{padding: 10px 0; text-rendering: optimizeLegibility;}
h1 {font-size:25px; line-height:30px; color:#1A1A1A; margin:0 0 10px;}
h2 {padding:0 0 10px 0;}
h3 {font-size:12px; color:#1a1a1a; padding:0 0 10px 0;}
h4 {font-size:12px;color:#1a1a1a;padding:0 0 10px 0;}
::selection {background:#2EAFA4; color:#fff;}
::-moz-selection {background:#2EAFA4; color:#fff;}
strong {font-weight: 700;}
em {font-style: italic;}

/* Extra Type Styles */
h2.wide-description {font-size: 21px; line-height: 30px;}
.small-title {font-weight: bold; font-size: 11px; text-transform:uppercase; color: #000;}

/* Fixes */
.clear {clear: both;}
.clear-wrap:before, .clear-wrap:after {content: ""; display: table;}
.clear-wrap:after {clear: both;}
.clear-wrap {zoom: 1;}

.hide {display: none; width: 100%;}

/* IE6 */
#ie6 {margin: 0 auto 20px auto;padding: 10px 0;width: 1200px;display: none;font-size:14px;}
#ie6 a {color:#C3B600;}
#ie6 a: {text-decoration:underline;}

/* General Layout */
.content-wrap {background: #fff;}
#container {margin: 0 auto; padding: 0 0 50px; width: 90%; max-width: 1200px;}
.content {margin: 0 auto 50px; position: relative;}
.wrap {width:480px;margin:0;float: left;}
.wrap.sidebar {float: left;margin: 0 0 0 10px;}

/* Icons */
.icon {background: url('images/icons.png') no-repeat;}

/* HEADER
--------------------------------------------- */
#mowebLink {display: none;}
#header {margin: 0 auto; position: relative; z-index: 9999; width: 100%; border-bottom: 1px solid #D1C8C3;}

.masthead {padding: 25px 0 15px;}
.masthead .logo {float: left; height:28px; width:465px; background: url('images/header/spoleto-logo-big-new.png') no-repeat bottom;}
.logo {display: block;}
.logo, .social-row .icon, .fade-transition {-webkit-transition: all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.logo:hover, .social-row .icon:hover, .fade-transition:hover {opacity: 0.75;}
.logo:active, .social-row .icon:active, .fade-transition:active {opacity: 0.4; -webkit-transition: none; -moz-transition: none; transition: none;}

.festival-actions {float: right; font-size: 13px;}
.festival-actions a, .festival-actions div {display:block; float: left; padding: 0 0 0 25px; height: 18px; color: #1A1A1A;}
.festival-actions .account {margin-right: 16px; background-position: 0 0;}
.festival-actions .cart {padding-right: 15px; background-position: 0 -25px;}
.festival-actions .contact, .festival-actions .administrative {background-position: 0 -50px;}

.quicklinks, .quicklinks:hover {position: absolute; top: 15px; right: 0; padding: 0 0 0 25px; text-align: right; color: #fff; background-position: 0 -75px;}

/* HEADER NAV */
.nav-bar {margin: 0 auto; padding: 12px 0; position: relative; border-top: 1px solid #D1C8C3; text-transform:uppercase; font-weight:bold; z-index:10;}
.nav-bar ul.nav {float:left; padding:0; width: 75%; list-style:none;}
.nav-bar ul.nav a {color:#1A1A1A; padding: 9px 15px; text-rendering: auto; letter-spacing:0; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.nav-bar ul.nav .current {color:#1A1A1A; background:#fff; text-rendering: auto; letter-spacing:0;}
.nav-bar ul.nav a:hover {color:#1A1A1A; background:#fff; text-rendering: auto; letter-spacing:0;}
.nav-bar ul.nav .current_page_item a,#header #header-left .nav-bar ul.nav .current_page_ancestor a {color: #C3B600;}
.nav-bar ul.nav a:hover .drop_down ul.top {display:block;}
.nav-bar .festival-dates {width: 25%; text-align: right; float: right; font-size: 12px;}

/* HEADER NAV DROPDOWN */
.nav-bar ul.nav li.item {display:inline; position:relative; z-index:1000; height: 36px;}
.nav-bar ul.nav li.item a.link {font-size: 12px; text-rendering: auto;}
.nav-bar ul.nav li.item a.link:active {-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;}
.nav-bar ul.nav li.item div.drop_down {display:none; position:absolute; top: 25px; left:-8px; z-index:1000;}
.nav-bar ul.nav li.item:hover div.drop_down {display:block;}
.nav-bar ul.nav li.item div.drop_down ul.top {padding: 0 0 0 8px; width:190px; list-style: none;}
.nav-bar ul.nav li.item div.drop_down ul.top li {display:block;background:#fff;}
.nav-bar ul.nav li.item div.drop_down ul.top li a {color:#666;padding:8px 12px;display:block;font-size:11px; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.nav-bar ul.nav li.item div.drop_down ul.top li a:hover {color:#333; background:#E6E3DC;}
.nav-bar ul.nav li.item div.drop_down ul.top li a:active {opacity:.8;-webkit-transition:none;-moz-transition:none;transition:none;}

/* SUBHEADER
--------------------------------------------- */

#subheader {margin: 0 auto; width: 100%; background: #fff; -webkit-box-shadow:0 0 7px #c4c1bb; -moz-box-shadow:0 0 7px #c4c1bb; box-shadow:0 0 7px #c4c1bb;}
.subheader-feature {float:left; width: 620px;}
.subheader-feature img {display: block; height: auto; width: 100%;}
.subheader-ctas {float: right; padding: 30px 25px 0; width: 300px;}

.subheader-ctas h1 {margin: 0 auto 20px; padding: 0 0 20px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 28px; line-height: 36px; text-transform: uppercase; letter-spacing: 1px;}
.subheader-ctas h1 a {color: #2EAFA4;}
.subheader-ctas h1 a:hover {color: #27948b;}
.subheader-ctas h2 {font-size: 24px; line-height: 30px; text-transform: none; text-align: center;}
.subheader-ctas h2 a {color: #333; font-weight: 400;}
.subheader-ctas h2 a:hover {color: #2EAFA4;}

/* Sub Nav */
#sub-spacer {margin: 0 auto; margin-bottom: 9px; height: 1px; width: 100%;} /* For no subnav */
#sub-nav {margin:0 auto; margin-bottom:10px; position:relative; overflow:hidden; border-bottom:3px double #c4c1bb; text-transform:uppercase; font-weight:bold;}
#sub-nav ul {list-style:none; padding:0; margin:13px 0px 13px; float:left;}
#sub-nav ul li {display:inline; margin:0; padding:0;font-size:11px;}
#sub-nav ul li a {color:#333; padding:10px; text-rendering: auto; letter-spacing:0; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
#sub-nav ul .current_page_item a,#sub-nav  ul .current_page_ancestor a,#sub-nav  ul.nav .current {color:#1A1A1A; background:#fff; text-rendering: auto; letter-spacing:0;}
#sub-nav ul li a:hover {color:#1A1A1A; background:#fff; text-rendering: auto;}
#sub-nav ul li a:active {opacity:.8;}

/* FOOTER
--------------------------------------------- */

#footer {width: 100%; background: #191919; color: #E6E3DC;}
#footer a {color: #E6E3DC; cursor: pointer;}
#footer a:hover {color: #fff;}
#footer p {font-size: 14px;}
.footer-inside {position: relative; margin: 0 auto; width: 970px; padding: 25px 0;}
.footer-label {padding: 0 5px 0 0; font: 400 18px/20px "din-condensed-web-1", "din-condensed-web-2", "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: 1px;}

.search-bar {background: #000;}
.search-bar .footer-inside {padding: 10px 0;}
.search-bar .message {float: left; width: 700px;}
.search-bar .message a {border-bottom: 1px dashed;}
.search-bar .footer-search {float: right; padding: 4px 0 0; width: 205px;}
.search-bar #searchform input[type="text"] {padding: 7px 10px 5px 10px; width: 158px;}

#footer .logo {float:left; height: 12px; width: 235px; background-position: 0 -150px;}

/* Footer Nav */
.footer-nav {margin: 0 0 0 25px; padding: 0; float:left; font-size:11px; line-height: 13px; list-style:none;}
.footer-nav .current_page_item a, #footer #subnav ul.subnav .current_page_ancestor a {color: #C3B600;}

/* Footer Nav Drop-up */
.footer-nav li.item {display: inline;padding: 0 24px 0 0;position: relative;}
.footer-nav li.item div.drop_down {position:absolute; bottom:12px; padding:0 0 4px 0; left:-8px; display:none;background:#fff;}
.footer-nav li.item:hover div.drop_down {display: block;background: url('images/dropdown_footer.gif') no-repeat bottom left;width:120px;}
.footer-nav li.item div.drop_down ul.top {padding: 18px 0 8px 8px;list-style: none;}
.footer-nav li.item div.drop_down ul.top li {padding:4px 0;}
#footer .footer-nav li.item div.drop_down ul.top li a{color:#666;padding:4px 0 4px 8px;display:block;}
#footer .footer-nav li.item div.drop_down ul.top li a:hover {background:#ccc;}
.footer-nav li.item div.drop_down div.bottom {height: 6px;background: url('images/dropdown_footer.gif') no-repeat bottom left;}

/* Footer Content */
.footer-inside #rows {margin-top:10px;}
.footer-title {float:left;}
.footer-inside .row {position: relative; width:970px; padding:5px 0 3px; border-top:1px solid #878481;}
.footer-inside .row:last-child {border-bottom:1px solid #878481;}
.footer-inside .row .footer-label {float: left;}
.footer-inside .item {margin-left:5px;float:left; color:#E6E3DC; text-transform:none; font-size: 11px;}
.footer-inside .item.text a {border-bottom:dashed #E6E3DC 1px;color:#E6E3DC;}
.footer-inside .item.text a:hover {border-bottom:dashed #2EAFA4 1px;color:#2EAFA4;}

.social-row .icon {float: left; display: block; margin: 0 2px 0 0; height: 24px; width: 24px;}
.social-row .facebook {background-position: 0 -100px;}
.social-row .twitter {background-position: -25px -100px;}
.social-row .instagram {background-position: -50px -100px;}
.social-row .pinterest {background-position: -75px -100px;}
.social-row .youtube {background-position: -100px -100px;}
.social-row .rss {background-position: -125px -100px;}

.creditline {font-family:georgia, serif;color:#878481; float:right;font-size:12px; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.creditline:hover {color:#fff;}
.creditline .small-text {font-size:8px; font-family:Verdana, sans-serif; text-transform:uppercase;}

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

TESSITURA OVERRIDES
Ticketing-specific styles

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

/*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-family: "ff-din-web-1", "ff-din-web-2", Helvetica, Tahoma, Verdana, Arial, sans-serif !important;
}*/
.medium {font-size: 14px !important;}

/* Header */
#header #header-right #dates {padding: 7px 10px 0;}

/* Footer */
.footer-inside, .footer-inside span, .footer-inside #rows .item span, .creditline .small-text {color: #E6E3DC !important;}

/* General Styles
--------------------------------------------- */

/* Page titles? */
.huge.c1, .tnew-login-title, .tnew-register-title, .tnew-forgot-title, .large.c1.bBottom {
  display: block;
  padding: 20px 0;
  border-top: 3px double #D1C8C3;
  border-bottom: 3px double #D1C8C3;
  font-weight: 700;
  font-size: 25px;
}

/* Inputs */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, .btnStyle, .promoctrl-form-imgbtn {
  margin-bottom: 10px;
  padding: 5px 10px;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid #D1C8C3;
  font-size: 14px;
  font-family: "ff-din-web-1", "ff-din-web-2", Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus {
  border-color: #2eafa4;
}
select {
  margin-bottom: 10px;
}

/* Buttons */
.btnStyle, .promoctrl-form-imgbtn {
  display: inline-block;
  border: 0 none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #2eafa4;
  color: #fff;
}
.btnStyle:hover, .promoctrl-form-imgbtn:hover {
  background: #666;
}

/* Errors */
.errorLabel,
.tnew-eventdetail-notonsale,
.unavailtext,
.tnew-login-required-container,
.tnew-register-required-container,
.tnew-forgot-validation-container,
.cart_delete_btn {
  color: red !important;
}
.unavailtext {
  display: inline-block;
}

/* Top "widgets" */
#tnew-site-loginwidget-wrapper, #tabs.ui-tabs, #tabs {
  padding: 10px 0;
}
#tnew-site-loginwidget-wrapper a {
  color: #1a1a1a;
}
#tnew-site-loginwidget-wrapper a:hover {
  color: #4b4b4b;
}
#tnew-site-loginwidget-wrapper .promoctrl-form-imgbtn,
#tnew-site-loginwidget-wrapper .promoctrl-form-imgbtn:hover {
  margin-left: 5px;
  color: #fff;
}
.promoctrl-form-container {
  /* display: none; */
}

.promoctrl-form-container input {
    width: 165px !important;
}

.ui-tabs .ui-tabs-nav {
  padding: 0 !important;
  height: auto !important;
}
.ui-tabs .ui-tabs-nav li a {
  padding: 0 5px !important;
  font-weight: 700;
}

/* Peformances
--------------------------------------------- */

#mainContent_btn_stix, #mainContent_btn_subs, #mainContent_btn_contrib {
  margin-right: 10px !important;
}

/* Calendar */
#btn-prev {
  margin-right: 5px;
}
#btn-next {
  margin-right: 5px;
  margin-left: 5px;
}
#toggle-display {
  margin-left: 5px;
  font-weight: 700;
  text-transform: capitalize;
}
#month-year-title {
  margin-bottom: 15px;
  padding: 10px;
  clear: both;
  background: #333;
  color: #fff;
}
#calendar {
  margin-right: 5% !important;
  background: #fff;
}
.fc-button {
  padding: 0;
}
.fc-state-highlight {
  background: #f4f3f0 !important;
}
.fc-cell-overlay {
  background: #8BC43E !important;
}
.perfDayOff {
  background: #d6f4f2;
  color: #2eafa4;
}

/* Detailed events next to calendar */
#detailed-events li {
  margin: 0 0 1px !important;
  padding: 10px !important;
  background: #fff !important;
}
.textctrl-buy-link {
  font-weight: 700;
  padding: 0 5px 0 0 !important;
}

/* Select Seating
--------------------------------------------- */
.tnew-selectseating-title .tnew-selectseating-date, .tnew-selectseating-title .tnew-selectseating-facility {
  font-size: 18px;
}
.tnew-selectseating-form-zone-message {
  font-weight: 700;
  font-size: 25px;
}

/* Shopping Cart
--------------------------------------------- */
#cartTable table table td {
  padding: 5px !important;
}
#cartTable table {
  background: transparent !important;
}
.cart_delete_btn {
  text-transform: capitalize;
}

/* Checkout
--------------------------------------------- */
.TNEW_steps {
  display: block !important;
  margin-bottom: 15px;
  padding: 10px 0 !important;
  border-bottom: 1px solid #D1C8C3;
}
.TNEW_steps li {
  display: inline !important;
  border-bottom: 0 none !important;
}
.TNEW_subheader_bar {
  padding: 10px !important;
  font-size: 20px !important;
}
#mainContent_lnk_changeShipping {
  text-transform: capitalize;
}
div.tnew-giftcert-control-redeem-container {
  text-align: left;
}

/* Account Forms
--------------------------------------------- */
.tab_pagePad {
  padding: 0 !important;
  width: 100%;
}

/* Create Account */
#mainContent_v_register_summary,
.tnew-forgot-validation-container {
  padding-bottom: 20px;
  border-bottom: 1px solid #D1C8C3;
}
#tabs {
  display: block;
  width: 100%;
}
.tnew-register-title {
  font-size: 18px;
}

/* Order History
--------------------------------------------- */
.TNEW_subheader_bar {
  width: 100% !important;
  background: #333 !important;
}
a.history {
  padding: 10px !important;
  font-size: 20px;
}
th.accordion {
  color: #666 !important;
}
table.accordion {
  color: #1A1A1A !important;
}
.tnew-history-history-table-header {
  width: 100% !important;
  font-weight: 700;
}