/*
Theme Name: Theatre503
Theme URI: http://hodephinitely.com
Author: Joe Birkin
Author URI: http://hodephinitely.com
Version: 2.0

Plum:  #6d164b
Pink:  #d22f68
Stone: #e9edf1

font-family:'Roboto',sans-serif;		|| 300, 400, 400i, 700
font-family:'Fjalla One',sans-serif;	|| 400
*/

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;height:100%}*{box-sizing:border-box;-moz-box-sizing:border-box}

body {background-color:#6d164b;font-family:sans-serif;-webkit-font-smoothing:antialiased;font-family:'Roboto',sans-serif;font-weight:400;position:relative;
transition: margin .3s ease;
-moz-transition: margin .3s ease;
-webkit-transition: margin .3s ease;
-o-transition: margin .3s ease;
}
body.single-spektrix_event {background:#fff;}

select,input,textarea {font-family:'Roboto',sans-serif;padding:.5em;border-radius:3px;border:1px solid #ddd;font-size:1em;outline:none;resize:none;}

a {color:inherit;}

a, input[type=submit], input[type=button] {cursor:pointer;text-decoration:none;border-radius:0;}

div.white {background:#fff;}
div.black {background:#000;}

.cta, input[type=submit], .SpektrixPage .Buttons a, input[type=button] {appearance:none;-moz-appearance:none;line-height:1em;border:none;background-color:#d22f68;color:#fff;font-weight:700;padding:.8em 1.2em;display:inline-block;font-family:'Roboto',sans-serif;}
.cta:hover, input[type=submit]:hover, .SpektrixPage .Buttons a:hover, input[type=button]:hover {background-color:#6d164b;}
.cta.disabled, input.disabled {opacity:.5;pointer-events:none;}
.cta.loading, input[type=submit].loading {background-image:url(images/loading.svg);background-position:center;background-repeat:no-repeat;background-size:1.5em;color:transparent;}

p, .text ul, .Memberships ul, .Memberships .Header {line-height:1.4em;max-width:40em;}
.text p, .text li, .text td {font-size:1.1em;}
p a {font-style:italic;color:#d22f68;font-weight:400;}
strong {font-weight:700;}

.text ul, .Memberships ul {list-style-type:disc;padding-left:1em;}
.Memberships ul {padding-left:1.5em;margin-top:1.2em;}
.text ul li, .Memberships ul li {margin-top:.8em;line-height:1.4em;}
.Memberships ul li {margin-top:.6em;}

h1,h2,h3,h4,h5 {font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;}
h1 {font-size:7em;}
h2 {font-size:3.1em;line-height:1.1em;color:#6d164b;margin-bottom:.7em;}
h3 {font-size:2em;line-height:1.1em;color:#6d164b;margin-bottom:.5em;}
h4 {font-size:1.8em;line-height:1.2em;color:#d22f68;}
h5 {font-size:1.2em;line-height:1.2em;color:#d22f68;}
h6 {font-size:1.5em;font-weight:700;line-height:1.2em;text-transform:uppercase;}

h1 + p, h2 + p, h3 + p, h4 + p, p + p, ul + p {margin-top:1em;}
p + h1, p + h2, ul + h2 {margin-top:1em;}
p + h3, p + h4, ul + h3, ul + h4 {margin-top:1.4em;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:inherit;}

iframe {width:100%;}
#SpektrixIFrame {min-height:25em;
transition: height 0.3s, opacity 0.3s;
-moz-transition: height 0.3s, opacity 0.3s;
-webkit-transition: height 0.3s, opacity 0.3s;
-o-transition: height 0.3s, opacity 0.3s;}
#SpektrixIFrame.loading {opacity:0;}

.container {margin:0 auto;max-width:80em;padding:2em 4em;}
.container.thin {padding-top:0;padding-bottom:0;}

header, #footer-inner {background:#6d164b;color:#fff;}

header .container {z-index:40;}
header + .white {padding-top:3em;}

header #main-logo-wrapper {position:absolute;top:0;z-index:20;}
header #main-logo {position:relative;padding:1em 1em .5em;background-color:#6d164b;}
header #main-logo:before, header #main-logo:after {content:"";position:absolute;bottom:0;border-bottom:5em solid transparent;}
header #main-logo:before {border-right:2em solid #6d164b;left:-2em;}
header #main-logo:after {border-left:2em solid #6d164b;right:-2em;}
header #main-logo img {width:16em;height:6em;vertical-align:middle;}

header #header-menu-container {/*height:5.5em;*/padding-top:.5em;font-size:.95em;display:flex;flex-direction:row-reverse;align-items:center;}
header #header-menu-container a {color:#fff;}
header #header-menu-container > nav {/*float:right;*/
transition: transform .3s;
-moz-transition: transform .3s;
-webkit-transition: transform .3s;
-o-transition: transform .3s;
}
header #header-menu-container #book-column {/*float:right;*/margin-left:1.2em;text-align:center;}
header #header-menu-container #menu-header-menu, header #header-menu-container .book-tickets {height:3em;line-height:3em;}

header #header-menu-container .book-tickets {overflow:hidden;}
header #header-menu-container .book-tickets a {font-size:1.6em;background:#d22f68;float:left;padding:0 .7em;height:100%;}
header #header-menu-container .book-tickets:before, header #header-menu-container .book-tickets:after {content:"";display:inline-block;float:left;}
header #header-menu-container .book-tickets:before {border-right:1em solid #d22f68;border-top:3em solid transparent;}
header #header-menu-container .book-tickets:after {border-left:1em solid #d22f68;border-top:3em solid transparent;}
header #header-menu-container .book-tickets:hover a {background-color:rgba(0,0,0,0.3);}
header #header-menu-container .book-tickets:hover:before {border-right-color:rgba(0,0,0,0.3);}
header #header-menu-container .book-tickets:hover:after {border-left-color:rgba(0,0,0,0.3);}

#menu-toggle {display:none;width:1.6em;height:14px;color:#fff;cursor:pointer;margin:1.7em 0 2em;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#menu-toggle .bar-container {position:relative;width:100%;height:100%;}
#menu-toggle b {position:absolute;left:0;right:0;border-top:3px solid #fff;top:0;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
}
#menu-toggle b + b {top:50%;}
#menu-toggle b + b + b {top:100%;}

#book-mobile {display:none;margin-right:2em;padding:.6em 1em;}
#book-mobile:hover {background-color:rgba(0,0,0,0.3);}

header #header-menu-container .box-office, header #header-menu-container #user-menu {height:2em;}
#user-menu input[type=search] {border:none;height:100%;line-height:2.2em;padding-left:.8em;padding-right:.8em;position:absolute;top:0;left:0;right:2em;width:10.6em;border-radius:3px 0 0 3px;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
#user-menu #search-wrapper {position:relative;height:2.2em;width:13em;display:inline-block;font-size:.9em;margin-right:.8em;}
#user-menu input[type=submit] {position:absolute;right:0;width:2.4em;height:100%;border-radius:0 3px 3px 0;padding:0;background-image:url(images/search.svg);background-size:1.1em;background-position:center;background-repeat:no-repeat;}
#user-menu input[type=submit]:hover {background-color:rgba(0,0,0,0.3);}

header #header-menu-container .box-office {line-height:2em;font-weight:300;}

header #header-menu-container #user-menu {text-align:right;}
header #header-menu-container #user-menu a {height:2em;line-height:2em;margin-right:1em;text-transform:lowercase;font-weight:300;}
header #header-menu-container #user-menu a + a {margin-left:1em;}
header #header-menu-container #user-menu a:hover, header #header-menu-container #user-menu .current-menu-item a {color:#d22f68;}
header #header-menu-container #user-menu .current-menu-item a {border-bottom:2px solid #d22f68;}

header #header-menu-container #menu-header-menu li {display:inline-block;height:3em;position:relative;margin:0;padding:0;}
header #header-menu-container #menu-header-menu li a {display:inline-block;padding:0 .8em;font-weight:700;}
header #header-menu-container #menu-header-menu li a:hover {color:#d22f68;}
header #header-menu-container #menu-header-menu li ul {position:absolute;top:100%;background:#d22f68;display:none;padding:.3em 0;z-index:10;}
header #header-menu-container #menu-header-menu li, header #header-menu-container #menu-header-menu li a {white-space:nowrap;}
header #header-menu-container #menu-header-menu li ul li {display:block;height:auto;}
header #header-menu-container #menu-header-menu li ul li a {height:auto;line-height:2.4em;display:block;}
header #header-menu-container #menu-header-menu li ul li a:hover {color:rgba(0,0,0,0.5);}
header #header-menu-container #menu-header-menu li:hover ul {display:block;}
.halves .half {float:left;width:50%;}
.halves.marged .half {width:47%;}
.halves.marged .half + .half {margin-left:6%;}

.noverflow {overflow:hidden;}
.clear {clear:both;}

.third {width:33.333%;float:left;}
.two-thirds {width:66.666%;float:left;}

.sixth {width:16.66%;float:left;}

.sidebar {width:25%;float:left;}
.sidebar h2 {color:#222;margin-bottom:0;font-size:2.5em;}
.sidebar h2:after {content:"";display:block;border-bottom:2px solid #d22f68;margin:.4em 0;width:3em;}

.sidebar + .main-content {float:right;width:67.5%;}

img.alignleft {float:left;margin:0 1.5em 1em 0;}
img.alignright {float:right;margin:0 0 1em 1.5em;}

#home-intro .half {padding:1em 0;}
#home-intro #home-intro-text {border-top:1px solid #d22f68;border-bottom:1px solid #d22f68;padding:1.5em 0;color:#fff;}
#home-intro #home-intro-text h2 {color:inherit;margin-bottom:0;}

#home-calendar {background:#333;position:relative;color:#fff;}
#home-calendar .event {width:55%;position:absolute;top:0;right:0;bottom:0;z-index:1;}
#home-calendar .event:after {content:"";position:absolute;top:50%;left:50%;width:3em;height:3em;background-color:#444;margin:-1.5em;border-radius:.2em;background-image:url(images/loading.svg);background-position:center;background-repeat:no-repeat;background-size:2.2em;opacity:0;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#home-calendar .event-inner {width:100%;height:100%;position:relative;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#home-calendar.loading .event-inner, #home-calendar.empty .event-inner {opacity:0;cursor:default;}
#home-calendar .event-inner .image {position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;}
#home-calendar .event-inner .image:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%);
background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
#home-calendar .event-inner .details {position:absolute;top:1em;left:35%;right:1em;text-align:right;}
#home-calendar .event-inner .details h4 {font-size:2em;}
#home-calendar.loading .event:after {opacity:1;}
#home-calendar .title {font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:1.5em;position:absolute;top:-.7em;left:-.7em;z-index:4;}
#home-calendar .title span {display:inline-block;line-height:2.1em;height:2em;background-color:#d22f68;padding:0 .5em 0 .8em;vertical-align:middle;}
#home-calendar .title:after {content:"";display:inline-block;border-top:2em solid transparent;border-left:.8em solid #d22f68;vertical-align:middle;}
#home-calendar .book-now {position:absolute;bottom:-.7em;right:-.7em;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:1.5em;z-index:5;cursor:pointer;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#home-calendar.loading .book-now, #home-calendar.empty .book-now {opacity:0;cursor:default;}
#home-calendar .book-now a {display:inline-block;line-height:2.1em;height:2em;background-color:#d22f68;padding:0 .8em 0 .5em;vertical-align:middle;color:#fff;}
#home-calendar.empty .book-now a {cursor:default;}
#home-calendar .book-now:before {content:"";display:inline-block;border-top:2em solid transparent;border-right:.8em solid #d22f68;vertical-align:middle;}
#home-calendar .book-now:hover a {background-color:#6d164b;}
#home-calendar .book-now:hover:before {border-right-color:#6d164b;}

#home-calendar .calendar {width:45%;height:16.5em;position:relative;z-index:2;}
#home-calendar .calendar-inner {background-color:#6d164b;height:100%;width:100%;padding:2.5em 1em 1.2em;text-align:center;}
#home-calendar .calendar:after {content:"";display:inline-block;border-top:16.5em solid transparent;border-left:5em solid #6d164b;position:absolute;top:0;left:100%;}

#home-calendar .calendar .current-day {position:absolute;left:100%;bottom:1.5em;z-index:2;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;text-align:center;}
#home-calendar .calendar .current-day span {display:block;font-size:1.6em;}
#home-calendar .calendar .current-day span.day {font-size:2.8em;}

#home-calendar .calendar-inner table {width:100%;}
#home-calendar .calendar-inner th {padding:.3em 0 .2em;}
#home-calendar .calendar-inner th, #home-calendar .calendar-inner td {width:14.28%;}
#home-calendar .calendar-inner td a, #home-calendar .calendar-inner td span {color:#d22f68;padding:.25em 0 .2em;display:block;font-weight:700;}
#home-calendar .calendar-inner td a.ui-state-active {color:#fff;background:#d22f68;}
#home-calendar .calendar-inner td.ui-datepicker-unselectable {opacity:.4;}
#home-calendar .calendar-inner td.ui-datepicker-other-month {opacity:.2;}
#home-calendar .calendar-inner .ui-widget {font-size:1.1em;}

#home-calendar .calendar-inner .ui-datepicker-header {position:relative;padding:.4em 0 .5em;}
#home-calendar .calendar-inner .ui-datepicker-header a {position:absolute;top:50%;width:1.6em;height:1.4em;text-indent:-999px;overflow:hidden;background-size:160%;background-repeat:no-repeat;background-position:center;margin-top:-.75em;}
#home-calendar .calendar-inner .ui-datepicker-header a.ui-state-disabled {opacity:.4;cursor:default;}
#home-calendar .calendar-inner .ui-datepicker-header .ui-datepicker-prev {left:0;background-image:url(images/arrow-left.svg);}
#home-calendar .calendar-inner .ui-datepicker-header .ui-datepicker-next {right:0;background-image:url(images/arrow-right.svg);}

#main-contact-form {margin-top:1em;}
#main-contact-form label {margin-top:1em;display:block;}
#main-contact-form p {max-width:none;}
#main-contact-form input[type=text], #main-contact-form input[type=email], #main-contact-form textarea {width:100%;margin-top:.5em;display:block;}

span.wpcf7-not-valid-tip {margin-top:.4em;font-size:.8em!important;line-height:1.4em;}
div.wpcf7-response-output {margin:1.5em 0 0 !important;padding:.5em .8em!important;}

#event-dates {width:100%;}
#event-dates td {padding:.5em 1em;width:40%;}
#event-dates tr:nth-child(2n+1) td {background-color:#e9edf1;}
#event-dates td a {color:#d22f68;font-weight:700;}
#event-dates td:last-child {width:10em;white-space:nowrap;}
#event-dates td.mobile {display:none;}
#event-dates tr.expired td {color:rgba(0,0,0,0.4);}

section.faq-topic {background:#e9edf1;padding:2em;}
section.faq-topic p {font-size:1em;}
section.faq-topic + section.faq-topic, section.faq-topic article + article {margin-top:2em;}
section.faq-topic > .variable {background:#fff;padding:0 2em;}
section.faq-topic article {padding:1.5em;background:#e9edf1;}
section.faq-topic h4, section.faq-topic h5 {cursor:pointer;}
section.faq-topic .variable {max-height:0;overflow:hidden;opacity:0;
transition: all ease .3s;
-moz-transition: all ease .3s;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;}
section.faq-topic.open > .variable, section.faq-topic article.open > .variable {max-height:100em;margin-top:.7em;opacity:1;}
section.faq-topic.open > .variable {padding:2em;}

.search-result + .search-result {margin-top:2em;padding-top:2em;border-top:1px solid #eee;}
#search-results #you-searched-for {margin:-1em 0 2em;color:#999;font-style:italic;}

.bx-wrapper, .bx-viewport {height:100% !important;width:100% !important;overflow:hidden;position:relative;}
.bxslider {height:100% !important;}
a.bx-prev, a.bx-next {position:absolute;top:0;bottom:0;background-size:3em;background-repeat:no-repeat;background-position:center;overflow:hidden;text-indent:-999px;}
.bx-controls-direction a.disabled {opacity:.3;cursor:default;}
a.bx-prev {left:0;background-image:url(images/arrow-left.svg);}
a.bx-next {right:0;background-image:url(images/arrow-right.svg);}
.hero .bx-controls-direction a.bx-prev {right:80%;}
.hero .bx-controls-direction a.bx-next {left:80%;}
.bx-pager {position:absolute;left:0;right:0;bottom:0;text-align:center;}
.hero .bx-pager {padding-bottom:2em;}
.bx-pager .bx-pager-item {display:inline-block;margin:0 .5em;}
.bx-pager a {display:inline-block;width:1em;height:1em;border-radius:50%;border:2px solid #fff;text-indent:-999px;overflow:hidden;}
.bx-pager a:hover, .bx-pager a.active {background:#fff;}

.hero {height:30em;background:#111;position:relative;background-size:cover;background-size:20em;}
.hero.has-hero-image {background-size:cover;background-position:center;}
.hero .slide {background-size:cover;background-position:center;height:100%;}
.hero .slide:after {content:"";position:absolute;top:0;right:0;bottom:0;left:30%;z-index:2;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 37%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 37%,rgba(0,0,0,0.7) 66%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 37%,rgba(0,0,0,0.7) 66%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 );
}
.hero .slide img {width:100%;height:100%;opacity:0;}
.hero .slide .slide-inner {position:absolute;top:0;left:0;right:0;bottom:0;}
.hero .container {position:relative;height:100%;}
.hero .grouper-wrapper {position:relative;height:100%;}
.hero .grouper {position:absolute;right:0;top:50%;width:28em;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff;z-index:5;}
body.single-spektrix_event .hero .grouper {top:48%;}
.hero .slide h4 {font-size:5em;line-height:1em;}
.hero .slide h4.small {font-size:4.2em;}
.hero .slide .written-by {color:#d22f68;padding-bottom:.5em;border-bottom:1px solid #d22f68;font-size:1.2em;margin-top:1em;display:inline-block;}
.hero .slide .buttons {margin-top:1em;}
.hero .slide .buttons .cta + .cta {margin-left:1em;}
.hero .slide .dates {margin-top:.5em;font-size:2em;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;}
.hero .slide .pre-title {margin-bottom:1em;max-width:24em;}

.hero .banner-main-title {font-size:2em;margin-bottom:.4em;line-height:1.2em;}
.hero .banner-second-title {font-size:2em;font-style:italic;margin-bottom:.4em;}
/*
.hero:before, .hero:after {content:"";position:absolute;top:0;bottom:0;width:40%;}
.hero:before {left:0;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.hero:after {right:0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
*/

footer {padding-top:3.5em;position:relative;overflow:hidden;background:#fff;}
body.home footer {background:#000;}

footer .third {padding-top:1.5em;font-size:.9em;position:relative;}
footer .third .links {display:block;float:left;min-width:8em;}
footer .third .links a {display:block;color:#fff;}
footer .third .links a:hover {color:#d22f68;}
footer .third .links a + a {margin-top:.8em;}

footer .container {position:relative;}

footer #footer-box-office {height:8em;background:#6d164b;position:absolute;right:50%;margin-right:-80em;top:-3.4em;width:59em;z-index:5;}
footer #footer-box-office:before {content:"";position:absolute;right:100%;top:0;border-top:5em solid transparent;border-right:2em solid #6d164b;}
footer #footer-box-office-inner {width:15em;padding:1.2em 0 0 1.2em;}
footer #footer-box-office-inner h4, footer #footer-box-office-inner h5 {color:#fff;margin-bottom:.3em;}
footer #footer-box-office-inner p {font-size:.8em;margin-top:.7em;}
footer #footer-box-office-inner p a {color:#fff;font-style:normal;text-decoration:underline;}
footer #footer-box-office-inner .social {margin-top:.6em;}

footer .mailing-list form {position:relative;height:2.5em;width:100%;font-size:1em;margin-top:.7em;}
footer .mailing-list form .email {position:absolute;left:0;top:0;bottom:0;right:12em;height:2.5em;}
footer .mailing-list form .email input[type=email] {padding:.5em;width:100%;height:2.5em;border:none;font-size:1em;border-radius:0;}
footer .mailing-list form input[type=submit] {position:absolute;top:0;right:0;bottom:0;width:5em;height:2.5em;line-height:2.5em;padding:0;font-size:1em;}
footer .mailing-list form input[type=submit]:hover {background-color:rgba(0,0,0,0.3);}
footer .mailing-list form select {position:absolute;top:0;bottom:0;right:5em;width:7em;border:none;font-size:1em;border-radius:0;border-left:1px solid #ddd;}

footer .mailing-list {text-align:center;min-height:4em;}
footer .mailing-list .cta:hover {background:rgba(0,0,0,0.3);}

.social a {display:inline-block;width:2em;height:2em;background:#fff no-repeat center;border-radius:50%;background-size:1.5em;}
.social a + a {margin-left:.5em;}
.social a.twitter {background-image:url(images/twitter.svg);}
.social a.facebook {background-image:url(images/facebook.svg);}
.social a:hover {background-color:#d22f68;}

footer #copyright {padding:2em 0;text-align:center;font-size:.7em;}

footer .noverflow {position:relative;}

footer #crucible-credit {position:absolute;top:50%;line-height:1em;margin-top:-.5em;left:0;font-size:0.8em;opacity:.5;}
footer #crucible-credit a {border-bottom:1px dotted #fff;}

#whatson {overflow:hidden;clear:both;margin-top:2rem;}
#whatson .listing {position:relative;}
#whatson .listing .on-flag {float:left;font-size:1.4em;position:relative;margin-bottom:-1px;z-index:1;}
#whatson .listing .on-flag:before {display:inline-block;height:2.2em;line-height:2.25em;padding:0 .5em 0 .7em;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;color:#fff;background-color:#6d164b;float:left;}
#whatson .listing.on-now .on-flag:before {content:"On now";}
#whatson .listing.coming-soon .on-flag:before {content:"Coming soon";}
#whatson .listing.on-now + .listing.on-now .on-flag {opacity:0;}
#whatson .listing.coming-soon +.listing.coming-soon .on-flag {opacity:0;}
#whatson .listing .on-flag:after {content:"";border-top:2.2em solid transparent;border-left:1em solid #6d164b;float:left;}
#whatson .listing .image {clear:both;background:#ddd no-repeat center;background-size:cover;padding-bottom:75%;position:relative;z-index:2;position:relative;}
#whatson .listing .image a {position:absolute;top:0;left:0;right:0;bottom:0;}
#whatson .listing .details {background:#e9edf1;padding:1em;position:relative;}
#whatson .listing .details h3 {height:2.2em;overflow:hidden;text-overflow:ellipsis;}
#whatson .listing .details .cta + .cta {margin-left:.5em;}
#whatson .listing .details .dates {font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:1.7em;line-height:1.1em;color:#6d164b;margin-bottom:.7em;}

#whatson.third {overflow:visible;padding-bottom:2em;}
#whatson.third .listing {font-size:0.85em;}
#whatson.third .listing + .listing {margin-top:3em;}
#whatson.third .listing .on-flag {position:absolute;top:-1em;left:-1em;z-index:5;}
#whatson.third .listing .image {padding-bottom:65%;}
#whatson.third .listing .details .dates {margin-bottom:0;}
#whatson.third .listing .details h3 {height:auto;}
#whatson.third .listing .details .cta {position:absolute;right:1em;bottom:1em;padding:.7em 1em}

#event-details {margin-top:-3em;position:relative;}
#event-details h1 {clear:both;margin-top:.2em;}
#event-details > .container {padding-top:0;}
#event-details nav {height:3em;float:left;clear:both;overflow-y:hidden;overflow-x:visible;padding-right:3em;z-index:5;}
#event-details nav ul {padding:0;}
#event-details nav li {display:block;float:left;position:relative;cursor:pointer;margin:0;}
#event-details nav li a {display:inline-block;background:#fff;height:3em;line-height:3em;padding-right:.7em;vertical-align:middle;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;}
#event-details nav li a span {font-size:.9em}
#event-details nav li + li a {padding-left:2.5em;}
#event-details nav li:after {content:"";border-top:3.1em solid transparent;border-left:2em solid #fff;display:inline-block;vertical-align:middle;position:absolute;left:100%;top:0;z-index:5;}
#event-details nav li:hover a, #event-details nav li.active a {color:#fff;background-color:#d22f68;}
#event-details nav li:hover:after, #event-details nav li.active:after {border-left-color:#d22f68;}

#event-details .two-thirds, #checkout-wrapper .two-thirds, .submissions .two-thirds, #search-results .two-thirds {position:relative;padding-right:3em;}
#event-details .two-thirds:before {content:"";position:absolute;right:100%;width:50vw;background:#fff;height:3em;top:0;}
#event-details .two-thirds.on-details:before {background-color:#d22f68;}

#event-details .pre-title {font-size:.9em;margin:0;}
#event-details  .pre-title + h1 {margin-top:.1em;}
#event-details .subtitle {font-size:1.8em;font-weight:700;margin:.3em 0;}
#event-details .post-title {margin:.5em 0;}
#event-details .written-by, #event-details .directed-by {margin:.4em 0;font-weight:700;}
#event-details div[data-ref="details"] .cta {margin:1em 0 1.5em;}
#event-details .writer-info {overflow:hidden;margin-top:2em;}
#event-details .writer-info .image {float:left;width:30%;padding-bottom:30%;background-size:cover;background-position:center;margin-right:5%;margin-bottom:5%;}

#may-also-like {clear:both;margin-top:2em;overflow:hidden;}
#may-also-like h4 {border-bottom:2px solid #d22f68;padding-bottom:.4em;/*margin-bottom:1.5em;*/}
#may-also-like .slide {position:relative;}
#may-also-like .slide .dates {font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:1.4em;line-height:1.1em;color:#fff;margin-bottom:.7em;position:absolute;left:0;top:0;z-index:5;}
#may-also-like .slide .dates span {background:#6d164b;display:inline-block;padding:.5em 0 .5em .5em;}
#may-also-like .slide .dates:after {content:"";border-top:3.2em solid transparent;border-left:1.5em solid #6d164b;display:inline-block;vertical-align:middle;position:absolute;left:100%;top:0;z-index:5;}
#may-also-like .slide .image-background {background:#000 no-repeat center;background-size:cover;position:absolute;top:1em;bottom:1em;left:1em;right:1em;}
#may-also-like .slide .image-background:after {content:"";position:absolute;top:0;right:0;bottom:0;left:20%;z-index:1;opacity:.8;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 48%, rgba(0,0,0,1) 77%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 48%,rgba(0,0,0,1) 77%,rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 48%,rgba(0,0,0,1) 77%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
#may-also-like .slide h3 {position:absolute;right:0;left:40%;top:45%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:3;color:#d22f68;padding-right:.5em;text-align:right;font-size:2.4em;}
#may-also-like .slide img {width:100%;height:16em;opacity:0;}
#may-also-like > .container {padding-bottom:0;}
#may-also-like .carousel {position:relative;}
#may-also-like .carousel:before {content:"";position:absolute;top:4em;bottom:4em;left:-50vw;right:-50vw;background:#e9edf1;}
#may-also-like .slide .more-info {font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;position:absolute;bottom:0;right:0;font-size:1.4em;line-height:1.1em;color:#fff;z-index:5;}
#may-also-like .slide .more-info:before {content:"";border-top:2.2em solid transparent;border-right:1em solid #d22f68;float:left;display:inline-block;}
#may-also-like .slide .more-info span {background:#d22f68;height:2.2em;line-height:2.2em;display:inline-block;padding:0 .5em 0 .3em;}

#home-carousel {padding-top:3em;}
#home-carousel .bx-wrapper, #home-carousel .slick-slider {padding:0 5em;margin:0 auto;}
#home-carousel .slide {position:relative;font-size:.9em;margin:0 1em;}
#home-carousel .slide img {width:100%;height:12em;opacity:0;}
#home-carousel .slide a {position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:10;}
#home-carousel .slide .image-background {background:#000 no-repeat center;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;}
#home-carousel .slide .image-background:before {content:"";background:#fff;opacity:.5;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#home-carousel .slide .image-background .dates {position:absolute;bottom:0;left:0;right:0;background:#d22f68;color:#fff;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:1.2em;padding:.5rem .7rem;z-index:5;opacity:0;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#home-carousel .slide .image-background h4 {color:#fff;z-index:5;position:absolute;top:0;left:0;right:0;padding:1rem .7rem;opacity:0;line-height:1.1em;font-size:1.5em;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

#home-carousel .slide:hover .image-background:before {background-color:#000;}
#home-carousel .slide:hover .image-background h4, #home-carousel .slide:hover .image-background .dates {opacity:1;}

#home-carousel a.bx-next, #home-carousel a.bx-prev {width:3em;}

#audience-rating {padding-left:2em;padding-top:3em;position:relative;}
#audience-rating .heading {position:absolute;left:0;right:0;top:0;font-family:'Fjalla One','Roboto',sans-serif;text-transform:uppercase;font-size:2.4em;color:#fff;height:1.95em;overflow:hidden;}
#audience-rating .heading span {float:left;display:inline-block;position:absolute;right:2em;left:0;background:#6d164b;padding:0 .6em;line-height:2em;display:block;}
#audience-rating .heading:after {content:"";border-top:2em solid transparent;border-left:1em solid #6d164b;float:left;display:inline-block;position:absolute;right:1.01em;}
#audience-rating .ratings {background:#e9edf1;padding:2.5em 1.5em 1.8em;color:#6d164b;}
#audience-rating .ratings p {margin-top:.8em;}
#audience-rating .ratings .rating {}
#audience-rating .ratings .rating .stars {font-size:3em;}
#audience-rating .ratings .rating .comment {font-size:.9em;line-height:1.3em;}
#audience-rating .ratings .rating .comment:before {content:open-quote;} 
#audience-rating .ratings .rating .comment:after {content:close-quote;} 
#audience-rating .ratings .rating .name {font-size:.9em;font-weight:700;margin-top:.5em;}
#audience-rating .ratings .rating + .rating {margin-top:1em;padding-top:.5em;border-top:2px dotted #6d164b;}

#event-variable .half {width:47%;float:left;}
#event-variable .half + .half {margin-left:6%;}
#event-variable > div {display:none;padding-top:2em;}
#event-variable > div[data-ref=details] {display:block;}

#cast-creatives h6 {border-bottom:1px solid #111;padding-bottom:.3em;}
#cast-creatives .cast-member {margin-top:1.2em;}
#cast-creatives .cast-member + .cast-member {margin-top:1.5em;}
#cast-creatives .cast-member .position {text-transform:uppercase;font-size:1.1em;}
#cast-creatives .cast-member .name {font-weight:700;margin-top:.3em;font-size:1.3em;}

article.event-news {}
article.event-news + article.event-news {margin-top:1.5em;padding-top:1.5em;border-top:1px solid #e9edf1;}
article.event-news .date {margin:.7em 0;font-size:.8em;}
article.event-news h6 {max-width:27em;}

.submissions label {font-weight:700;}
.submissions .basics .noverflow + .noverflow {margin-top:1em;}
.submissions .two-thirds .third {width:30%;}
.submissions .two-thirds .third + .third {margin-left:5%;}
.submissions .two-thirds .third label, .submissions .form-row > label, .submissions .form-row > .half > label, .submissions .attach > label {display:block;margin-bottom:.5em;line-height:1.3em;}
.submissions .two-thirds .third input, .submissions .two-thirds .half input {width:100%;}
.submissions .form-row {margin-top:1.5em;clear:both;}
.submissions textarea {width:100%;min-height:8em;}
.submissions form > select {margin-left:1em;}
.submissions .halves.marged .half.variable:not(.active) + .half {margin-left:0!important;}
.submissions #script-variable {display:none;}
.submissions #script-variable.active {display:block;}
.submissions #script-variable .variable {display:none;}
.submissions #script-variable .variable.active {display:block;}
.submissions h4 {margin:1.3em 0 .7em;}
.submissions .attach {position:relative;}
.submissions .attach label, #submit-script-sidebar .attachment {display:inline-block;padding:.7em 1em;border-radius:3px;color:#6d164b;border:2px solid #6d164b;font-weight:700;cursor:pointer;position:relative;}
.submissions .attach label:hover, #submit-script-sidebar .attachment:hover {color:#fff;background-color:#6d164b;}
.submissions input.error, .submissions textarea.error, .submissions label.error {border-color:#d22f68;}
.submissions label.error {color:#d22f68;}
.submissions label.error:hover {color:#fff;background-color:#d22f68;}
.submissions .error-message {color:#d22f68;font-size:.9em;opacity:0;max-height:0;overflow:hidden;
transition: margin .3s ease;
-moz-transition: margin .3s ease;
-webkit-transition: margin .3s ease;
-o-transition: margin .3s ease;
}
.submissions .error-message.active {max-height:3em;opacity:1;margin-bottom:1em;padding:.2em 0;}
.submissions .attach label:after {content:attr(data-doc);display:inline-block;position:absolute;left:100%;top:50%;margin-top:-.7em;margin-left:1em;line-height:1.4em;color:#6d164b;white-space:nowrap;}
.submissions .attach label.error:after {content:"Please attach a file!";color:#d22f68;}
.submissions .attach input[type=file] {opacity:0;width:0;height:0;overflow:hidden;position:fixed;left:-10em;top:-10em;padding:0;border:none;}
.submissions .disclaimer {margin-top:1.5em;font-size:.8em;color:#999;}
.submissions .synopsis {margin:1em 0;}
.submissions .synopsis strong {margin-bottom:.5em;display:block;}
.submissions .script-type {display:inline-block;border-radius:3px;padding:.5em .7em;background:#333;color:#fff;font-weight:700;margin-bottom:1em;font-size:.8em;}
#submit-script-sidebar .attachment {font-size:.9em;}
#submit-script-sidebar .attachment ~ .attachment {margin-top:.5em;}

.submissions .options {display:flex;}
.submissions .options label {flex-grow:1;position:relative;cursor:pointer;}
.submissions .options label input {position:absolute;top:0;left:0;opacity:0;}
.submissions .options label span {display:block;padding:1em .5em;text-align:center;border:1px solid #ddd;}
.submissions .options label input:checked + span {background-color:#6d164b;color:#fff;border-color:#6d164b;}

.cast-pdf {display:inline-block;margin-top:2em;padding:.8em 1.2em;border-radius:3px;border:2px solid #6d164b;color:#6d164b;font-weight:700;}
.cast-pdf:hover {color:#fff;background-color:#6d164b;}

.message {padding:.6em .8em;border-radius:5px;margin:1.5em 0;border:2px solid #ddd;font-weight:700;font-size:.85em;}
.message.success {color:#5aa563;border-color:#5aa563;}
.message.error {color:#d22f68;border-color:#d22f68;}

/* 
---------
Spektrix
---------
*/
.SpektrixPage .DetailsContainer {display:none;}
.SpektrixPage h1 {font-size:3.1em;line-height:1.1em;color:#6d164b;}
.SpektrixPage h1, .SpektrixPage h2 {margin-bottom:.5em;}
.SpektrixPage .EventDetails .EventName {font-weight:700;}
.SpektrixFooterFixed {display:none!important;}

.DateInstructions {font-weight:700;}
.MonthList li {display:inline-block;margin-top:.5em;}
.MonthList li a {display:block;padding:.7em 1em;border-radius:3px;color:#6d164b;border:2px solid #6d164b;font-weight:700;}
.MonthList li a:hover {background:#6d164b;color:#fff;}
.MonthList li + li {margin-left:.5em;}

.EventDatesList {vertical-align:middle;margin-right:.5em;}

.InstanceCalendar {min-width:300px;margin:1em 0;}
.SeatingSelector {margin:2em 0;}
.SeatingSelector .TicketType {text-align:right;height:2em;line-height:2em;overflow:hidden;box-sizing:content-box;}
.SeatingSelector .TicketType + .TicketType {margin-top:1em;padding-top:1em;border-top:1px solid #d22f68;white-space:nowrap;}
.SeatingSelector .TicketType label {display:inline-block;text-align:left;float:left;}
.SeatingSelector .TicketType input {width:4em;margin-right:5%;padding:.3em .5em;text-align:center;height:2em;}
.SeatingSelector .TicketType .Price {display:inline-block;min-width:5em;}

.ChooseSeats .PricesHeading {margin-top:1em;}
.ChooseSeats .PriceListTable {font-size:.9em;}
.ChooseSeats .PriceListTable tr > * {padding:.25em 0;}
.ChooseSeats .PriceListTable tr > *:first-child {padding-right:1em;padding-left:20px;position:relative;}
.ChooseSeats .PriceListTable tr > *:first-child span {white-space:nowrap;}
.ChooseSeats .PriceListTable tr > *:first-child ~ * {padding:0 1em;border-left:1px solid #ddd;}
.ChooseSeats .PriceListTable .ImageIcon {margin-right:.5em;vertical-align:middle;background-image:none!important;border-radius:50%;width:12px!important;height:12px!important;position:absolute;top:50%;left:0;margin-top:-6px;}
.ChooseSeats .PriceListTable thead .TicketType {font-weight:700;text-align:left;line-height:1.25em;}
#ctl00_ContentPlaceHolder_ChangeMySeatsLink {display:block;margin:1em 0;}
.EditTickets .Details {text-align:left;margin-top:1.5em;}
.EditTickets .Details tr > * ~ * {padding-left:1em;}
.EditTickets .Details th {font-weight:700;padding-bottom:.5em;}
.EditTickets .Details td {padding-top:.4em;}
.EditTickets .Details td select {font-size:.9em;}

.EventDates {margin:1em 0;}
.Buttons {margin-top:1.5em;}
.SpektrixPage .EventDetails .AreaAndVenueDetails {display:none;}

p.SeatingAreaOptionalInstructions, .Savings p, .InstanceTicketsSummary, .Container span.Comment {font-size:.9em;color:#999;}

.Savings h2, .NewAccount .View h2, .Checkout h2 {font-size:1.8em;line-height:1.2em;color:#d22f68;}
.Checkout h3 {font-size:1.4em;line-height:1.2em;}
.Savings input[type=text] {margin:0 1em;}

.Items .ViewDetails {display:none;}
.Items .Header {display:none;}
.Items .Instance {position:relative;}
.Items dt {padding-top:1.5em;margin-top:1.5em;border-top:1px solid #d22f68;font-weight:700;}
.Items dt.Instance + dd {margin-top:.5em;}
.Items .Instance .Buttons {position:absolute;right:0;bottom:0;margin:0;font-size:.9em;}
.Items .Instance .Buttons .Button {background:#bbb;}
.Items .Instance .Buttons .Button:hover {background:#6d164b;}
.Items .Instance .Buttons input + input {margin-left:.5em;}
.Items .Breakdown {margin-top:1em;}
.Items .Breakdown li {margin-top:.5em;}

.Memberships .Membership {margin-top:3em;line-height:1.4em;}
.Memberships .Membership .Details ul {padding:0;list-style-type:none;color:#999;margin-top:1.2em;}
.Memberships .Header {margin-bottom:2em;}
.Memberships .Header h1 + span {display:none;}
.Memberships .LoginForRenewalMessage {line-height:1.4em;}

.LoginForm .Container, .ForgotPassword .Container, .View .Container, .EditAddress .Container {margin-bottom:1em;}
.View .Container, .Container.DonationAmount, .EditAddress .Container {margin-top:1em;}
.Container label.left {display:inline-block;min-width:8em;float:left;line-height:2.3em;}
.Container input[type=text], .Container input[type=password] {height:2.3em;}
.ForgotPassword .Container label.left {min-width:11em;}
.View .Container label.left {min-width:9em;}
#ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_YearBox {width:4em !important;}
.Container label.right, .required-prompt {font-size:.9em;color:#999;margin-left:.5em;}

.LoginForm + .Buttons {margin-bottom:2em;}
.LoginForm ~ .Account_Link {padding-top:1.5em;margin-top:1.5em;border-top:1px solid #d22f68;max-width:none;}
.LoginForm ~ .Account_Link + .Account_Link {padding-top:0;border-top:none;margin-top:.4em;}

.ChangePassword .ConfirmPassword {margin:1em 0;}
.ChangePassword .Container label.left {min-width:12em;}

.ErrorMessage {margin:1em 0;color:#d22f68;font-weight:700;}
.ErrorMessage span {color:inherit!important;}
.Container .ValidationError, #ctl00_ContentPlaceHolder_AccountDetailsEditor_EmailValidator {color:#d22f68!important;font-size:.9em;display:block;}

.Progress {margin:2em 0;}
.Progress ol li {display:inline-block;}
.Progress ol li + li:before {margin:0 .4em;content:">";color:#999;}
.Progress ol li span.Current {font-weight:700;color:#d22f68;}
.Container span.Comment {display:block;margin-top:1em;}

.Addresses .AddressOption {margin-top:.4em;}
.DeliveryOptions .DeliveryOption {margin-top:.3em;}
.Checkout .AddressList {margin-bottom:2em;}
.Checkout .AddressList li {padding-left:1.5em;position:relative;padding-top:1.5em;margin-top:1.5em;border-top:1px solid #d22f68;}
.Checkout .AddressList li input[type=radio] {position:absolute;left:0;margin:.2em 0 0;top:1.5em;}
.Checkout .AddressList li label {line-height:1.2em;cursor:pointer;}
.Checkout .AddressList li input[type=submit] {position:absolute;right:0;bottom:0;margin:0;font-size:.9em;background:#bbb;}
.Checkout .AddressList li input[type=submit]:hover {background:#6d164b;}

.EditAddress .AddressOptions {margin-top:1em;}
.EditAddress .AddressOptions .Option {margin-top:.5em;}

.Checkout .EventList p + p {margin-top:.4em;}
.Checkout .EventList p + p.Event_Summary {margin-top:1em;}
.Checkout .EventList .Ticket_Summary {font-size:.9em;color:#999;}
.Checkout .SummarySection {padding-top:1.5em;margin-top:1.5em;border-top:1px solid #d22f68;}
.Checkout h2 + .SummarySection {padding-top:0;border:none;}
.Checkout .TermsAndConditions {margin-top:1em;position:relative;}
.Checkout .TermsAndConditions input {position:absolute;top:.1em;left:0;margin:0;}
.Checkout .TermsAndConditions label {padding-left:1.2em;display:block;}
.Checkout .TermsAndConditions label span {display:none;}
.Checkout .TermsAndConditions label a {color:#d22f68;}
.Checkout .TermsAndConditions label a:hover {color:#6d164b;}
.Checkout .Summary.SummarySection table td {padding:.4em 1em .4em 0;}
.Checkout .Summary.SummarySection table tr:last-child td {font-size:1.2em;font-weight:700;}