@charset "utf-8"; 
/* pcs.org/css/pcs.css */

/* This hack, along with a bit of jQuery in /js/pcs-functions.js, is meant 
   to handle a bug in Chrome that causes transitions to fire on page load, 
   which makes the main navigation slide in and looks gross. */
.css-transitions-only-after-page-load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* Common HTML Tags */
html, body { 
  max-width: 100%; /* prevents horizontal scrolling */
  /* overflow-x: hidden; /* prevents horizontal scrolling */
  box-sizing: border-box; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-size: 17px;
	line-height: 1.7;
	/* padding-right: 0 !important; /* fixes a dynamic inline style created by Bootstrap modals */
}
body {
  background-color: #131313;
}
body:after{
  content: "";
  position: fixed; /* stretch a fixed position to the whole screen */
  top: 0;
  height: 100vh; /* fix for mobile browser address bar appearing disappearing */
  left: 0;
  right: 0;
  z-index: -1; /* needed to keep in the background */
  background: url(https://www.pcs.org/assets/mainstage-bg-1920x1270.jpg) top center;
  background-position: top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 1600px) {
  body {
    font-size: 20px;
  }
  #content-inner, #tnewTemplate, #production-body .tab-content-inner {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }  
  .production #content-inner {
    max-width: 100%;
  }
  #main>.production {
    max-width: 80%;
  }
}
/* Legacy production pages fix */
#main>.production {
  max-width: 80%;
  margin: auto;
  padding: 30px;
  text-align: center;
}
/* Sledgehammer fix to disable the HTML <del> tag because the CMS sometimes inserts it where it isn't wanted */
del {
  text-decoration: inherit;
}
/* Row with equal height columns for Bootstrap (medium and larger screen sizes only) */
@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
/* Adjustment to Bootstrap defaults 
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}
*/
a {  
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
  transition: all ease 0.3s;
}
a:hover, a:focus, a:active {
	text-decoration: none;
  opacity: 0.75;
  transition: all ease 0.3s;
	cursor: pointer;
} 
a[href^="tel:"] {
  white-space: nowrap;
}
.featured-entry-thumbnail a:hover {
  opacity: 1;
}  
#header a:hover, #header a:focus, #header a:active,
#homepage-top a:hover, #homepage-top a:focus, #homepage-top a:active,
#production-top a:hover, #production-top a:focus, #production-top a:active,
#footer a:hover, #footer a:focus, #footer a:active {
  opacity: 1;
  -webkit-filter: saturate(0.8)  contrast(0.8) brightness(1.3);
  filter: saturate(0.8)  contrast(0.8) brightness(1.3);
  transition: all ease 0.3s;
}
#slideBannerDesktop a:hover, #slideBannerDesktop a:focus, #slideBannerDesktop a:active {
  filter: none;
  transition: all ease 0.3s;
}
#slideBannerDesktop .carousel .item:hover, #slideBannerDesktop .carousel .item:focus, #slideBannerDesktop .carousel .item:active {
  opacity: 1;
  -webkit-filter: saturate(0.8)  contrast(0.8) brightness(1.3);
  filter: saturate(0.8)  contrast(0.8) brightness(1.3);
  transition: all ease 0.3s;
}
#header .featured-entry-thumbnail a:hover, #header .featured-entry-thumbnail a:focus, #header .featured-entry-thumbnail a:active, #homepage-top .featured-entry-thumbnail a:hover, #homepage-top .featured-entry-thumbnail a:focus, #homepage-top .featured-entry-thumbnail a:active, #production-top .featured-entry-thumbnail a:hover, #production-top .featured-entry-thumbnail a:focus, #production-top .featured-entry-thumbnail a:active,
#footer .featured-entry-thumbnail a:hover, #footer .featured-entry-thumbnail a:focus, #footer .featured-entry-thumbnail a:active {
  -webkit-filter: none;
  filter: none;
}
/* Hide certain elements except from screen readers, for accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
}
a img { 
	transition: all ease 0.3s;; 
}
a img:hover {
  opacity: 0.9;
  transition: all ease 0.3s;
}
#header a img:hover, 
#homepage-top a img:hover,
#production-top a img:hover {
  opacity: 1;
  -webkit-filter: contrast(0.95) brightness(1.15);
	filter: contrast(0.95) brightness(1.15);
  transition: all ease 0.3s;
}
#logo a:hover, #logo a:focus, #logo a:active, #logo a:hover img, #logo a:focus img, #logo a:active img {
  filter: none;
  opacity: 0.95;
}
h1, h2, h3 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	font-style: normal;
}
h1, h2, h3 {
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}
.h1, .h2, .h3, h1, h2, h3 {
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0;
}
h1 + h2, h2 + h3 {
  padding-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
  color: inherit;
}
h1, .lightbox h1, .largest {	
	font-size: 200%;
}
.lightbox h1, .largest {	
  padding-top: 0;
}
h1 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#content-inner h1 a:hover, #content-inner h2 a:hover, #content-inner h3 a:hover, #content-inner h4 a:hover, #content-inner h5 a:hover, #content-inner h6 a:hover,
#content-inner h1 a:focus, #content-inner h2 a:focus, #content-inner h3 a:focus, #content-inner h4 a:focus, #content-inner h5 a:focus, #content-inner h6 a:focus {
	opacity: 0.8;
}
#main>h1, #main>h2, #main>h3, #main>h4, #main>h5, #main>h6 {
  clear: both;
}
h2, .larger {
	font-weight: 700;
	font-size: 152%;
}
h3, .large {
	font-size: 118%;
}
h5 {
	font-weight: 700;
	font-size: 100%;
	color: #666;
	border-bottom: 2px solid #e7e7e7;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
h4 {
	font-size: 118%;
	color: #333;
	margin: 0;
	font-weight: 700;
}
hr {
	background: #e7e7e7; 
	color: #e7e7e7; 
	clear: both; 
	float: none; 
	width:100%; 
	height: 2px; 
	margin: 35px 0; 
	border: none;
}
blockquote {
	font-size: 100%;
}
blockquote h1:first-child, blockquote h2:first-child, blockquote h3:first-child, blockquote h4:first-child, blockquote h5:first-child, blockquote h6:first-child {
	margin-top: 0;
  padding-top: 0;
}
p { 
	margin: 0 0 1em; 
}
/* 
p:last-of-type {
	margin: 0 0 1.5em; 
}
*/
li p, li p:last-of-type {
	margin: 0;
}
.modal {
  padding-right: 0 !important; /* fixes a dynamic linine style created by Bootstrap modals */
}
.modal-dialog-centered {
  margin-top: 60px;
}	
.modal-sales-alert p:last-of-type { 
	margin: 0 0 1em; 
} 
ins {
	text-decoration: none;
}
.dev-notice {
	text-align: center;
	padding: 10px;
	color: #fff;
	background-color: #d30012;
	margin: 0;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
  box-shadow: inset 0px 5px 10px -6px black;
	z-index: 9999; 	
  display: none;
}
.dev-notice a {
	color: #fff;
	text-decoration: underline;
}
.content-inner ul, .content-inner ol,
.production-head ul, .production-head ol { 
	margin: 0 25px 1em 0; 
	padding-left: 50px;
}
.content-inner ul li, .content-inner ol li,
.production-head ul li, .production-head ol li { 
	padding-bottom: 0.5em;
}
.content-inner ul li ul,
.production-head ul li ul { 
	margin: 0 25px 0 0; 
	padding-left: 50px;
  list-style-type: none;
}
.content-inner .text-center ul, 
.content-inner ul.text-center, 
.production-head .text-center ul, 
.production-head ul.text-center {
  display: table;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.content-inner .text-center ul li, 
.content-inner ul.text-center li, 
.production-head .text-center ul li, 
.production-head ul.text-center li {
  text-align: left;
}
.text-indent {
  padding-left: 2em;
  padding-right: 2em;
}
#tnew7 #content {
  margin: 0;
  background-color: #fff;
  padding: 0;
}

/* Remove iOS shading on some form elements */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
	 -webkit-appearance: none;
}

/* Page Structure Elements */
#header-wrapper { 
	position: fixed; 
	top: 0; 
	z-index: 999; 
	padding: 0 15px;
	border-bottom: 1px solid #333;
	box-shadow: rgba(0, 0, 0, 0.117647) 0px 3px 6px, rgba(0, 0, 0, 0.117647) 0px 2px 5px; 
}
#header-wrapper, #footer-wrapper {
  width: 100%;
  padding: 0;
}
#header-wrapper { 
	color: #fff; 
	background-color: #000; 
}
#footer-wrapper {
  background-color: unset;
  color: #e7e7e7;
  padding: 30px;
}
#header-wrapper {
  color: #fff;
  background-color: #101010;
  border-bottom: none;
  box-shadow: unset;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 999;
  margin-bottom: 0;
}
#header-wrapper .row,
#header-wrapper .row .row { 
  margin: 0 auto; 
	padding: 0; 
}
#header { 
  height: 94px;
  padding: 22px 31px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
}
#header, #footer { 
	margin: 0 auto; 
}
.hero-image {
  padding: 0 30px;
}
#content { 
	margin: 0;
  padding: 0px 30px 30px;
}
.content-inner {
  margin: auto;
  padding: 60px 30px;
  background-color: #fff;
}
/* Remove space above the first item in the content-inner div */
.content-inner>.first, 
.content-inner>.first>* {
  margin-top: 0;
  padding-top: 0;
}
#main { 
  background-color: #fff;
}
#ticket-calendar {
	text-align: center;
	background-color: #aaa;
}
#footer-wrapper { 
	padding-top: 45px; 
	padding-bottom: 30px; 
}
#footer-wrapper .container { 
	padding-right: 0; 
	padding-left: 0; 
}
#footer, #footer a, #footer li a, #footer div a, #footer p a { 
	color: #e7e7e7; 
}
#footer a {
	transition: none;
}
#footer p {
	margin-bottom: 1.5em;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	padding-bottom: 13px;
}
#footer p.privacy {
	display: none;
}
#footer .links {
	font-weight: 700;
}
#footer .footer-address a {
  font-weight: 400;
}

/* Misc Styles */
.hide { 
  display: none; 
}
.normal {
  font-weight: 400;
}
.small {
  font-size: 85%;
  line-height: 1.6;
}
p.small {
  margin-bottom: 0.5em;
}
.indent {
  padding-left: 3em;
}
.white {
  color: #fff;
}
.black {
  color: #333;
}
.d-block {
  display: block !important;
}
.clear { 
  clear: both; 
}
.last { 
	margin-right:0 !important; 
}
.nowrap {
	white-space: nowrap;
}
.close { 
	opacity: 1; 
	text-shadow: none; 
}
.notice {
	color: #d30012;
	font-weight: 700;
}
.notice a {
	color: #d30012;
	text-decoration: underline;
}
.notice-box, 
#tnew7 .notice {
  border: 1px solid #d30012;
}
.info-box {
  border: 1px solid #666;
}
.notice-box, 
#tnew7 .notice, 
.info-box {
  display: block;
  padding: 15px 20px;
  max-width: 90%;
  border-left-width: 22px;
  margin-top: 2em;
  margin-bottom: 2em;
} 
#tnew7 .notice {
  max-width: 768px;
}
.notice-box a, 
#tnew7 .notice a {
	color: #d30012;
}
.notice-box::before, 
#tnew7 .notice::before, 
.info-box::before {
  text-align: center;
  float: left;
  margin-left: -35px;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  line-height: 28px;
  font-family: Georgia;
}
.notice-box::before, 
#tnew7 .notice::before {
  content: '!';
}
.info-box::before {
  content: 'i';
}
.notice-box a.more,
.info-box a.more {
  border: unset;
  padding: 0;
  margin: unset;
}
ul ul { 
	margin-top: 0; 
	margin-bottom: 1em; 
	list-style-type: circle; 
}
.centered-block {
	margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.centered-block p {
  width: fit-content;
}

/* Replicated Bootstrap 4 classes I need now */
.d-none { display: none; }
@media (min-width: 0px) { 
  .d-xs-inline { display: inline; } 
  .d-xs-block { display: block; }
  .d-xs-none { display: none; }
}
@media (min-width: 576px) { 
  .d-sm-none { display: none; }
  .d-sm-inline { display: inline; }  
  .d-sm-block { display: block; }
}
@media (min-width: 768px) { 
  .d-md-none { display: none; }
  .d-md-inline { display: inline; }  
  .d-md-block { display: block; }
}
@media (min-width: 992px) { 
  .d-lg-none { display: none; }
  .d-lg-inline { display: inline; }  
  .d-lg-block { display: block; }
}
@media (min-width: 1200px) { 
  .d-xl-none { display: none; }
  .d-xl-inline { display: inline; }  
  .d-xl-block { display: block; }
}

/* Header Elements */
#logo { 
  margin: 0;
  height: 52px;
  width: auto;
  padding-right: 16px;
}
#logo img {
	width: auto;
  max-height: 52px;
}
#header-print,
#footer-print {
	display: none;
}
#header-mobile { 
	display: none; 
}
#nav1 {
	padding: 0 5px;
  margin-right: 0;
}
#header .navbar-inverse {
	background-color: unset;
	border: none;
	z-index: 1000;
}
#header .navbar-inverse .navbar-nav>.active>a, 
#header .navbar-inverse .navbar-nav>.active>a:focus, 
#header .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #000;
}
#nav-container-mobile {
  display: none;
}
.nav-container, #nav1 {	
  margin: 0;
  float: none;
}
.nav-container ul li {
  font-weight: 700;
  font-style: normal;
  font-size: 100%;
  padding: 0 5px;
}
.nav-container ul li ul li { 
	white-space: nowrap;
}
.nav-container ul li ul li ul li { 
	white-space: normal;
}
.nav-container .nav1 ul li.attention {
  color: #fff;
  text-transform: uppercase;
  margin: 8px 0;
  transition: 0.3s;;
}
.nav-container .nav1 ul li.attention:first-child {
  margin-top: 0;
}
.nav-container .nav1 ul li.attention a {
  filter: none;
  color: #fff;
  line-height: 1;
  padding: 10px 12px;
  white-space: nowrap;
  display: inline-block;
  font-size: 93%;
  margin: 10px 1em 5px;
}
.nav-container .nav1 ul li.attention a:hover,
.nav-container .nav1 ul li.attention a:active,
.nav-container .nav1 ul li.attention a:focus {
  opacity: 1;
  -webkit-filter: saturate(0.9) contrast(0.9) brightness(1.2);
  filter: saturate(0.9) contrast(0.9) brightness(1.2);
}
/* Clear Bootstrap defaults */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: unset;
	border-color: unset;
}
.nav-container .submenu {
	list-style-type: none;
	margin: 0;
	padding: 0 15px;
	position: static;
	box-shadow: none;
}
.nav-container a:hover,
.nav-container ul li a:hover { 
/*	color: #fff; */
}
@media (min-width: 992px) {
	.nav-container li.dropdown-toggle-hover:hover > .dropdown-menu {
		display: block;
	}
}
.nav-container #dropdown-shows {
	min-width: 330px;
}
.nav-container #dropdown-giving {
	min-width: 200px;
}
.nav-container { 
	height: auto; 
	width: auto; 
	position: relative; 
	z-index: 0; 
	padding-top: 0; 
}
.nav-container .dropdown-menu {
  margin-left: 10px;
  padding: 0 0 5px;
	border: none;
	border-radius: 0;
	background-color: #1d1b19;
  font-size: 82%;
}
.nav-container .dropdown-menu .dropdown-menu {
	position: relative;
  font-size: 90%;
}
.nav-container .dropdown-menu-right {
  margin-left: 0;
}
.nav-container .dropdown-menu li a {
	padding: 12px;
	font-size: 115%;
	font-weight: 700;
	white-space: unset;
	line-height: 23px;
}
.nav-container .dropdown .dropdown-submenu .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	margin-left: 8px;
	vertical-align: -3px;
	border-top: 7px solid;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
.nav-container .dropdown .open .dropdown-toggle::after {
	vertical-align: 3px;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid;
	border-left: 5px solid transparent;
}
.nav-container .submenu li {
	line-height: 1.2;
}
.nav-container .submenu li a {
	padding: 10px 20px;
}
.nav1 ul li a,
.nav1 ul li::after { 
	color: #999; 
}
.nav1 ul li.site-theme a,
.nav1 ul li.site-theme::after { 
	color: unset; 
}
.nav1 ul li a:focus,
.nav1 ul li a:hover,
.nav1 ul li:hover::after { 
	color: #aaa;
	background-color: unset; 
	opacity: 1;
}
.nav-container #nav-search,
.nav-container #nav-cart { 
	padding-right: 0;
}
.nav-container #nav-search .icon,
.nav-container #nav-cart .icon { 
	font-family: FontAwesome;
	font-weight: normal;
}
.nav-container #nav-search label,
.nav-container #nav-cart label { 
	display: none;
}
.nav-container #nav-cart a { 
	padding: 15px 0 15px 10px;
}
#nav-cart {
  display: none;
}
.nav-container #nav-search a { 
	padding: 15px 0 15px 10px;
  width: 50px;
}
#nav-search .dropdown-menu-right {
  margin-left: 0;
  margin-right: 15px;
}
#nav-search ul li {
  line-height: 70%;
}
#nav-search fieldset { 
	border: none; 
	white-space: nowrap;
	padding-left: 6px;
  padding-right: 38px;
  padding-bottom: 3px;
}
#nav-search input {   
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 0 6px;
  border: none;
	margin: 2px 0;
	height: 30px;
	line-height: 15px;
}
#nav-search input.text {
	width: 100%;
	min-width: 200px;
	color: #333;
	margin-right: -10px;
	border-radius: 3px 0 0 3px;
}
#nav-search input.submit {  
	background-color: #555;
  border-radius: 0 3px 3px 0;
	min-height: 30px;
}
#nav-search input.submit:hover {  
  color: #fff;
	background-color: #777;
}

/* My Account/Cart link styles */
.nav-container #login {
  position: absolute;
  top: 10px;
  right: 0px;
  transition: all 0.5s;
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 1600px) {
  .nav-container #login {
    top: 9px;
    font-size: 15px;
  }
}
a#login-buy-tickets.button {
  padding: 9px 12px 8px;
  margin: 0 0 10px;
}
a#login-buy-tickets.button label {
  margin: 0;
}
a.login-account, 
a.login-cart {
  color: #999;
  border: 1px solid #555;
  padding: 8px 9px 7px;
}
a.login-cart {
  border-left: none;
  margin-left: -4px;
}
a.login-account label, 
a.login-cart label {
  margin: 0 0 0 6px;
}
span.login-account-cart {
  white-space: nowrap;
  padding-left: 6px;
}
#login-cart .fa-shopping-cart {
  display: inline;
  margin: 0;
}
a.login-account:hover,
a.login-cart:hover {
  color: #aaa;
  border-color: #666;
}
a.login-cart {
  display: none;
}
a.login-account, 
.has-cart a.login-cart {
  display: inline-block;
}

/* Sponsors in Content Area*/
#main .sponsors { 
	display: flex;
	flex-wrap: wrap;
  padding-bottom: 2em;
	text-align: center;
  justify-content: center;
	align-items: center;
	clear: both;
  text-transform: uppercase;
}
#main .event-description .sponsors { 
	text-align: center;
  justify-content: left;
	align-items: unset;
}
#main .sponsors h2 { 
	width: 100%;
  display: block;
  font-size: 94%;
  color: #999;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}
#main .sponsors .sponsor {
	/* max-width: 200px; *** No longer needed with the baseHeightWidth value set in the processSponsorLogo macro (see: general.twig) */
	min-height: 100px;
  padding: 1em 2em;
	font-weight: bold;
	text-align: center;
	display: inline-flex;
	vertical-align: middle;
  align-items: center;
}
#main .event-description .sponsors .sponsor {
  padding: 0 2em 1em 0;
}
#main .featured-content-listing .sponsors .sponsor {
  max-width: unset;
}
/* NOTE: Sponsor logo size is determined by an algorithm in the generalMacros template
   and set via inline style, but we can set up an ideal width here for a square logo */
#main .featured-content-listing .sponsors .sponsor img {
  max-width: 100px;
}
#main .featured-content-listing .sponsors .sponsor label {
  max-width: 180px;
  font-size: 15px;
}
.news-list a.more:hover, .news-list a.previous:hover, .news-list a.button-secondary:hover, .news-list a.more:active, .news-list a.previous:active, .news-list a.button-secondary:active, .news-list a.more:focus, .news-list a.previous:focus, .news-list a.button-secondary:focus {
  opacity: 0.8;
}

/* Sponsors at foot of page */
#content-bottom .sponsors {
  padding-bottom: 0;
}
#content-bottom .sponsors>div {
  padding: 0 25px 1em;
}
#content-bottom .sponsors>a, #main .sponsors .sponsor a {
	color: #000 !important; 
}
#content-bottom .sponsors>a, #main .sponsors .sponsor a:hover {
  opacity: 1;
}
#content-bottom .sponsors .sponsor {
	padding: 0 10px 20px;
	font-size: 13px;
	line-height: 19px;
}
#content-bottom .sponsors .sponsor img {
  max-width: 200px;
  max-height: 200px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
#content-bottom .sponsors .sponsor a img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
#content-bottom .sponsors .sponsor img.sponsor-logo-wide {
  max-height: unset;
  max-width: 120px;
}
#content-bottom .sponsors .communitySponsors {
  width: 100%;
}
#content-bottom .sponsors .communitySponsors p {
  font-size: 16px;
  font-weight: 700;
}

/* Ticket Calendars */ 
/*
#ticket-calendar h2 { 
	color: #666; 
	border-color: #666; 
	margin: 0 0 0.5em; 
	padding-top: 0.2em; 
	font-size: 17px; 
}
#ticket-calendar .cal-footer h2 { 
	font-size: 15px; 
	line-height: 15px; 
}
#ticket-calendar .ticket-calendar-nav,
a.mailing-list-link { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	font-style: normal; 
}
#ticket-calendar .ticket-calendar-nav { 
	font-size: 20px; 
	width: 100%; 
}
#ticket-calendar .ticket-calendar-nav a.side-nav,
#ticket-calendar a.mailing-list-link { 
	font-size: 20px; 
	width: 100%; 
	display: block; 
	margin: 0; 
	padding: 6px 0 1px; 
	color: #666; 
}
#ticket-calendar .ticket-calendar-nav #hours { 
    font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
    font-weight: 300; 
    font-size: 14px; 
    line-height: 18px; 
    margin-bottom: 10px; 
    color: #666; 
}
#ticket-calendar .ticket-calendar-nav #hours h2 { 

    font-size: 17px; 
		border: 0; 
    margin-top: 3px; 
		margin-bottom: 6px; 
}
#ticket-calendar .ticket-calendar-nav #hours p { 
		margin: 0; 
}
#ticket-calendar .ticket-calendar-nav .sgl-tix-msg { 
    margin-top: 15px; 
}
#ticket-calendar .schedules { margin-top: 20px; }
#ticket-calendar .schedule { margin-bottom: 25px; }
#ticket-calendar .schedule table { margin: 0; }
#ticket-calendar .schedule h5 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	font-style: normal; 
	font-size: 16px; 
	line-height: 18px; 
	color: #fff; 
	padding: 10px; 
	margin-bottom: 0;
	border: none; 
}
#ticket-calendar .schedule h5 .dates {  
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-size: 14px;
	text-transform: none; 
	font-weight: 400; 
}
#ticket-calendar .schedule h5 a { color: #fff; }
#ticket-calendar .schedule tr.alt { background-color: #eae9d4; }
#ticket-calendar .schedule td { border-bottom: 1px solid #c8c3bc; vertical-align: top; 	line-height: 15px; padding: 4px 2px 0px 6px; }
#ticket-calendar td.date, 
#ticket-calendar td.day, 
#ticket-calendar td.time { width: 10%; }
#ticket-calendar td.date { font-weight: bold; color: #000; }
#ticket-calendar li.white-tikt { display:inline-block; background-color:#ffffff; height:30px; width:100%; list-style-type:none; margin:0px; padding:0px; }
#ticket-calendar li.tan-tikt { display:inline-block; background-color:#eae8d6; height:30px; width:100%; list-style-type:none; margin:0px; padding:0px; }
#ticket-calendar li.white-tikt, 
#ticket-calendar li.tan-tikt { margin-bottom: -4px; }
#ticket-calendar .tikt-key { font-size: 96%; background-color: #fff; border-bottom: 2px solid #c6c3bd; padding: 5px 5px 5px 0; }
#ticket-calendar .tikt-key-eve { width: 45%; float: left; padding-left: 5px; white-space: nowrap; }
#ticket-calendar .tikt-key-mat { width: 55%; padding-left: 5px; white-space: nowrap; }
#ticket-calendar .tikt-key img.info-button { height: 21px; float: right; padding-top: 2px; }
#ticket-calendar .tikt-key img.eve, 
#ticket-calendar .tikt-key img.mat { height: 16px }
#ticket-calendar .tikt-key label { margin: 0 15px 0 5px; }
#ticket-calendar .tikt-key label.eve { color: #666; }
#ticket-calendar .tikt-key label.mat { color: #7f7870; }
#ticket-calendar .scroll-container { padding: 0; margin: 0; overflow-x: hidden; overflow-y: scroll; background-color: #c6c3bd; }
#ticket-calendar .all-pages .scroll-container { max-height: 240px; border-bottom: none; }
#ticket-calendar .production-page .scroll-container { max-height: 480px; border-bottom: 2px solid #c6c3bd; }
#ticket-calendar .production-page .cal-footer { display: none; }
#ticket-calendar .scroll-container::-webkit-scrollbar { width: 15px; background: #c6c3bd; cursor: pointer; }
#ticket-calendar .scroll-container::-webkit-scrollbar-thumb { background-color: #e7e7e7; border: 2px solid #c6c3bd; cursor: pointer; }
#ticket-calendar .scroll-container::-webkit-scrollbar-button { background-color: #c6c3bd; cursor: pointer; }
#ticket-calendar .scroll-container::-webkit-scrollbar-button:vertical:decrement { background-image:url(/assets/site/arw-up.png); background-repeat:no-repeat; background-position: center center; cursor: pointer; }
#ticket-calendar .scroll-container::-webkit-scrollbar-button:vertical:increment { background-image:url(/assets/site/arw-dn.png); background-repeat:no-repeat; background-position: center center; cursor: pointer; }
#ticket-calendar .tikt-list { margin: 0; padding: 0; font-size: 13px; line-height: 1.3; }
#ticket-calendar .tikt-txt { background-color:transparent; height:auto; margin:0px; padding:0px; }
#ticket-calendar .tikt-txt ul { list-style-type:none; height:30px; margin:0px; padding:0px; }
#ticket-calendar .tikt-txt ul li { margin:0px; padding:0px; height:30px; }
#ticket-calendar li.tik-mnth { float:left; width:14%; margin:0px; padding:0px; font-weight:700; font-size:13px; }
#ticket-calendar li.tik-mnth p { padding:7px 5px; margin:0; }
#ticket-calendar li.tik-date { float:left; width:16%; margin:0px; padding:0px; font-size:20px; font-weight:700; }
#ticket-calendar li.tik-date p { padding:2px; margin:0;}
#ticket-calendar li.tik-day { float:left; width:11%; margin:0px; padding:0px; font-size:12px; font-weight:400; }
#ticket-calendar li.tik-day p { padding:7px 3px; margin:0; }
#ticket-calendar li.tik-mnth p.eve, 
#ticket-calendar li.tik-date p.eve, 
#ticket-calendar li.tik-day p.eve { color:#666; }
#ticket-calendar li.tik-mnth p.mat, 
#ticket-calendar li.tik-date p.mat, 
#ticket-calendar li.tik-day p.mat { color:#666; }
#ticket-calendar li.tik-day p.med { float: right; font-size:10px; font-weight:400; color:#962d32; position: absolute; right:4px; top:7px; }
#ticket-calendar li.tik-time { float:left; width:12%; margin:0px; padding:0px; }
#ticket-calendar li.tik-time p { padding:7px 3px; margin:0; }
#ticket-calendar li.tik-time p img { height: 16px; }
#ticket-calendar .info { display:inline; float:left; margin:0px; padding:0px; text-align:left; }
#ticket-calendar .info p { font-size:12px; font-weight:400; color:#000; padding:7px 0px 0px 2px; }
#ticket-calendar .info2 { cursor: pointer; }
#ticket-calendar .info2 { display:none; float:left; margin:0px; padding:0px; text-align:left; }
#ticket-calendar .info2 p { font-size:11px; font-weight:600; color:#fff; padding:8px 0px 0px 2px; }
#ticket-calendar .tikt-txt ul { transition:0.3s;; }
#ticket-calendar .tikt-txt ul.maximus { background-color:#666; }
#ticket-calendar .tikt-txt ul.maximus li.tik-mnth p { color:#fff; }
#ticket-calendar .tikt-txt ul.maximus li.tik-day p { color:#fff; }
#ticket-calendar .tikt-txt ul.maximus li.tik-day p .med { float: right; font-size:10px; font-weight:400; color:#962d32; position: absolute; right:0px; top:7px; }
#ticket-calendar .tikt-txt ul.maximus li.tik-date p.eve, 
#ticket-calendar .tikt-txt ul.maximus li.tik-date p.mat { color:#fff; }
#ticket-calendar .tikt-txt ul.maximus li.info { display:none; float:right; margin:0px; padding:0px; }
#ticket-calendar .tikt-txt ul.maximus li.info p { display:none; font-size:11px; font-weight:600; color:#fff; }
#ticket-calendar .tikt-txt ul.maximus li.info2 { display:inline; float:left; width: 42%; }
#ticket-calendar .tikt-txt ul.maximus li.info2 p { font-size:11px; font-weight:600; color:#fff; }
#ticket-calendar .tikt-txt ul.maximus li.info2 p a { color: #fff; text-decoration: none; }
#ticket-calendar .tikt-txt ul.maximus li.info2 p a:hover { text-decoration: none; }
#ticket-calendar #cal-footer, 
#ticket-calendar .cal-footer { background-color:#666; transition: 0.3s;; }
#ticket-calendar #cal-footer:hover, 
#ticket-calendar .cal-footer:hover { background-color:#000; }
#ticket-calendar #cal-footer h2, 
#ticket-calendar .cal-footer h2 { color:#fff; border:none; margin:0; }
#ticket-calendar .cal-footer h2 { text-align: center; }
#ticket-calendar .cal-footer h2 a { color: #fff; display:block; padding: 10px 0; width: 100%; }
*/

/* Social Icons */
#footer .social-icons { 
	padding: 0;
	margin-top: 25px;
	white-space: nowrap;
	list-style-type: none;
  font-size: 30px;
  margin-bottom: 25px;
}
#footer .bottom-line { 
	margin-top: 30px;
}
#footer .social-icons span.social-icon-facebook { color: #3b5998; }
#footer .social-icons span.social-icon-twitter { color: #55acee; }
#footer .social-icons span.social-icon-instagram { color: #3f729b; }
#footer .social-icons span.social-icon-flickr { color: #ff0084; }
#footer .social-icons span.social-icon-youtube { color: #e52d27; }
#footer .social-icons span.social-icon-vimeo { color: #1ab7ea; }
#footer .social-icons span.social-icon-pinterest { color: #cc2127; }
#footer .social-icons span.social-icon-tiktok { color: #fe2c55; display: inline-block; text-align: left; }

#footer .social-icons i.fa-facebook-square,
#footer .social-icons i.fa-twitter-square,
#footer .social-icons i.fa-instagram,
#footer .social-icons i.fa-instagram-square,
#footer .social-icons i.fa-flickr,
#footer .social-icons i.fa-youtube-square,
#footer .social-icons i.fa-vimeo-square,
#footer .social-icons i.fa-pinterest-square,
#footer .social-icons i.fa-envelope-square { 
	color: #e7e7e7 !important; 
}
#footer .social-icons i.fa-square,
#footer .social-icons i.fa-tiktok {
	color: #131313 !important;
}
#footer .social-icons i.fa-tiktok {
	background-color: #e7e7e7;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
}
#footer .social-icons i.fa-tiktok:before {
  position: relative;
  font-size: 18px;
  left: 5px;
  top: -4px;
}
.section-links .social-icons { 
	margin: 0;
  padding: 25px 0;
	list-style-type: none;
	font-size: 24px;
}
.section-links .social-icons i { 
	color: #e7e7e7 !important; 
}
.section-links .social-icons i.fa-square {
	color: #111 !important;
}

/* Ticket Calendar Modal */
body.section-ticket-calendar #mobile-cal { display: none; }
body.section-ticket-calendar { background-color: #666; }
body.section-ticket-calendar #content {	padding-top: 0; margin-top: 57px; }
body.section-ticket-calendar #content-row {	margin-right: 0;	margin-left: 0; }
body.section-ticket-calendar #ticket-calendar {	margin: -77px auto 0; max-width: 300px; }
body.section-ticket-calendar #ticket-calendar .tikt-key { font-size: 14px; }
body.section-ticket-calendar #ticket-calendar .schedule h5 { font-size: 20px; line-height: 22px; }
body.section-ticket-calendar #ticket-calendar .tikt-key-eve { float: left; width: 50%; padding-left: 5px; white-space: nowrap; }
body.section-ticket-calendar #ticket-calendar .tikt-key-mat { width: 50%; padding-left: 5px; white-space: nowrap; }
body.section-ticket-calendar #ticket-calendar .tikt-key label { margin: 0 20px 0 5px; }
body.section-ticket-calendar #ticket-calendar .tikt-list { font-size: 14px; line-height: 18px; }
body.section-ticket-calendar #ticket-calendar li.white-tikt, 
body.section-ticket-calendar #ticket-calendar li.tan-tikt,
body.section-ticket-calendar #ticket-calendar .tikt-txt ul,
body.section-ticket-calendar #ticket-calendar .tikt-txt ul li  { height: 34px; }
body.section-ticket-calendar #ticket-calendar li.tik-mnth {	text-indent: 6px; font-size: 15px;	line-height: 20px; }
body.section-ticket-calendar #ticket-calendar li.tik-date {	font-size: 20px; line-height: 30px; }
body.section-ticket-calendar #ticket-calendar li.tik-day,
body.section-ticket-calendar #ticket-calendar .info p,
body.section-ticket-calendar #ticket-calendar .info2 p,
body.section-ticket-calendar #ticket-calendar .tikt-txt ul.maximus li.info2 p { font-size: 15px; line-height: 20px; }

/* Content Area */
.home-production-row {
  padding-right: 5px;
  padding-left: 5px;
}
.home-production-col {
  padding-left: 5px;
  padding-right: 5px;
}
.col-sm-12 {
	/* padding-right: 0; */
}
.main-image img { 
	width: 100%; 
}
.main img {
	max-width: 100%;
}
.noteworthy-head h2,
.news-head h2 {
	clear: both;
	border-top: 2px solid #e7e7e7;
  padding-top: 15px;
	margin-bottom: 0;
	text-align: center;
  color: #666;
}
.noteworthy-head {
	display: none;
}
.homepage .noteworthy,
.homepage .news {
	clear: both;
}
.staticPages h2,
.landingPages h2,
.productions h2,
.blog h2,
.resourceGuides h2 {
	text-align: center;
	/* padding-top: 35px; */
}
h1.border-top,
h2.border-top,
h3.border-top,
h4.border-top,
h5.border-top,
h6.border-top {
  padding-top: 30px;
  border-top: 2px solid #e7e7e7;
  margin-top: 30px;
}
.featured-entry-summary h2 {
	margin: 0;
	padding: 0;
}
.featured-entry-summary .summary-text .text-center {
	text-align: left;
}
.featured-entry-summary p:first-of-type {
  margin: 0;
}
.featured-entry-summary .blurb p,
.featured-entry-summary .blurb p:first-of-type {
  margin-bottom: 0.5em;
}
.featured-entry-summary p:last-of-type {
  margin-bottom: 1em;
}
.page-subhead {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 30px;
	font-weight: 700;
}
.author {
	text-align: center;
	margin: -10px auto 30px;
	color: #666;
	font-size: 90%; 
}
p.datestamp { 
	text-align: center;
	font-size: 90%; 
	color: #666; 
	margin: -10px 0 35px 0; 
}
a.more, a.next, a.previous, .button-secondary, .current-page {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 94%;
  display: inline-block;
  margin: auto;
  padding: 7px 14px 6px 14px;
  border: 1px solid #bbb;
  text-transform: uppercase;
}
a.next::after {
  margin-left: 7px;
  margin-right: -7px;
}
a.previous::before {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	margin-right: 7px;
	vertical-align: 0px;
	border-right: 10px solid #0ea19e;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	margin-left: -7px;
}
div.allposts {
  padding: 30px;
}
a.allposts {
	clear: both;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
  text-align: center;
	padding: 10px 20px;
  border: 1px solid #bbb;
	max-width: 90%;
  margin: auto;
}
.staff_entry a.previous {
  margin-top: 1em;
}
.button-secondary::after {
	display: none;
}
.featured-entry-summary .more {
	 margin: 0;
}
a.more:active, a.more:focus, .button-secondary:active, .button-secondary:focus, .pagination a:active, .pagination a:focus {
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.textBlock>p>a.more {
  margin: 10px;
}
.productions #blog a.more,
.productions #events a.more {
	margin-top: 0;
}
.content-access-challenge {
  padding: 5% 0 30%;
  text-align: center;
  max-width: 900px;
  margin: auto;
}
#main .content-access-challenge .button {
  padding: 6px 16px;
}

/* Homepage Top Row "Notice" Section */
.homepage-notice {
  margin: -5px auto;
  padding: 0 15px;
}
.homepage-notice a.more {
  margin-bottom: 10px;
}
/*
.homepage-notice a {
  color: #c73907;
}
.homepage-notice a.more {a
  margin-bottom: 10px;
}
.homepage-notice a.more::before {
  border-left-color: #c73907;
}
.homepage-notice a.more:hover {
  color: #c73907;
  background-color: inherit;
}
*/

/* Remix News Banner 
.homepage-notice {
  margin-bottom: 30px;
  padding: 30px 20px 0;
  background-color: #333;
  color: #bbb;
  background-image: url(/assets/remix-banner-bg-1200w.png);
  background-blend-mode: overlay;
  background-position: bottom right;
}
.homepage-notice h1 {
  color: #e7e7e7;
  font-size: 20px;
  margin: 0 0 1em;
  padding: 0;
  text-shadow: 2px 2px #131313;
}
.homepage-notice p {
  text-shadow: 1px 1px #131313;
}
.homepage-notice a:hover {
  opacity: 1;
  -webkit-filter: brightness(108%);
	filter: brightness(108%);
}
.homepage-notice a {
  color: #0ea19e;
}
.homepage-notice a.more {
  color: #e7e7e7;
  border-color: #666;
  background-color: #111;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}
.homepage-notice a.more::before {
  border-left-color: #0ea19e;
}
.homepage-notice a.more:hover {
  background-color: #222;
}
.homepage-notice p:last-child {
  margin-bottom: 0;
}
*/

/* Production Listings */
.homepage .production {
	color: #e7e7e7;
}
.production .body, 
.production #showtimes,
.production #blog,
.production #events,
.production #media-sidebar {
	padding-top: 25px;
	padding-bottom: 25px;
}
.production #blog,
.production #events,
.production #showtimes,
.production #media-sidebar {
	border-top: 2px solid #e7e7e7;
}
.production #showtimes,
.production #media-sidebar {
	text-align: center;
}
.production #media-sidebar .allposts {
	margin-top: 1em;
}
.production .prod-info-link {
	float: right;
}
#main .production-head a:hover,
#main .production-head a.ticket:hover,
#main .production-head a.button:hover,
#alert a:hover {
	opacity: 1;
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}
#main .production-head a.more:hover {
  background-color: unset;
}
#main .production-head a.more:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2); 
}
.production-head a.more::before {
	opacity: 1;
}
.production-head a.more:hover {
	color: #fff;
	opacity: 1;
}  
.homepage .production-head h2 {
	margin: 0;
  padding: 5px 0;
}
.homepage .production-head h2, .homepage .production-head .more, .blurb .homepage .more {
	text-align: center;
}
.production-head .soldout {
  font-weight: 700;
  font-size: 152%;
  font-style: italic;
  padding: 0 0 5px;
  margin-top: -10px;
}
.homepage .production-head .soldout {
  font-size: 129%;
}
.production-special-landing-page .production-head h2,
.production-special-landing-page .production-head h4,
.production-special-landing-page .production-head .more,
.production-special-landing-page .blurb .more {
	text-align: center;
}
.production-head .more, .production-head .jaw-free, .blurb .more {
	margin: 10px auto;
	background-color: unset;
  color: #eee;
  border-color: #666;
}
.production-head .more, .production-head .jaw-free {
	margin-top: 0;
}
.production-head .buttonBlock {
  padding: 0;
}
.production-head .jaw-free {
  color: #fff;
	font-weight: 700;
}
.homepage .production-head {
	display: flex;
	flex-direction: column;
	align-self: center;
	place-content: space-between;
}
.productions .production-top {
  padding: 0 30px;
}
.production-head {
	margin-bottom: 0;
	padding: 1.25em;
	text-align: center;
	color: #bbb;
}
.production-head-print {
	display: none;
}
.production-title-display {
  color: #fff;
  margin: 0;
  font-size: 60px;
  padding: 100px 50px;
}
.production-head .button {
	margin-bottom: 0;
}
.production-special-landing-page .production-head {
	margin: 0;
	padding: 15px 15px 30px;
	text-align: center;
}

/* Button Styles */
.tnew-style-button,
.action-button,
.button {
	display: inline-block;
}
#main .button, .tnew-style-button, .action-button, .redactor-dropdown-button-style-toggle, form .buttons .button, .dropdown .btn, a.ticket, a.button {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	font-style: normal;
	font-size: 100%;
	font-weight: bold;
  text-transform: uppercase;
	border: none;
  border-radius: 3px;
	text-align: center;
  padding: 1.2em 1.3em 1em;
  margin: 10px auto;
  line-height: 1;
}
.main a.button, .button, .tnew-style-button, .action-button, .redactor-dropdown-button-style-toggle, form .buttons .button, .dropdown .btn {
	color: #fff;
}
.tnew-style-button a,
.tnew-style-button a:hover,
a.tnew-style-button,
a.tnew-style-button:hover, 
.action-button a,
.action-button a:hover,
a.action-button,
a.action-button:hover, 
.button a,
.button a:hover,
a.button,
a.button:hover, 
form .buttons .button, 
form .buttons .button:hover {
	color: #fff;
}
.button.black {
  color: #000 !important;
}
.button.white {
  color: #fff !important;
}
#main button:hover, .button:hover {
	color: #fff;
}
input.tnew-style-button,
input.action-button,
input.button {
	cursor: pointer;
}
#main .button.small {
  padding: 6px 16px;
  font-size: 94%;
}
.main .button.disabled, .main a.button.disabled, a.button.disabled, .button.disabled {
  background-color: #ddd;
  color: #bbb;
  pointer-events: none;
}

/* Sub-navigation Dropdown Menus */
.dropdown .btn {
	margin-bottom: 0;
  color: #333;
	background-color: unset;
	border: 1px solid #bbb;
  border-radius: 0;
  line-height: 1;
}
.dropdown.small .btn {
  padding: 0.75em 1em;
  line-height: 1;
}
.dropdown-menu {
  font-size: 100%;
  padding: 0;
}
a.dropdown-item {
  padding: 0.75em 1em;
  display: block;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
a.dropdown-item:last-child {
  border: none;
}
.category-menu {
	left: 50%;
  right: auto;
	min-width: 500px;
  text-align: center;
  transform: translate(-50%, 0);
	padding: 10px;
	font-size: 100%;
	border: unset;
	-webkit-background-clip: border-box;
	background-clip: border-box;
  border-radius: unset;
}
.events-index .category-menu {
	border: 1px solid #bbb;
}
.category-menu div {
	padding: 0;
}
.static-submenu .caret {
	margin-left: 5px;
  margin-right: -5px;
  border-width: 6px;
}
.static-submenu .category-menu a {
	padding: 10px 20px;
}
.category-menu hr {
	margin: 3px 0;
}
.category-item {
	display: block;
	font-size: 100%;
}
.category-item:hover {
	background-color: #f8f6f6;
}
.pull-quote {
	font-size: 118%;
  font-weight: 700;
	text-align: center;
	color: #666;
  padding: 1em 30px;
  /*	
	margin-top: 30px;
	border-top: 2px solid #e7e7e7;
  */
}
.pull-quote-frame {
  margin-bottom: 1em;
}
/* ***************** NEEDS WORK ******************
.pull-quote-frame {
  border: 1px solid #bbb;
  padding: 15px 20px;
}
.production .pull-quote-frame::before {
  content: "“";
  position: relative;
  top: -0.3em;
  font-size: 260%;
  background-color: white;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
}
.production .pull-quote-frame::after {
  position: relative;
  bottom: -1em;
  font-size: 260%;
  background-color: white;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
  content: "”";
  right: -2.2em;
}
************************************************** */
.pull-quote-with-link { /* keep for older show pages! */
  transition: 0.3s;;
  cursor: pointer;
}
.pull-quote-with-link:hover, 
.pull-quote-with-link:active, 
.pull-quote-with-link:focus { /* keep for older show pages! */
  opacity: 0.75;
}
.pull-quote-frame>.pull-quote p:last-of-type { /* keep for older show pages! */
	margin: 0;
}
.first-photo img {
  width: 100%;
}
.co-pro-credit {
  font-style: italic;
}
div.co-pro-credit {
  margin-bottom: 1em;
}
.co-pro-credit em, 
.tag-line em {
  font-style: normal;
}
.tag-line em:last-of-type {
  font-style: italic;
}
.tag-line em:last-of-type,
.pull-quote em:last-of-type {
  font-weight: 400;
  white-space: nowrap;
}
.home-production-col .tag-line em,
.home-production-col .tag-line em:last-of-type {
  font-weight: 700;
  font-style: normal;
}
/*
.productions .additional-info {
	padding-top: 30px;
  padding-bottom: 15px;
	border-top: 2px solid #e7e7e7;
}
*/
.productions .additional-info h2 {
  font-size: 129%;
}
.productions .additional-info > div.accordion-block:first-child {
	margin-top: -32px;
}
.productions .additional-info blockquote h2,
.productions .additional-info blockquote h3,
.productions .additional-info blockquote h4 {
	padding: 0;
}
.productions .production-head .production-dates {
	margin: 0px;
	padding: 0 30px;
  font-size: 176%;
  font-weight: 700;
  color: #fff;
}
.productions .production-head .production-times {
  font-size: 129%;
  padding-bottom: 10px;
  color: #e7e7e7;
}
.production-head h2 {
	font-size: 106%;
	height: auto;
	border-top: 0;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	color: #000;
}
.season h2 {
	margin-bottom: 0px !important;
}
h3.venue {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 90% !important;
	margin: 0;
	padding-top: 6px;
	text-align: center;
}
.production-head h2 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;	
	margin: 0;
	font-size: 141%;
	color: #fff;
}
.production-head h3 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 100%;
	line-height: 21px;
  text-align: left;
	padding-top: 2px;
	margin: 0;
}
.current-season .production-head h2 {
	color: #fff;
	font-size: 118%;
}
.production-head .run-time-note {
  font-size: 90%;
  padding: 0 0 10px;
  font-style: italic;
}
.production-head .venue {
	font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 120%;
}
.production-head .historical-note {
  font-style: italic;
  padding: 0.5em 1em;
}
.production-head .historical-note p {
  margin: 0;
}
.production-head .credits,
.production-head .copyright {
	font-size: 90%;
	font-weight: 400;
  padding: 0 30px 25px;
	color: #aaa;
}
.production-head .copyright p {
	padding: 0;
	margin: 0;
}
.production-head .blurb {
	padding: 15px 20px;
	letter-spacing: 0.3px;
}
.production-head .button-container {
	margin: 0 auto;
	text-align: center;
}
.production-head .clear {
	height: 0;
}
.production-head .notice {
  color: #fff;
  background-color: #d30012;
  font-weight: 400;
  padding: 10px 15px;
  margin: auto;
  font-size: 94%;
}
.production-head .notice a {
  color: #fff !important;
  font-weight: 700;
}
@media (min-width: 768px) {
  #production-head-left {
    display: grid;
    align-items: center;
    text-align: center;
    padding: 0 1.25em 0 0;
  }
  #production-head-right {
    text-align: left;
    padding: 0 0 0 1.25em;
    border-left: 2px solid #444;
  }
}
@media (max-width: 767px) {
  #production-head-left {
    height: unset !important;
  }
}
#production-head-right.for-fans-of {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#production-head-right.for-fans-of h4 {
  color: #fff;
  font-size: 105%;
  padding: 1.5em 0.85em 0;
}
#production-head-right.for-fans-of ul {
  margin: 0 0 0 1em;
  padding: 1em 0 1.5em 1.25em;
  list-style-type: disclosure-closed;
  font-size: 90%;
}
#production-head-right.for-fans-of ul li::marker {
  color: #666;
}
#production-head-right.for-fans-of a {
  font-weight: 400;
  color: inherit !important;
}
.current-season .row {
	padding-top: 25px;
	padding-bottom: 25px;
	/* border-bottom: 2px solid #e7e7e7; */
}
.current-season .row:last-child {
	border-bottom: none;
}
.staticPages .production-head, 
.current-season .production-head {
	padding: 15px;
  background-color: #000;
}
.current-season h2 {
	margin-bottom: 0;
  font-size: 165%;
}
.current-season .venue {
	margin: -5px 0 0;
  font-size: 90%;
  color: #999;
}
.current-season .blurb h4 {
	display: none;
}
.current-season .pull-quote-frame {
  max-width: 80%;
  margin-top: 25px;
  border: 1px solid #bbb;
  padding: 15px 20px;
}
.current-season .pull-quote {
  font-size: 100%;
  text-align: left;
  border: none;
  margin: 0;
  padding: 0;
}
.current-season .production-head,
.current-season .production-head h2,
.current-season .production-head .blurb,
.current-season .production-head .more {
	text-align: center;
}
.current-season .production-head .blurb {
	padding: 15px 20px;
}
.current-season .production-head .more {
	margin-top: 15px;
	margin-bottom: 15px;
  width: 100%;
  border: none;
}
.current-season .production-head .more:hover {
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}
.current-season {
	margin: 30px auto;
}
.current-season .image {
	margin-bottom: 0;
}
.current-season .featured-entry-thumbnail img {
  width: 100%;
}
.current-season .production .text-center {
	text-align: left;
}
.student-matinee-listing {
  margin-bottom: 50px;
}
#content .affinity-nights {
  width: fit-content;
  text-align: center;  
}
#content .affinity-nights .row {
  padding: 15px 0;
  border-bottom: 2px solid #e7e7e7;
} 
#content .affinity-nights .row:last-child {
  border-bottom: none;
}
#content .affinity-nights h4 {
  font-weight: 400;
}
  
/* LINKS page - force thumbnail images to be square */
body.section-links {
  background-color: #111;
  color: #e7e7e7; 
}
body.section-links h1 {
  color: #bbb; 
  padding-top: 0;
}
.section-links #header-wrapper {
  padding-top: 30px;
  background: none;
  border: none;
  position: relative;
}
.section-links #header-mobile {
  display: block;
}
.section-links #mobile-menu,
.section-links #header,
.section-links #main .sponsors,
.section-links #footer div {
  display: none;
}
.section-links #footer .bottom-line {
  display: block;
}
.section-links #logo-mobile {
  text-align: center;
  width: 100%;
  padding: 30px 15px 25px;
}
.section-links #logo-mobile img {
  height: auto;
  width: 100%;
}
.section-links #content {
  margin-top: 0;
}
.section-links #main {
  padding-top: 0;
}
.section-links #content, .section-links #main, .section-links #content-inner, .section-links #content-bottom {
  background-color: unset;
}
.section-links .links-block-row, .section-links #main .sponsors {
  background-color: #fff;
  color: #333;
  padding: 1.5vw;
  white-space: nowrap;
  border-radius: 1.5vw;
  border: 3px solid;
}
.section-links .links-block, .section-links #main .sponsors {
  margin: 0 auto 30px;
}
.section-links .links-block-row {
  margin-bottom: 10px;
}
.section-links .links-block-row div, .section-links #main .sponsors div {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.section-links .link-thumbnail {
  width: 20%;
  display: inline-block;
  padding: 0;
}
/* These styles are used by the Links page template to vary the appearance of the 
   "external link" placeholder graphic when no thumbnail image is supplied */
.link-thumbnail.external-link-thumb-1 {
  background-color: #f23839;
}
.link-thumbnail.external-link-thumb-2 {
  background-color: #1cbf16;
}
.link-thumbnail.external-link-thumb-3 {
  background-color: #00baf9;
}
.link-thumbnail.external-link-thumb-4 {
  background-color: #ef48b1;
}
.link-thumbnail.external-link-thumb-5 {
  background-color: #394c84;
}
.section-links .link-title {
  width: 80%;
  display: inline-block;
  padding: 0 1vw 0 0;
  color: #333;
  font-size: 3.75vw;
  line-height: 1.4;
}
.section-links .idea-notice {
  color: unset;
}
.section-links .idea-notice a.more, 
.section-links a.next, 
.section-links a.previous, 
.section-links .button-secondary {
  color: inherit;
}
.section-links #main .sponsors {
  border-color: #666;
  background-color: #d7d7d7;
}
.section-links #main .sponsors h2 {
  color: #666;
  padding-top: 20px;
  font-size: 100%;
}
.section-links #footer-wrapper {
  color: #e7e7e7;
  background-color: #111;
}
.section-links #footer,
.section-links #footer a,
.section-links #footer li a,
.section-links #footer div a,
.section-links #footer p a {
  color: #e7e7e7;
}
@media (min-width: 415px) {
  
}
@media (min-width: 768px) {
  .section-links #logo-mobile img {
    max-width: 50%;
  }
  .section-links .links-block {
    max-width: 50%;
  }
  .section-links .links-block-row, .section-links #main .sponsors {
    padding: 0.5em;
    border-radius: 10px;
  }
  .section-links .link-title {
    font-size: 120%;
    padding: 0 0.5em;
  }
}
@media (max-width: 767px) {
  .section-links #main .sponsors {
    padding: 0px 5px 20px;
  }
  .section-links #main .sponsors div {
    padding: 0;
  }
  .section-links #main .sponsors .sponsor {
    padding: 5px;
    min-height: unset;
    max-width: unset;
  }
  .section-links #main .sponsors .sponsor img {
    max-width: 70px;
    width: auto;
    height: auto;  
  }
}
.content-inner .row {
	/* padding-bottom: 1em; */
}
.content-inner .row + h2 { /* The plus (+) combinator selects the adjacent (immediatly following) sibling element */
/* THIS DOESN'T WORK, CAUSES ISSUES WITH OTHER H2 ELEMENTS - FIX 
  margin-top: -20px;
*/
}
.static-submenu, .table-of-contents {
	color: #666;
	text-align: center;
  font-weight: 700;
}
.static-submenu {
	font-size: 94%;
  margin-bottom: 50px;
}
.static-submenu.small {
	font-size: 85%;
  margin-bottom: 30px;
}
.table-of-contents {
	margin-bottom: 30px;
	font-size: 100%; 
}
.static-submenu .button-secondary, .table-of-contents .button-secondary, .table-of-contents .current-page {
  display: inline-block;
  padding: 6px 12px;
  margin: 8px 6px;
  /* color: inherit;  */
  text-transform: inherit;
  border-color: #aaa;
}
.static-submenu .current-page, .table-of-contents .current-page {
  color: #999;
  background-color: #f7f7f7;
  border-color: #e7e7e7;
}
.static-submenu .current-page::before, .table-of-contents .current-page::before {
	display: inline-block;
  width: 0;
  height: 0;
  content: "";
  margin-right: 8px;
  vertical-align: -4px;
  border-left-color: #999;
  border-top: 7px solid;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.static-submenu .button-secondary:hover, .table-of-contents .button-secondary:hover {
  opacity: 0.75;
}
.static-submenu p, .table-of-contents p {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.static-submenu .divider,  .table-of-contents .divider {
  display: inline;
}
.static-submenu .parent, .table-of-contents .parent {
	font-weight: 400;
}
.static-submenu ul {
	list-style-type: none;
	padding: 0;
}
.static-submenu ul li {
	display: inline-block;
	padding: 0 0 0 5px;
	height: 1em;
	line-height: 1em;
	margin: 0;
}
/* .static-submenu .comma, .table-of-contents .comma {
	margin: 0 -3px 0 -5px;
} */
.static-submenu ul li::before {
	content: '\b7'; /* \b7 is a middot */
}
.static-submenu ul li:first-child::before {
	content: none;
}
.static-page-links {
	font-size: 1.2em;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 2em;
}
.staticPages table,
.blog table,
.events table,
.productions table,
.artists table {
	margin: auto auto 30px;
	border: none;
}
.staticPages table td,
.blog table td,
.events table td,
.productions table td,
.artists table td {
	vertical-align: top;
  padding: 15px 15px 0 0;
	border: none;
}
.staticPages table tr td:last-child,
.blog table tr td:last-child {
  padding: 15px 0 0 0;
}
.staticPages table td,
.blog table td,
.productions table td,
.artists table td {
	min-width: 150px;
}
.artists table td {
  padding: 10px 10px 0;
}
.staticPages table td img,
.blog table td img,
.events table td img,
.productions table td img,
.artists table img {
	width: 100%;
}
.staticPages .textBlock > blockquote {
  /* margin: 40px 0px; */
}
.the-armory-cafe table {
	max-width: 60%;
}
.the-armory-cafe table td.text-right {
	white-space: nowrap;
}
table.credits td {
	width: 50%;
	max-width: 50%;
}
#footer-content .span-1 li {
	font-size: 13px;
	line-height: 130%;
	margin-bottom: 4px;
	}
#footer-content .span-1 .sub-footer-nav li {
	font-size: 12px;
	margin-top: 4px;
}
.bio-reveal, .bio_extended, .bio-hide {
	font-size: 11px;
	font-weight: normal;
}

/* Modal Popups */
.modal, 
#globalSalesAlert .modal {
	z-index: 9999;
}
.modal-dialog-full, 
#globalSalesAlert .modal-dialog-full {
	width: auto;
	margin: auto;
	padding: 25px !important;
	max-width: 1200px;
}
.modal-header, 
#globalSalesAlert .modal-header {
	padding: 10px !important;
  border-radius: 5px 5px 0 0;
	background-color: #666;
	border-bottom: none;
}
.modal-title, h1.modal-title,
#globalSalesAlert .modal-title, 
#globalSalesAlert h1.modal-title {
	font-size: 100%;
	text-align: center;
	font-weight: 700;
	color: #eee !important;
	line-height: 1;
	padding: 0;
}
.modal-content,
#globalSalesAlert .modal-content {
	background-color: #fff;
}
.modal-content .close, 
#globalSalesAlert .modal-content .close {
	float: right;
	margin: -25px -10px -10px;
	text-align: right;
	color: #bbb;
	font-size: 40px;
	font-weight: normal;
	line-height: 25px;
	padding: 5px;
	transition: 0.3s;;
}
#playbillEmbed .modal-body {
	padding: 5px;
	margin: 0;
	background-color: #343434;
}
#playbillEmbed .modal-body iframe {
	border: none;
	width: 100%;
	height: 800px;
}
.modal-sales-alert .modal-body, 
#globalSalesAlert .modal-body {
	color: #333;
	padding: 20px;
  font-size: initial;
  font-weight: initial;
  text-align: initial;
}
.modal-tickets {
	min-width: 310px;
}
.modal-tickets .modal-dialog {
	width: 310px;
	margin: 10px auto;
}
.modal-seatmap button.close {
	color: #666;
  font-size: 48px !important;
  margin: -10px 0 10px;
	font-weight: 500; 
  transition: 0.3s;;
}
.modal-content button.close:hover,
.modal-tickets button.close:hover,
.modal-series button.close:hover,
.modal-seatmap button.close:hover {
  transition: 0.3s;;
	opacity: 1.0;
}
.seat-map a[data-toggle="modal"] img {
	margin-bottom: 1em;
}
.modal-tickets iframe {
	height: 600px;
	width: 100%;
	border: none;
  margin: 0;
}
.modal-seatmap .modal-content {
	padding: 25px;
}
.modal-body {
	/* padding-bottom: 90px; */
	margin: 0 5px;
  border-radius: 3px;
}
.modal-series .modal-body {
	padding-bottom: 90px;
}
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4 {
	text-align: center;
}
.modal-body h1 {
	margin: 15px auto 10px;
}
.modal-body h2 {
	margin: -10px auto 20px;
	color: #666;
}
.modal-body h3 {
	font-size: 129%;
}
.modal-body h3,
.modal-body h4 {
	margin: 0 auto 10px;
}
.modal-body .close-button {
  text-align: center;
  margin: 30px auto 15px;
}
#main .modal-body .close-button button:hover {
  color: #666;
  background-color: #f5f5f5;
}
.modal-small { 
	max-width: 500px; 
}
.series-btn { margin-left: 15px; }
.package-types { 
	margin: 30px 15px; 
}
a.tickets-normal-link {
	display: inline-block;
}
a.tickets-modal-link {
	display: none;
}

/* Bootstrap Tooltips */
a + .tooltip > .tooltip-inner {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-size: 15px;
}

/* Accordion Blocks */
.accordion-block {
	margin: 0 0 30px;
	border: 2px solid #e7e7e7;
}
div.textBlock ~ div.accordion-block {
	margin-top: 30px;
}
.the-armory-bar .accordion-block {
	margin-right: auto;
	margin-left: auto;
	max-width: 670px;
}
.accordion-head,
#staff-directory .department-head {
	background-color: #f7f7f7;
  padding: 10px 15px;
	font-weight: 700;
}
#details-sidebar .accordion-head {
  background-color: #e7e7e7;
  color: #333;
}
#details-sidebar .accordion-head p {
  color: #333;
}
.accordion-head:hover,
#staff-directory .department-head:hover {
	opacity: 0.75;
}
.accordion-head a, .accordion-head a:link {
	/* color: #999 !important; */
}
.accordion-head a p, .accordion-head a:link p, 
.accordion-head a h2, .accordion-head a:link h2, 
.accordion-head a h3, .accordion-head a:link h3, 
.accordion-head a h4, .accordion-head a:link h4, 
.accordion-head a h5, .accordion-head a:link h5, 
.accordion-head a h6, .accordion-head a:link h6 {
  color: #666;
  width: 100%;
  padding: 0.2em 1.2em 0 0;
  margin: 0;
  display: inline-block;
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1.5em;
}
.accordion-head a h2, .accordion-head a:link h2, 
.accordion-head a h3, .accordion-head a:link h3, 
.accordion-head a h4, .accordion-head a:link h4, 
.accordion-head a h5, .accordion-head a:link h5, 
.accordion-head a h6, .accordion-head a:link h6 {
  text-align: left;
}
.accordion-head a::after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	margin-left: -17px;
	vertical-align: -4px;
  border-color: #666;
	border-top: 8px solid;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}
.accordion-head a[aria-expanded="true"]::after {
	vertical-align: 3px;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid;
	border-left: 6px solid transparent;
}
.accordion-head.no-collapse a::after {
	display: none;
}
.accordion-text {
	padding: 20px 20px 30px;
}
.accordion-text :last-child {
	margin-bottom: 0;
}
/*
.accordion-text	a.more {
	margin: auto;
	padding: 5px 10px;
	background-color: #1d1b19;
	color: #fff;
	border-radius: 5px;
}
.accordion-text	a.more:hover {
	opacity: 0.75;
}
*/
.accordion-text img {
	display: inline-block;
	text-align: center;
	max-width: 100%;
	margin-bottom: 30px;
}
.accordion-text p img {
	margin-bottom: 5px;
}

/* Form Elements */
input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select {
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 5px;
}
input[type=checkbox], input[type=radio] {
	margin: 15px 0 0 15px;
}
label input {
	vertical-align: bottom;
	padding-right: 6px;
}
form.form {
  margin: 2em auto;
  padding: 0;
  border: 2px solid #ddd;
  background-color: #f1f1f1;
}
form.form fieldset {
  display: block;
  padding: 1em;
  border-bottom: 1px solid #ddd;
}
form.form fieldset:last-of-type {
  margin-bottom: unset;
  padding-bottom: unset;
  border-bottom: none;
}
.form__field label input {
	vertical-align: inherit;
	padding-right: 0;
}
.form__label em {
  font-size: 15px;
  margin-top: -5px;
  display: block;
}
.form__field input {
	display: inline-block;
	margin-right: 1em;
}
.form__field input.text {
  min-width: 40%;
}
.form__field textarea.text {
  min-width: 60%;
}  
input[type="file"] {
  margin-top: 1em;
  margin-bottom: 1em;
}
.form__row {
	padding: 0 0 1.3em;
}
.form__label {
	margin-bottom: 5px;
}
.form__label label {
	display: block;
}
.form__label label.required::after {
	content: "*";
  color: #d30012;
  font-weight: 700;
}
.form__field select {
	font: 1em 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
}
.form__field input.text, .form__field select {
	margin: 0;
}
fieldset {
	display: inline-block;
	max-width: 100%;
}
fieldset#login {
	margin-bottom: 10px;
}
textarea {
	margin: 0 0 10px 0;
	width: 100%;
}
.form__field textarea {
	width: unset;
	max-width: 100%;
}
.check {
	float: left;
	margin-right: 6px;
	display: block;
	height: 18px;
}
form .form__note {
  color: #d30012;
  font-size: 15px;
  margin: 1em;
}
/* Hide "required" note for forms with no required fields */
form.form--ideaComment .form__note,
form.form--ideaIncidentReport .form__note {
  display: none;
}
form .buttons {
	margin: 0 0 3em;
  text-align: center;
}
form .errors {
	color: red;
}
.datewrapper .text {
	padding-left: 30px;
}
.datewrapper:before {
	left: 10px;
}
#ui-datepicker-div.ui-datepicker {
	padding: inherit;
	width: inherit;
	min-width: 280px;
	height: inherit;
}
#ui-datepicker-div .ui-datepicker-calendar td a {
	border-radius: 0;
	width: auto;
}

/* Stale Content Warning */
#time-traveler {
  margin-top: 0;
  margin-bottom: -135px;
  padding: 130px 0 15px;
  color: #666;
  background-color: #e7e7e7;
  font-size: 94%;
}

/* Alerts, Promo Messages, Cookies Notice */
#alert {
	display: none;
  margin: 0;
  padding: 0;
  background-color: #666;
}
#cookiesNotice .modal-dialog-full {
  margin: 0;
  padding: 0 !important;
  background-color: #666;
  position: fixed;
  bottom: 0;
  z-index: 10001;
  width: 100% !important;
  max-width: unset;
  transform: none;
}
#cookiesNotice .modal-dialog .modal-content {
  background: unset;
  box-shadow: unset;
  border: unset;
  margin: unset;
  padding: unset;
  width: 100%;
}
#cookiesNotice .modal-dialog .modal-header {
  display: none;
}
#cookiesNotice .modal-dialog .modal-body {
  max-width: 1200px;
  margin: auto;
  padding: 0;
}
#cookiesNotice .accept {
  padding: 19px 36px 16px;
  margin: 10px 0;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0;
  background-color: #666;
  transition: 0.3s;;
}
#cookiesNotice .accept:hover {
  background-color: #777;
  transition: 0.3s;;
}
#alert h1, #cookiesNotice h1 {
  color: #fff;
}
#cookiesNotice h1 {
  font-size: 24px;
	margin: 0 0 15px;
}
#alert .alert-body {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 15px;
}
#alert .buttonBlock {
  padding: 0 10px;
}
#alert .textBlock {
  padding: 0 10px;
}
#alert h1 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#alert p {
	margin: 0 0 10px;
  display: inline;
}
#alert p:last-child {
	margin: 0;
}
#cookiesNotice p {
	margin: 10px 0 0;
}
#alert a, #cookiesNotice a {
	text-decoration: underline;
  color: #fff;
}
#alert a.button {
	text-decoration: none !important;
  padding: 0.5em 1.5em 0.4em;
  margin: 0;
}
#alert .close {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  padding: 0;
  position: relative;
  right: -2px;
  top: -18px;
  font-weight: 400;
  opacity: 0.3;
  transition: 0.3s;;
  margin-left: -21px;
}
#alert .close:hover {
  opacity: 0.75;
  transition: 0.3s;
}
#alert .close svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  fill: #fff;
}
.productions #alert .promo .close {
  display: none;
}
#alert a.more {
  background-color: unset;
  text-decoration: none;
  border-color: #fff;
}
#alert, 
#alert p,
#alert ul,
#alert ol,
#alert li, 
#cookiesNotice, 
#cookiesNotice p,
#cookiesNotice ul,
#cookiesNotice ol,
#cookiesNotice li  {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-size: 16px;
	font-style: normal;
	color: #fff;
  height: auto;
}
#alert .large {
  font-size: 18px;
}
#alert>div {
  padding: 10px 20px;
}
#alert a.button, #alert a.more {
  white-space: nowrap
}
#alert a.more::before {
  border-left: 8px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
#alert .promo {
	/* background color is set in general macros file */
}
#alert .promo a.button {
	/* color is set in general macros file */
  background-color: #fff;
}
#alert .special {
	background: #313b3c;
}
#alert .special a.button {
	color: #fff !important;
  /* background color is set in general macros file */
}
#alert .emergency {
	background: #b31f2c;
}
#alert .emergency a.button {
	color: #b31f2c !important;
  background-color: #fff;
}
/* Suppress Alerts on some static pages by section
   (alerts can also be suppressed with a setting in the entry editor)
.section-visit div#alert,
.section-about div#alert, 
.section-rent div#alert {
	display: none !important;
} */

/* TNEW Template */
#tnewTemplate, 
.tnew-footer {
	display: none; /* Hidden until TNEW-specific CSS styles are loaded */
}

/* Image, Video, Audio Display */
.imageBlock, .videoBlock {
	text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.audioBlock {
  text-align: center;
  padding: 0;
  border: 1px solid #bbb;
  max-width: 600px;
  margin: auto;
}
.audioBlock .audio-body {
  padding: 15px;  
}
.image-hero .videoBlock {
  margin: 0;
}
.image-right {
	float: right;
  margin: 0 0 30px 35px;
	max-width: 40% !important;
}
.image-left {
	float: left;
  margin: 0 35px 30px 0;
	max-width: 40% !important;
}
.image-full {
	width: 100% !important;
}
.image-full img,
.image-right img,
.image-left img {
	width: 100%;
	height: auto;
}
.productions .additional-info > .sliderBlock {
  padding-top: 0;
}
.sliderBlock {
  margin-bottom: 30px;
}
.video-container,
.carousel-inner {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
  margin-bottom: 0 !important;
}
.production-top .video-container {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video, 
.video-container .video-placeholder,
.carousel-inner .item {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
iframe {
	width: 100%;
}
iframe.instagram-media {
  margin: 40px auto !important;
}
body>h1#entry-title {
  font-size: 2.5vw;
	text-align: center;
  color: #ddd;
  padding: 10px 30px 15px;
  padding-right: calc(30px - 0.8em);
  text-transform: uppercase;
  letter-spacing: 0.8em;
}
#content-inner h1#entry-title {
  padding-top: 0;
}
#content-inner h1#entry-title + div.author {
  margin-top: -2em;
  margin-bottom: 2em;
}
.hero-image, 
.main-image {
	text-align: center;
}
.hero-image>h1 {
  color: #ccc;
  padding-top: 0.5em;
}
.homepage .main-image,
.production .main-image,
.news .main-image,
.featured-entry .main-image {
	margin-bottom: 0;
}
.caption {
	margin: 0 auto 30px;
	padding: 3px 12px;
	color: #ccc;
	text-align: center;
	font-size: 85%;
	font-style: italic;
	background-color: #111;
}
.caption, .carousel-caption {
  font-style: italic;
}
.caption em, .carousel-caption em {
	font-style: normal;
}
a .caption {
  font-weight: initial;
}
.image-caption {
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	background-position-y: bottom !important;
	background-position-x: center !important;
	background-size: 100% !important;
}
.imageBlock .caption {
  width: 100% !important;
}
.videoBlock .caption {
	margin-top: -1px;
}
.hero-image .caption, 
.main-image .caption {
	margin-bottom: 0;
}
.image-caption>.caption-text {
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}
.caption p {
	margin: 0;
	padding: 0;
}
.caption a {
  font-weight: 400;
  color: #24b5b0;
}
.caption .button-secondary {
  border: none;
  margin: 0;
  padding: 2px;
  width: 100%;
  height: 100%;
  font-style: normal;
}
.preview-unavailable {
  background: #bbb;
  color: #fff;
  font-size: 200%;
  font-weight: 700;
  padding: 15%;
}
.video-description {
  padding: 0;
}
.slideshow {
  text-align: center;
  padding: 1em 0;
}
.carousel {
  margin: 30px auto 0;
}
.img-responsive, .thumbnail a>img, .thumbnail>img {
  max-width: unset;
  height: auto;
  max-height: 100%;
  width: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  max-width: unset;
  height: 100%;
  width: auto;
}
.carousel-control {
  width: 10%;
  color: #fff !important;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  font-family: Arial, Helvetica, sans-serif;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 20px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  margin-top: -20px;
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -30px;
    font-size: 60px;
  } 
}
.carousel-inner>.item {
  background-color: #000;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  margin: auto;
}
.carousel-inner .item .caption {
  margin: 0;
}
.carousel-caption {
  font-size: 82%;
  padding: 10px 20px;
  bottom: 0;
  line-height: 1.4;
  width: 100%;
  right: 0;
  left: 0;
  background: rgb(0,0,0,0.5);
  transition: bottom 0.5s ease-in-out;
  color: #ddd;
}
@media(min-width: 768px) {
  .caption-toggler {
    display: none;
  }
}
@media(max-width: 768px) {
  .carousel-caption {
    bottom: -20em;
  }
  .carousel-caption.toggled {
    bottom: 20px;
    transition: bottom 0.5s ease-in-out;
  }
  .caption-toggler, .caption-toggler.toggled {
    position: relative;
    display: block;
    height: 20px;
    margin: -20px 0 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #e7e7e7 !important;
    background-color: #000;
  }
  .caption-toggler a, 
  .caption-toggler a:active,
  .caption-toggler a:focus {
    opacity: 1 !important;
    display: block;
    color: #bbb !important;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 4px;
    transition: none;
  }
  .caption-toggler a.toggled, 
  .caption-toggler a.toggled:active,
  .caption-toggler a.toggled:focus {
    opacity: 1 !important;
    display: block;
    color: #bbb !important;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 4px;
    transition: none;
  }
  .toggleCaptions::before {
    content: "Show ";
  }
  .toggleCaptions.toggled::before {
    content: "Hide ";
  }
  .toggleCaptions::after {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 0;
    content: "";
    margin-left: 6px;
    top: -1px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #bbb;
    border-left: 5px solid transparent;
  }
  .toggleCaptions.toggled::after {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 0;
    content: "";
    margin-left: 6px;
    top: 5px;
    border-top: 6px solid #bbb;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
  }
}

.image-gallery img {
  /* max-height: 800px; */
}
.image-gallery .drop-shadow {
  max-width: unset;
  width: fit-content;
  padding: 25px;
  margin: 15px auto;
}
.image-gallery-title {
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 100%;
  text-align: center;
}
.image-gallery-caption {
  padding-top: 1em;
  font-size: 90%;
}
.image-gallery .image,
.image-text-grid .image {
  position: relative;
}
.image a.enlarge-image {
  color: #fff;
  font-size: 85%;
}
.image a.enlarge-image .enlarge-image-inner {
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 25%;
  transition: opacity ease 0.3s;
  opacity: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  padding: 0.5em 0.2em;
}
.image a.enlarge-image:hover, 
.image a.enlarge-image:active, 
.image a.enlarge-image:focus {
  opacity: 1;
}
.image a.enlarge-image:hover .enlarge-image-inner  {
  transition: opacity ease 0.3s;
  opacity: 1;
}
.enlarge-image .enlarge-image-inner svg {
  max-width: 24px;
  max-height: 24px;
  margin: 0;
  padding: 4px;
  color: #fff;
  background-color: rgb(0,0,0,0.25);
}
.gray {
	color: #aaa;
}
.buttonBlock {
  padding: 1em 0 2em;
  /* padding-bottom: 1em; <-- changed 7/1/21 to fix display spacing on JAW page */
}
div.buttonBlock + div.buttonBlock {
  /* Adjacent sibling selector to fix spacing when there are multiple button blocks together. 
  This is probably dumb but I couldn't figure out a better way with all the weird button spacing issues. */
  margin-top: -2em;
}
.buttonBlock .button-container {
  text-align: center;
} 
.buttonBlock .button-info {
  font-size: 0.85em;
}
.buttonBlock.buttonGroup.rows {
  display: table;
  margin: auto;
}
.buttonBlock.buttonGroup.columns {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1em;
}
.buttonGroup.rows .button-container {
  display: table-row;
}
.buttonGroup.columns .button-container {
  flex: 1;
  width: max-content;
  padding: 0 1em;
}
.buttonGroup .button-container a {
  width: 100%;
  margin: 10px 0;
}
.buttonGroup a {
  min-width: fit-content
}
.buttonGroup .button-container a.more {
  width: 90%;
}
table.text-with-image {
	margin: 1em auto;
}
table.text-with-image td {
	padding: 10px;
}
div.utility {
	min-height: 70px;
	margin-bottom: 10px;
}
div.utility p {
	line-height: 15px;
	padding-top: 24pt;
}
.comments, .related-productions, .pagination, .border-top {
	border-top: 2px solid #e7e7e7;
}
.comments h2 {
	margin-top: 0;
}
.idea-notice {
  border: 2px solid #e7e7e7;
  margin: 30px auto;
  padding: 0.8em 1.2em;
  color: #595959;
  clear: both;
}
.idea-notice p:last-of-type {
  margin-bottom: 0;
}
#details-sidebar .more, 
.idea-notice .more {
  font-size: 90%;
  padding: 8px 12px;
  line-height: 1;
}
#details-sidebar .more::before, 
.idea-notice .more::before {
  border-width: 5px 5px 5px 8px;
}
.pagination {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
	display: block;
	clear: both;
	padding: 30px 0;
	border-radius: unset;
  margin: 35px 0 0;
}
.pagination ul {
	padding-left: 15px;
  margin: 0 15px 15px 0;
}
.pagination li {
	list-style: none;
}
#news .pagination {
	margin-top: 20px;
}
.pagination .left { 
	max-width: 400px;
	float: left; 
	text-align: left;
	padding: 0 25px 15px 0;
}
.pagination .right {
	max-width: 400px; 
	float: right; 
	text-align: right; 
	padding: 0 0 15px 25px;
}
.blog-index .pagination .left { 
	padding-right: 5px;
}
.blog-index .pagination .right {
	padding-left: 5px;
}
.pagination .right .entry-title {
	margin-right: 160px;
}
.pagination .left .entry-title {
	margin-left: 160px;
}
.pagination .right a img {
	width: 150px;
	float: right;
	margin: 0 0 0 10px;
}
.pagination .left a img {
	width: 150px;
	float: left;
	margin: 3px 10px 0 0;
}
.inner-navbar {
	margin: 20px auto;
	text-align: center;
	font-weight:bold;
	text-transform: uppercase;
}
.image-text-grid {
	padding-top: 1em;
  padding-bottom: 2em;
}
.image-text-grid-image {
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
}
.image-text-grid-image {
	text-align: center;
}
.image-text-grid-text h2,
.image-text-grid-text h3, 
.image-text-grid-text h4 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 10px;
  text-align: initial;
}
.image-text-grid .image.drop-shadow {
  padding: 25px;
}
.twoColumnGrid .row {
  padding: 0.5em 0;
}
.twoColumnGrid h2:first-child {
  padding-top: 0;
  margin-top: 0;
}
.artist-bio-headshot.row {
  /* padding-top: 1em; */
  padding-bottom: 1em;
}
.artist-bio-headshot .artist-name {
	font-weight: bold;
	display: inline-block;
}
.artist-bio-headshot .artist-name a, 
.artist-bio-headshot .artist-name a.link {
	color: #333 !important;
}
#staff-directory .pronouns, 
.artist-bio-headshot .artist-pronouns {
  font-weight: 400;
  font-style: normal;
  font-size: 90%;
  padding-left: 2px;
  display: inline-block;
  text-transform: lowercase;
}
#staff-directory .pronouns {
  display: inline;
}
.artist-bio-headshot .artist-headshot {
	padding-right: 15px;
	padding-bottom: 10px
}
.artist-bio-headshot .artist-headshot img,
.image-text-grid-image img {
	max-width: 100%;
}
.section-artists .artist-bio-headshot h1 {
  margin: 0;
  padding: 0;
}
.section-artists .credits { 
  margin: 35px 0;
  padding: 0 0 15px;
  border: 2px solid #e7e7e7;
}
.section-artists .credits h2 {
  font-size: 106%;
  text-align: center;
  padding: 3px 10px;
  margin: 0;
  background-color: #e7e7e7;
}
.section-artists .credits table {
  margin: 10px auto 25px;
}
ul.mailing-list-address, ul.mailing-list-prefs {
	list-style-type: none;
}
ul.mailing-list-address {
}
ul.mailing-list-address input {
	margin: 0 0 0.8em;
}
.req-note {
	color: #666;
	font-size: 12px;
}
form.form--rentalsContact .form__row {
	margin-bottom: 1em !important;
}
body.homepage .carousel {
  margin: auto;
}
body.homepage .carousel .item a:hover {
  opacity: 1.0;
}
body.homepage .carousel .item {
  -webkit-filter: brightness(1);
  filter: brightness(1);
  transition: 0.3s;;
}
body.homepage .carousel .item:hover {
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
  transition: filter ease 0.3s;;
}
#slideBannerMobile {
  display: none;
}
#slideBannerDesktop {
  display: block;
  /* The following prevents a small "jump" when clicking the slider controls 
     by moving the #slideBannerDesktop ID anchor to the top of the page
     (see similar note below) */
  padding-top: 94px;
  margin-top: -94px;
}
@media (max-width: 991px) {
  #slideBannerMobile {
    display: block;
  }
  #slideBannerDesktop {
    display: none;
  }
}
#slideBannerDesktop .carousel-inner {
  position: relative;
  overflow: hidden;
  text-align: center;
}
@keyframes slideBannerBgAnim {
  from {
    position: absolute;
    width: 100%;
    background-color: #101010;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 105%;
  }
  to {
    background-color: #101010;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
  }
}
#slideBannerDesktop .carousel-inner>.item {
  background-size: 105%;    
} 
#slideBannerMobile .carousel-inner>.item { 
  background-size: 130%;   
}
#slideBannerDesktop .carousel-inner>.item, 
#slideBannerMobile .carousel-inner>.item { 
  position: absolute;
  width: 100%;
  background-color: #101010;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  animation-name: slideBannerBgAnim;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
body.homepage .carousel-control {
  width: 10%;
  opacity: 30%;
  color: #aaa !important;
}
@keyframes slideBannerFgAnim {
  from {
    opacity: 0%;
    -webkit-filter: blur(5px);
    filter: blur(5px);  
  }
  to {
    opacity: 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);   
  }
}
#slideBannerDesktop .carousel-inner, 
#slideBannerMobile .carousel-inner {
  padding-bottom: 33.33333333%;
}
#slideBannerDesktop .carousel-inner>.item img, 
#slideBannerMobile .carousel-inner>.item img {
  opacity: 0%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  animation-name: slideBannerFgAnim;
  animation-delay: 1s;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#slideBannerMobile .carousel-inner>.item {
  background-color: #101010;
  background-size: cover;
  background-repeat: no-repeat;
}
#slideBannerMobile .carousel-inner>.item.active img {
  height: 100%;
}
#slideBannerDesktop .carousel-control.left, 
#slideBannerDesktop .carousel-control.right {
  opacity: 20%;
  /* The following prevents a small "jump" when clicking the slider controls 
     by moving the #slideBannerDesktop ID anchor to the top of the page
     (see similar note above) */
  margin-top: 94px;
}
#slideBannerDesktop .carousel-control.left:hover, 
#slideBannerDesktop .carousel-control.right:hover {
  opacity: 60%;
}
#slideBannerDesktop .carousel-control.left {
  left: -30px;
}
#slideBannerDesktop .carousel-control.right {
  right: -30px;
}
body.homepage .carousel-control.right, 
body.homepage .carousel-control.left {
  background: unset;
}
body.homepage .carousel-control .glyphicon-chevron-right, body.homepage .carousel-control .icon-next {
  right: 0;
  margin-right: 2px;
}
body.homepage .carousel-control .glyphicon-chevron-left, body.homepage .carousel-control .icon-prev {
  left: 0;
  margin-left: 2px;
}
/* Homepage */
#homepage-top {
  padding-right: 30px;
  padding-left: 30px;
}
/* Shaded #noteworthy-overlay section on mobile until scrolled up */
#noteworthy {
  height: 100%;
  position: relative;
  padding: 0 5px 20px;
  text-align: center;
  background: unset;
}
#noteworthy .noteworthy-col .featured-entry-thumbnail {
  background-color: #111111;
}
#noteworthy .noteworthy-col .featured-entry-thumbnail img {
  opacity: 0.3;    
  transition: opacity ease 0.5s;
}
#noteworthy #noteworthy-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  opacity: 1;
  background-image: linear-gradient(to bottom, rgba(15, 15, 15, 0.75), rgba(0, 0, 0, 0));
  z-index: 999;    
  transition: opacity ease 0.5s;
  margin: 0 15px;
}
#noteworthy.scrolled .noteworthy-col .featured-entry-thumbnail img {
  opacity: 1;
  transition: opacity ease 1s;
}
#noteworthy.scrolled #noteworthy-overlay {
  opacity: 0;
  transition: opacity ease 1s;
}
#noteworthy div .main-image {
	text-align: unset;
	margin: 0;
	background-color: unset;
}
#noteworthy div .noteworthy-sponsor .main-image {
	background-color: #fff;
  border: 2px solid #e7e7e7;
}
#noteworthy div .main-image .image,
#noteworthy div .main-image img,
#noteworthy div a.noteworthy {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#noteworthy .head {
	padding: 10px;
  font-size: 94%;
  font-weight: 400;
  color: #eee;
}
#noteworthy .head h2, #noteworthy li .head .slide-dates {
	padding: 0;
	margin: 0;
}
#noteworthy h2 {
	font-size: 106%;
	color: unset;
}
.noteworthy-col {
  background-color: unset;
  color: #fff;
  padding: 0;
  margin: 0 10px;
}

/* Home page blog listing,
   Blog page listing,
	 Events page listing 
	 Featured Entries and Events listings */
.featured-entry-summary,
.featured-entry-summary h2 {
	text-align: left;
}
.featured-entry-summary .category-tag {
  font-size: 88%;
  margin-bottom: 0.5em;
}
.noteworthy .featured-entry-summary {
	text-align: center;
}
.news-list .featured-entry {
  padding-bottom: 40px;
}
.news-list .featured-entry:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.featured-entry .featured-entry-summary h2 {
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-top: 0;
}
.related-entries .featured-entry .featured-entry-summary h2 {
  margin-bottom: 0.5em;
}
.featured-content-listing {
  margin-top: 1em;
  margin-bottom: 25px;
}
.featured-content-listing .featured-entry .featured-entry-summary h2,
.what-she-said-listing .featured-entry .featured-entry-summary h2 {
  text-align: unset;
	margin: 0 0 10px;
}
.featured-content-listing .featured-entry,
.what-she-said-listing .featured-entry {
	padding-top: 25px;
	padding-bottom: 25px;
/*  border-top: 2px solid #e7e7e7; */
}
.featured-content-listing .featured-entry:first-child,
.what-she-said-listing .featured-entry:first-child {
  border-top: none;
}
.production .additional-info .featured-content-listing .featured-entry {
  padding-top: 0;
}
.production .additional-info .featured-content-listing .main-image img {
  max-width: 200px;
}
.featured-content-listing .page-summary,
.what-she-said-summary {
	padding-bottom: 10px;
}
a div.pricing-note {
  display: inline-block;
  color: #999;
  font-size: 94%;
  vertical-align: middle;
  white-space: nowrap;
}
a div.pricing-note.d-block {
  margin-bottom: 1em;
}
a span.pricing-icon, 
span.badge {
  margin: 0 3px 0 0;
  border-radius: 2px;
  font-size: 90%;
  line-height: 1;
  font-weight: 700;
  display: inline;
  vertical-align: middle;
  color: #fff;
}
a span.pricing-icon {
  padding: 4px 7px 3px;
  text-transform: uppercase;
  background-color: #999;
}
a div.pricing-note:hover,
a span.pricing-icon:hover {
  opacity: 1 !important;
}
span.badge {
  padding: 2px 6px;
  background-color: #aaa;
}

/* Tabbed Navigation Within Page Content */
.content-inner #nav-tabs-wrapper  {
	margin: 50px 0;
}
.content-inner #nav-tabs-wrapper .nav-tabs {
  padding: 0;
	margin: 0 0 35px;
	border-bottom: 2px solid #e7e7e7;
	font-size: 106%;
}
.content-inner #nav-tabs-wrapper .nav-tabs>li {
	padding-bottom: 0;
  margin-bottom: -2px;
  margin-top: 2px;
	max-width: 50%;
}
.content-inner .nav-tabs>li>a,
.content-inner .nav-tabs>li>a:focus,
.content-inner .nav-tabs>li>a:hover {
  margin-right: 5px;
	color: #fff;
	background-color: #999;
	line-height: 20px;
	border: 2px solid transparent;
	padding-bottom: 8px;
}
.content-inner #nav-tabs-wrapper	.nav-tabs>li.active>a,
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:focus,
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	border: 2px solid #e7e7e7;
	border-bottom-color: transparent;
	margin-top: 0;
  margin-bottom: 0px;
}
.content-inner #nav-tabs-wrapper	.nav-tabs>li.active>a.title {
	font-size: 22px;
}
.content-inner #nav-tabs-wrapper .nav-tabs>li>a:focus,
.content-inner #nav-tabs-wrapper .nav-tabs>li>a:hover {
	opacity: 0.75;
}
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a,
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:focus, 
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	color: #333;
	background-color: #fff;
}
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:focus,
.content-inner #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	opacity: initial;
}

/*Production page styles*/
.image-hero {
	margin-bottom: 0;
}
.image-hero .main-image, .image-hero img {
	margin: 0;
	line-height: 0;
	padding: 0;
}
.blurb h4 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0 0 0.7em;
}
.blurb h5 {
	font-weight: normal;
	font-size: 82%;
	line-height: 20px;
	margin: 4px 0 0 0;
	color: #e7e7e7;
	border: none;
}
.blurb h5 a {
	color: inherit;
  text-decoration: underline;
}
.blurb h5 a:hover {
	color: #fff;
}
.blurb h6 {
	font-weight: normal;
	font-size: 76%;
	line-height: 1.4;
	color: #000;
	font-style: italic;
	margin: 10px 0 18px 0;
	border-top: 1px solid #fff;
	padding-top: 6px;
}
.tag-line {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	background-color: #000;
	font-size: 118%;
	font-style: italic;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
  max-width: 80%;
}
.tag-line p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.homepage .production-head .button-container {
  padding: 15px 0 0;
}
  
.recording-sale-note {
  color: #e7e7e7;
  margin-top: 1em;
  font-weight: 700;
}
.special-purchase-instructions {
	color: #bbb;
  margin-top: 1em;
  font-size: 94%;
}
.special-purchase-instructions p {
	margin: 0;
}
.special-purchase-instructions strong,
.special-purchase-instructions b {
	color: #fff;
	/* display: block;
  margin-top: 10px; */
}
.special-purchase-instructions em,
.special-purchase-instructions i {
/*	display: block;
  margin-top: 10px; */
}
.digital-content-instructions {
	font-size: 94%;
  margin-top: 1em;
  display: block;
}
.digital-content-instructions p {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #666;
  margin: 0;
}
.production-credits {
	background-color: #000;
	padding: 15px;
	margin-bottom: 15px;
}
.productions .allposts {
	max-width: 500px;
  margin: 50px auto 30px;
}
.production div.news-post:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.media .news-post {
	margin-bottom: 30px;
}
.media .news-post .main-image {
	margin-top: 15px;
}
.media .news-post .media-link {
	float: right;
}
.news-post h4,
.featured-entry h4 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 129%;
}
#main.productions .production-head .button {
	font-size: 129%;
}
#main.productions .production-head .modal-body .button-container,
#collapse-performance-times .button-container {
	text-align: center;
}
#main.productions .production-head .modal-body .button,
#collapse-performance-times .button {
	font-size: 1em;
	line-height: 1em;
  min-width: 70%;
}
#main.productions .production-head .modal-sales-alert .modal-body .button,
#collapse-performance-times .button {
  min-width: unset;
}
#main.productions .production-head .modal-body strong {
  color: #333;
}
#production-nav-standard {
	display: block;
  max-width: 80%;
  margin: 0 auto;
}
#production-nav-standard a {
  color: #000 !important; /* Needed to override production styles generated at runtime */
}
#production-nav-mobile {
	display: none;
}
/* Tabbed Navigation for Production Pages */
.production #nav-tabs-wrapper  {
	margin: 0 0 30px;
}
.production #nav-tabs-wrapper .nav-tabs {
  padding: 0;
	margin: 0 0 -30px;
  border: none !important;
	font-size: 106%;
}
.production #nav-tabs-wrapper .nav-tabs>li {
	padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
	max-width: 50%;
  bottom: -2px;
}
.production .nav-tabs>li>a,
.production .nav-tabs>li>a:focus,
.production .nav-tabs>li>a:hover {
	margin-right: 5px;
	background-color: #bbb;
	line-height: 20px;
	padding-bottom: 8px;
}
.production #nav-tabs-wrapper	.nav-tabs>li.active {
  bottom: -1px;
}
.production #nav-tabs-wrapper .nav-tabs>li>a,
.production #nav-tabs-wrapper .nav-tabs>li.active>a {
  transition: none;
}
.production #nav-tabs-wrapper	.nav-tabs>li.active>a,
.production #nav-tabs-wrapper .nav-tabs>li.active>a:focus,
.production #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	margin-top: 0;
  margin-bottom: 0px;
  border: 2px solid #fff;
}
.production #nav-tabs-wrapper	.nav-tabs>li.active>a.title {
	font-size: 22px;
}
.production #nav-tabs-wrapper .nav-tabs>li>a:focus,
.production #nav-tabs-wrapper .nav-tabs>li>a:hover {
	opacity: 0.9;
}
.production #nav-tabs-wrapper .nav-tabs>li.active>a,
.production #nav-tabs-wrapper .nav-tabs>li.active>a:focus, 
.production #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	color: #333;
	background-color: #fff;
}
.production #nav-tabs-wrapper .nav-tabs>li.active>a:focus,
.production #nav-tabs-wrapper .nav-tabs>li.active>a:hover {
	opacity: initial;
  transition: none;
}
#production-body .tab-content #tab-photos .sliderBlock .carousel {
  margin-top: 0;
}
#production-body .tab-content #production-title-alt {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 10px;
}
#production-body .tab-pane h1:first-child,
#production-body .tab-pane h2:first-child,
#production-body .tab-pane .videoBlock:first-child {
	padding-top: 0;
	margin-top: 0;
}
#production-body .nav-tab-mobile {
	display: none;
}
#production-body .detail-jump {
	display: none;
}
#production-body #tab-video .videoBlock {
	margin-bottom: unset;
}
#production-body #details-main .translation-link {
  margin: -10px 0px 10px 30px;
  float: right;
}
.translation-link .button, 
#main .translation-link .button{
  padding: 4px 10px 2px;
  font-size: 94%;
}
#production-body #details-main,
#production-body #details-sidebar {
}
#production-body #details-main {
	padding: 0 20px 40px 0;
}
#production-body #details-sidebar {
	padding: 10px 0 30px 20px;
	float: right;
	font-size: 90%;
}
#production-body #details-sidebar h1 {
	padding-top: 0;
	margin: 0;
}
#production-body #details-sidebar h3 {
	padding: 0 0 1em;
}
#production-body #sidebar-accordion-group .accordion-block {
	margin-bottom: 10px;
}
#production-body .details-sidebar .accordion-head {
	margin: 0;
  padding: 10px 15px;
}
#production-body .details-sidebar .accordion-head .access-icons {
	height: 26px;
	width: calc(100% - 26px);
	overflow: hidden;
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 0;
	vertical-align: middle;
}
#production-body .details-sidebar .accordion-head .access-icons img {
	max-height: 26px;
	margin-left: 3px;
}
#production-body .details-sidebar .accordion-head .access-icons img:first-of-type {
	margin-left: 5px;
}
#production-body .details-sidebar .accordion-text {
	padding: 15px;
}
#production-body .details-sidebar .accordion-text p:last-of-type {
	margin-bottom: 0;
}
#production-body .details-sidebar .performance-dates {
	padding-bottom: 1.5em;
}
#production-body .credits {
  margin-top: -1em;
  margin-bottom: 2em;
  font-size: 85%;
}
.current-season .credits {
  margin-bottom: 1.5em;
  font-size: 90%;
}  
#production-body .credits p, 
.current-season .credits p {
	margin: 0;
}
#production-body .credits ul, 
.current-season .credits ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1em;
}
#production-body .credits ul:last-of-type, 
.current-season .credits ul:last-of-type {
  margin: 0;
}
#production-body .credits ul li, 
.current-season .credits ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 0.25em 1em;
  text-indent: -1em;
  line-height: 1.5;
}
#production-body .credits ul li {
  text-align: center;
}
#production-body .credits hr {
  margin: 15px 0;
}
#production-body .details-sidebar .copyright {
	margin-top: 0.5em;
}
#production-body #sidebar-accordion-group #collapse-access-dates .access-dates-item,
#production-body #sidebar-accordion-group #collapse-performance-times .performance-times-item {
	margin: 0 -15px 15px;
	padding: 0 15px 15px;
	border-bottom: 2px solid #e7e7e7;
}	
#production-body #photos {
	padding: 0 0 30px 0;
  width: fit-content;
  margin: auto;
  max-width: 100%;
}
#production-body #photos h3#photos-head {
	color: #e7e7e7;
	background-color: #333;
	margin-bottom: 0;
	padding: 5px 10px;
}
#production-body #photos .slideshow-container iframe {
  margin-bottom: -10px !important;
}
#production-body #photos .slideshow-container .caption {
  margin-bottom: 10px;
  background-color: #222;
}
#production-body #photos .slideshow-note {
	display: none;
}
#production-body .digital-event-note {
	text-align: center;
  clear: both;
  padding: 1em 0;
}
#production-body #blog, #production-body #events {
	border-top: none;
	padding: 0;
}
#production-body #tab-synopsis h2,
#production-body #tab-cast-and-creative-team h2 {
	color: #666 !important;
	text-align: center;
}
#production-body #tab-cast-and-creative-team h2 {
  padding-top: 2em;
}
#production-body #tab-cast-and-creative-team .hero-image {
	margin-bottom: 30px;
}
#production-body #tab-cast-and-creative-team .accordion-block,
body[class*="cast-creative-team"] #main.blog .accordion-block {
	max-width: 800px;
	margin: 30px auto;
	border: 1px solid #999;
}
#production-body #tab-cast-and-creative-team .accordion-block .accordion-text,
body[class*="cast-creative-team"] #main.blog .accordion-block .accordion-text {
  border-top: 1px solid #dfdfdf;
}
#production-body #tab-cast-and-creative-team .artist-bio p {
  display: inline;
}
#tab-cast-and-creative-team .artist-bio p::after {
  content: " ";
}
.artist-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 2em;
}
.artist-grid .related-entry {
  padding-top: 10px;
  padding-bottom: 20px;
}
.artist-grid .col-md-3 {
  display: flex;
  flex-direction: column;
  flex-basis: 25%; 
}
.artist-grid .related-entry {
  padding-bottom: 10px;
  padding-top: 10px;
  /* min-height: 22em; */
}
.artist-grid .related-entry a {
  color: #333 !important;
}
.artist-grid .related-entry a:hover, 
.artist-grid .related-entry a:focus, 
.artist-grid .related-entry a:active {
  opacity: 1;
}
.artist-grid .related-entry a:hover .entry-title, 
.artist-grid .related-entry a:focus .entry-title, 
.artist-grid .related-entry a:active .entry-title {
  opacity: 0.75;
  transition: ease-in-out 0.3s;;
}
.artist-grid .entry-title {
  padding-top: 10px;
  font-weight: 700;
  line-height: 1.4;
}
.artist-grid .entry-subtitle {
  font-weight: 400;
  font-size: 82%;
  line-height: 1.4;
}
#tab-cast-and-creative-team .artist-grid .col-lg-offset-2 {
  margin-left: 12.5%;
}
#tab-cast-and-creative-team .artist-grid .col-lg-offset-5 {
  margin-left: 37.5%;
}
body.our-supporters #main .accordion-block {
	max-width: 650px;
	margin: 30px auto 50px;
}
body.our-supporters #main .accordion-text br {
  content: " ";
  display: block;
  height: 6px;
}
#tab-cast-and-creative-team .accordion-head,
body[class*="cast-creative-team"] #main.blog .accordion-head {
	background-color: #fff;
	margin-bottom: 0;
}
.accordion-head.text-center>a>p, 
#tab-cast-and-creative-team .accordion-head a p,
#tab-cast-and-creative-team .accordion-head a:link p,
body[class*="cast-creative-team"] #main.blog .accordion-head a p,
body[class*="cast-creative-team"] #main.blog .accordion-head a:link p {
	text-align: center;
  padding-left: 1.2em;
}

/* Playbill Links Page */
.playbill-links {
  padding: 5%;
  margin: 10px auto;
}
.playbill-links .playbill-column {
  padding-bottom: 2em;
  text-align: center;
}
.playbill-links .playbill-column .main-image {
  margin: 8px auto;
  max-width: 60%;
}

/* Event Listings Styles */
.events-index .idea-events-description {
  margin: -30px auto 60px;
  text-align: center;
}
.events-index .idea-events-description a {
  display: block;
}
.event-types {
  text-align: center;
  margin: 35px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.35em 0 0.25em;
  font-weight: 400;
  font-size: 90%;
  color: #999;
}
.event-description {	
	padding-left: 15px;
  margin-bottom: 1em;
}
.event-description>a.more, .event-description>a.next, .event-description>a.previous, .event-description>.button-secondary {
  border: none;
  padding: 6px 2px;
  text-transform: unset;
  font-size: inherit;
}
.event-description>a.more, .event-description>a.previous, .event-description>.button-secondary {
  text-align: left;
}
.event-description>a.more:active, .event-description>a.more:focus, .event-description>.button-secondary:active, .event-description>.button-secondary:focus {
  box-shadow: none;
}
.event-description h2 {
  padding: 0;
}
.event-description .row {
  padding-bottom: unset;
}
.event-dates-summary {
	font-size: 118%;
	font-weight: 700;
  margin-bottom: 0.2em;
}
.event-soldout .event-dates-summary,
.event-postponed .event-dates-summary {
	color: #aaa;
}
#banner-container.event-canceled {
  display: none;
}
.event-details-and-description.row {
	padding-top: 15px;
	padding-bottom: 15px
}
.event-details {
	font-weight: 700;
	text-align: center;
	margin: 0 auto 2em;
	padding: 0;
	border-top: 1px solid #999;
}
.event-details>div {
	text-align: center;
	padding: 15px 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.event-details>div>div>hr {
  margin: 10px -20px 20px;
  width: calc(100% + 40px);
  background: #999;
  color: #999;
  height: 1px;
}
.audioBlock .audio-heading, 
.event-details div.event-details-heading {
	font-weight: 700;
	padding: 0px 10px;
	background-color: #999;
	color: #fff;
}
.event-details .accordion-block {
  border: none;
  margin: 0;
}
.event-details .accordion-head {
  background-color: unset;
  padding: 0;
  font-size: 90%;
}
.event-details .accordion-head a::after {
  margin-left: 8px;
}
.event-details .accordion-head a[aria-expanded="true"]::after {
  border-top-color: transparent;
}
.event-details .accordion-text {
  font-weight: normal;
  padding: 10px 10px 20px;
}
.event-details .additional-dates {
  font-size: 90%;
}
.event-details .additional-dates td {
  padding: 5px;
  border-bottom: 1px solid #e7e7e7;
}
.additional-dates .badge {
  color: #999;
  background-color: #fff;
  border: 1px solid #999;
}
.event-details label {
  margin: 0;
}
.event-date, 
.event-location,
.event-admission-price, 
.admission-info {
	font-size: 100%;
}
a .event-date, 
a .event-location,
a .event-admission-price, 
a .admission-info {
	color: #333;
}
.event-date-soldout {
	color: #aaa;
  font-style: italic;
}
.event-soldout .event-date-and-time, 
.event-soldout .event-date, 
.event-soldout .event-time,
.event-soldout .event-location,
.event-canceled .event-date-and-time, 
.event-canceled .event-date, 
.event-canceled .event-time,
.event-canceled .event-location,
.event-postponed .event-date, 
.event-postponed .event-time {
	color: #aaa;
	font-size: inherit;
}
.event-soldout .event-date-and-time, 
.event-soldout .event-date, 
.event-soldout .event-time,
.event-soldout .event-location,
.event-canceled .event-date-and-time, 
.event-canceled .event-date, 
.event-canceled .event-time,
.event-canceled .event-location {
  border-bottom: none;
} 
.event-soldout .event-date-and-time .accordion-block, 
.event-canceled .event-date-and-time .accordion-block {
  display: none;
}
.event-soldout .event-date-and-time,
.event-canceled .event-date-and-time {
  padding-bottom: 0;
} 
.event-canceled .event-location {
  padding-top: 0;
  padding-bottom: 0;
}
.event-soldout .event-location,
.event-postponed .event-location {
	display: none;
}
.event-canceled	.event-date, 
.event-canceled	.event-time,
.event-canceled	.event-location,
.event-postponed	.event-date, 
.event-postponed	.event-time,
.event-postponed .event-dates-summary .event-date {
	text-decoration: line-through;
}
.event-canceled	.event-date, 
.event-canceled	.event-time,
.event-canceled	.event-location,
.event-postponed	.event-date, 
.event-postponed	.event-time,
.event-postponed .event-dates-summary .event-date {
	text-decoration: line-through;
}
.event-canceled	.event-date-and-time .accordion-block,
.event-canceled	.event-date-and-time .accordion-block,
.event-postponed	.event-date-and-time .accordion-block,
.event-postponed	.event-date-and-time .accordion-block {
  display: none;
}
.event-soldout .event-details .notice,
.event-canceled .event-details .notice,
.event-postponed .event-details .notice {
	border: 1px solid;
	padding: 10px 15px;
	display: inline-block;
}
.event-time {
  font-size: 100%;
  font-weight: 400;
  margin-top: -5px;
  margin-bottom: 5px;
}
.event-time:last-child {
	margin-bottom: 0;
}
.event-details div.event-add2cal,
.staticPages .add2cal {
  font-size: 90%;
  color: #999;
	margin-top: 0.5em;
}
.event-canceled .event-add2cal,
.event-postponed .event-add2cal {
  display: none;
}
.event-price-note {
  font-size: 90%;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0.5em;
}
.event-price-note p {
	margin-bottom: 0.5em;
}
.event-refund-policy {
  padding-top: 0.5em;
  font-size: 90%;
	font-weight: 400;
}
.event-refund-policy table td {
  border: 1px solid #999;
  padding: 10px 15px 0;
}
.event-refund-policy table td p:last-of-type {
  margin: 0 0 10px;
}
p.event-artsforall {
	margin: 0;
	font-weight: 400;
	font-size: 90%;
}
.event-purchase-info p.notice {
	margin-bottom: 0.5em;
  font-size: initial;
}
.event-status-note {
  font-size: 90%;
  font-weight: 400;
	font-style: italic;
  color: initial;
}
.event-buy-link {
	text-align: center;
}
div.event-accessibility-info {
  font-weight: 400;
  font-size: 90%;
  padding: 15px 12px 10px;
}
div.event-accessibility-info a.more {
  border: none;
  font-size: 90%;
  padding: 2px;
  display: block;
}
div.event-accessibility-info a.more::before {
  border-left-width: 8px;
  border-right-width: 5px;
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.events .additional-event-info {
	clear: both;
	padding: 0;
}
.events .additional-event-info .col-md-8 {
	padding-left: 0;
}
.additional-event-info h2.border-top {
	text-align: center;
	margin: 0 auto;
	border-top: 2px solid #e7e7e7;
	clear: both;
}
.additional-event-info-body {
	padding: 0 0 15px;
}
.additional-event-info .artist-bio-headshot {
	margin: 0;
}
.additional-event-info hr {
/*	display: none; */
}
.related-events {
	padding: 10px;
	text-align: center;
	font-size: 94%;
}
.events .related-events {
	border: 1px solid #999;
  margin: 1em auto;
  max-width: 600px;
}
.related-events h2, .related-events h2:first-child {
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px;
  color: #666;
}
.related-events .related-events-list {
	text-align: left;
	font-weight: 700;
	color: #666;
  padding: 10px 0;
  line-height: 1.5;
}
.related-events .related-event-date {
	text-align: right;
}
.related-events hr {
	margin: 0 0 15px 0;
	background-color: #c6c3bd;
}
.related-events ul.series-list {
  list-style: none;
  margin: 0;
  padding: 0; 
}
.related-events ul.series-list .more {
  margin: 3px;
  padding: 5px 9px 3px 15px;
  min-width: 7em;
  text-align: left;
}
.events .related-productions {
  border-top: none;
}
.events .related-entries {
	margin-top: 0;
}

/* Special Performance Notice */
.special-performance-notice .accordion-head p,
.special-performance-notice .accordion-head a, 
.special-performance-notice .accordion-head a.link {
  color: #fff !important;
}
.special-performance-notice {
  padding: 0 5px;
}
.special-performance-notice .show-title {
  font-weight: 700;
  font-size: 90%;
  font-style: italic;
}
.special-performance-notice .show-date {
  font-size: 118%;
  font-weight: 700;
  margin-bottom: 5px;
}
.special-performance-notice .summary p {
  margin: 0.5em 0;
}
.special-performance-notice a.more {
  margin: 0.5em 0;
}

/* Health & Safety Protocol Notice */
.health-safety-protocol-notice {
  border-color: #384d84;
  width: fit-content;
  margin: 1em auto;
}
.health-safety-protocol-notice div.event-details-heading {
  background-color: #384d84;
}
.health-safety-protocol-notice div.event-safety-body {
  font-size: 90%;
  font-weight: 400;
  text-align: left;
}
.health-safety-protocol-notice div.event-safety-body p {
  display: inline;
}
.health-safety-protocol-notice a {
  color: #384d84 !important;
}
.health-safety-protocol-notice a strong {
  color: #0ea19e;
}
.health-safety-protocol-notice a:hover {
  opacity: 1;
}
.health-safety-protocol-notice a strong:hover {
  opacity: 0.75;
  transition: 0.3s;;
  cursor: pointer;
}
.health-safety-protocol-notice a.more {
  color: #384d84;
  border: unset;
  padding: unset;
  font-size: unset;
  margin: 0 0 0 10px;
}
.health-safety-protocol-notice a.more::before {
  border-left-color: #0ea19e;
  border-left-width: 9px;
}
.health-safety-protocol-notice div.event-safety-body p:last-child {
  margin-bottom: 0;
}

/* Student Matinee Listing */
.student-matinee-listing .production-head {
	padding: 15px;
}
.student-matinee-listing .matinee-dates {
	margin-bottom: 5px;
}
.student-matinee-listing .matinee-dates strong {
	font-size: 112%;
}
.student-matinee-listing .venue {
	font-weight: 700;
	margin-bottom: 1em;
  font-size: unset;
}
.student-matinee-listing .blurb h4 {
	display: none;
}

/* Resource Guides Listing */
.resource-guide-listing h2 {
	text-align: left;
}
.section-education.teens .no-events {
	display: none;
}
.resource-guide-title em {
  font-style: normal;
}

/* Search Page */
.search-results-count {
	color: #666;
	text-align: center;
}
p.search-results-count {
	padding-top: 50px;
}
.search-results-count input#keywords {
  max-width: 80%
}
.search-results-count .submit {
	border: none;
	padding: 6px 10px;
	background-color: #1d1b19;
	color: #fff;
}
#search-results {
  margin-bottom: 30px;
}
#search-results .row {
  padding: 1.5em 0;
  border-bottom: 2px solid #e7e7e7;	
}
#search-results .featured-entry-thumbnail {
  max-width: 180px;
  float: right;
}
#search-results .featured-entry-summary,
#search-results .featured-entry-summary h2,
#search-results .featured-entry-summary div {
  margin: 0;
}
#search-results .featured-entry-summary h2 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 130%;
  margin-top: -3px;
}
#search-results .summary-text {
	display: block;
	text-align: left !important;
}
#search-results .summary-text p {
	margin: 0;
	padding: 0;
	text-align: left !important;
}
#search-results .detail-link {
	display: none;
}
/* #search-results div[id^="production-"] .featured-entry-thumbnail {
  max-width: unset;
  float: left;
} */
.listing-subtitle {
  font-size: 83%;
}
span.listing-subtitle {
  font-style: italic;
}
.listing-subtitle.black {
  margin-top: 4px;
}

/* Season Tickets Page */
#season-ticket-packages {
	margin-top: 40px;
	margin-bottom: 20px;
}
#season-ticket-packages .standard-packages {
	padding-bottom: 10px;
	margin-right: -10px;
	margin-left: -10px;
}
.series {
	text-align: center;
	padding-bottom: 35px;
}
.series h3 {
	margin: 15px auto 5px;
}
.series h4 {
	margin: 0 auto 5px;
}
.series-select {
	font-weight: bold;
	border: none;
	padding: 10px;
	text-align: center;
	margin: 0 auto -20px;
}
.series-select select {
	font-weight: bold;
	background-color: #0ea19e;
	border: none;
	padding: 10px;
  margin-bottom: 2em;
}
.series-select select option {
	color: #2e2e2e;
	background-color: #fff;
	font-weight: bold;
}
span.loader {
	color: #0ea19e;
	float: right;
	visibility: hidden;
	margin-top: 7px;
}
div.loader {
	color: #0ea19e;
	visibility: hidden;
	margin: 1em 1em 0 1em;
	text-align: center;
}
.new-loader {
  border: 5px solid #e7e7e7;
  border-radius: 50%;
  border-top: 5px solid #0ea19e;
  width: 50px;
  height: 50px;
	margin: 0 auto 25px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
  text-align: center;
  align-content: center;
  display: grid;
  background-color: rgb(0, 0, 0, 0.3);
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
/* Adds a magnifying glass icon next to any inline or inline-block element 
   Usage: place <span class="magnifying-glass></span> before the element */
.magnifying-glass {
  font-size: 1em;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border: 0.15em solid #0ea19e;
  position: relative;
  border-radius: 0.8em;
  margin-right: 0.35em;
  top: -1px;
}
.magnifying-glass::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -0.3em;
  bottom: -0.2em;
  border-width: 0;
  background: #0ea19e;
  width: 0.3em;
  height: 0.15em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
#warning {
	display: none;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#season-ticket-packages .package-section {
  min-height: 405px;
  padding-bottom: 15px;
  margin-bottom: 15px;
	border: 2px solid;
}
#season-ticket-packages .season-ticket-heading {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	padding: 10px;
	font-size: 124%;
	letter-spacing: 1px;
	text-transform: uppercase;
  color: #fff;
  background-color: #1e1e1e;
}
.wildcard-package {
	margin: 2em auto;
	width: 600px;
	min-height: 250px;
	float: none;
}
#season-ticket-packages .buy-link {
	/* margin: -25px auto 25px; */
  padding: 0 15px;
	text-align: center;
}
.modal-body h3 {
	text-transform: uppercase;
}
.modal-body .series-details {
	text-align: center;
  margin-top: -20px;
}
.modal-body h5.package-type {
  font-size: 106%;
  color: inherit;
  border-bottom: none;
  padding: 15px 0 5px;
  margin: 0;
  border-top: 2px solid #e7e7e7;
}
.modal-body h5.package-type .package-price-range {
  font-weight: 400;
  font-size: 94%;
}
.textBlock>.subscriber-benefits h3 {
  text-align: center;
  text-transform: uppercase;
}

/* Gift Ideas page */
.gift-ideas .image-text-grid {
	max-width: 800px;
	margin: 30px auto;
	border: 2px solid #bbb;
	border-radius: 10px;
	padding: 15px;
}
.gift-ideas .image-text-grid h2 {
	margin: 0;
	color: #be0014;
}
.gift-ideas .image-text-grid .button {
	background-color: #be0014;
}

/* Contact Page, Staff Table, and Staff Entries*/
#staff-directory .directors {
  text-align: center;
  margin-right: -15px;
  padding-bottom: 15px;
}
#staff-directory .department-head {
  text-align: center;
	clear: both;
  padding: 0;
  background-color: #fff;
}
#staff-directory .directors .department-head .department-title {
	font-weight: 700;
	text-align: center;
	font-size: 1.2em;
  margin: 0;
  padding: 0;
}
#staff-directory .department-head .department-title {
	font-weight: 700;
	text-align: left;
}
#staff-directory .department-head .category-info {
	text-align: right;
}
#staff-directory .department-head .category-info a {
	color: #fff;
}
#staff-directory .department-list {
	padding-bottom: 25px;
}
#staff-directory .directors .department-list {
	padding: 15px 0 30px;
}
#staff-directory .department-list .row {
	vertical-align: top;
	padding: 5px;
	border-bottom: 2px solid #e7e7e7;
	margin: 0 -20px;
}
#staff-directory .department-list .row:first-child {
	margin-top: -15px;
}
#staff-directory .department-list .row:hover {
	background-color: #f8f6f6;
}
#staff-directory .department-list .row:last-child {
	border-bottom: none;
	margin-bottom: -25px;
}
#staff-directory .department-list div {
	vertical-align: top;
}
#staff-directory .department-list h3 {
  text-align: center;
  padding: 2em 0 0.25em;
  color: #666;
}
#staff-directory .department-list h3:first-child {
  padding-top: 1em;
}
#staff-directory .staff-name {
	font-weight: bold;
}
#staff-directory .staff-email {
	text-transform: lowercase;
}
#staff-directory .staff-phone {
	white-space: nowrap;
	text-align: right;
}
#staff-directory .directors .staff-phone {
	text-align: center;
}
#staff-directory .staff-phone a {
	color: #000;
	font-weight: normal;
}
.staff h1 {
	text-align: center;
	margin: 0;
}
.staff_entry h2 {
	font-size: 129%;
	padding: 0;
	text-align: center;
}
.staff_entry .staff_contact {

	text-align: center;
	margin-bottom: 35px;
  font-weight: 700;
}
.page-contact {
	text-align: center;
  border-top: 2px solid #e7e7e7;
  margin-top: 30px;
  padding-top: 30px;
}
.page-contact p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page-contact .staff-contact-card {
	padding-top: 10px;
	padding-bottom: 25px;
}

/* Employment Page */
.eoe-notice {
	font-style: italic;
}
.paycom-employment-listing {
	height: 600px; 
	width: 100%; 
	margin: 2em 0;
	-webkit-overflow-scrolling:touch;
}

/* Board of Directors Page */
.board-of-directors .textBlock {
  padding-bottom: 1.5em;
}

/* Boxouts */
  
/* A drop-shadowed box for drawings (by sketch artists, etc.) and other uses, such as cockatil recipes */
blockquote, .drawing, .drawings>figure>img, .recipe, .drop-shadow {
	border: 1px solid #e7e7e7;
  box-shadow: 5px 5px 10px #bbb;
	margin: 15px auto;
}
.content-inner>blockquote, .textBlock>blockquote, .content-inner>.recipe, .content-inner>.drop-shadow, .boxout.border-block  {
	padding: 1.25em 1.75em;
	margin: 2em auto 2.5em;
}
.boxout h1:first-child, .boxout h2:first-child, .boxout h3:first-child, .boxout h4:first-child, .boxout h5:first-child, .boxout h6:first-child {
	margin-top: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  .content-inner>blockquote, .content-inner>.recipe, .content-inner>.drop-shadow, .boxout.border-block {
    width: fit-content;
    max-width: 90%;
  }
  .image-text-grid blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
.drawings figure {
  text-align: center;
}
.drop-shadow p:last-child {
	margin-bottom: 0;
}
.drop-shadow.poetry {
    padding: 7%;
}
.recipe h2:first-child, .recipe h3:first-child, .drop-shadow h2:first-child, .drop-shadow h3:first-child {
	margin-top: 0;
	padding-top: 0;
}
.productions .additional-info blockquote .more,
.productions .additional-info .drop-shadow .more {
	margin: auto;
	display: block;
	width: fit-content;
}
.drop-shadow audio {
  width: 100%;
}

/* A bordered box with padding for any element */
.border-block {
  border: 2px solid #e7e7e7;
  padding: 0.8em 1.2em;
  margin-bottom: 1em;
}
.border-block .textBlock:last-child :last-child, 
.drop-shadow .textBlock:last-child :last-child {
  margin-bottom: 0;
}

/* Special Projects Entry Styles */
body.specialProjects h2.project-title {
  text-align: center;
  margin-bottom: 0;
  padding: 5px;
}
body.specialProjects .artist-bio-headshot.row {
    padding-top: 2em;
}

/* Related Produtions, Events, and Entries */
.related-productions .production-thumbnail {
	max-width: 240px;
	margin: 0 auto 10px;
	text-align: center;
	display: block;
}
.related-productions {
	margin-bottom: -45px;
}
.related-productions .button {
	min-width: 200px;
}
.related-productions {
	clear: both;
	text-align: center;
	padding: 35px 0 50px;
}
.related-productions .col-md-6,
.related-entries .col-md-6 {
	padding: 15px;
}
.related-productions h4,
.related-entries h4 {
	font-weight: 700;
}
.related-entries h2 {
	font-size: 100%;
  padding: 0;
}
.related-entries .featured-entry, 
.related-entries .event-dates-summary {
  margin: 0 0 1em
}
.related-entries .event-dates-summary, .related-entries .event-date, .related-entries .event-location, .related-entries .event-admission-price {
  font-size: 94%;
  font-weight: 400;
  color: #2e2e2e !important;
}
.related-entries .featured-entry-summary .category-tag {
  margin: 0;
  padding: 0;
}
.related-entries .event-dates-summary .admission-info,
.related-entries .summary-text {
  display: none;
}
.related-productions span.venue {
	white-space: nowrap;
  display: block;
}
.related-entries h4 {
	color: #666;
	margin-bottom: 1em;
  text-align: center;
}
.special-performance-event-related-programming h4 {
  color: #666;
  text-align: center;
  margin-bottom: 1em;
}
.related-entries .featured-entry-thumbnail {
	padding: 5px 0 0;
}
.related-entries .featured-entry-summary .entry-title a {
	font-size: 106%;
}
.related-entries .featured-entry-summary a.more {
	font-size: 82%;
  padding: 5px 12px 4px;
}
.related-entries .featured-entry-summary a.more::before {
	border-width: 5px 5px 5px 8px;
}
.related-special-performance-event-wrapper {
  width: 100%;
  margin: 0;
  padding: 1em 0 0;
}
.related-special-performance-event .row {
  padding: 0;
  margin: 0;
}
.related-special-performance-event .featured-entry-thumbnail {
  padding: 0;
}
.related-special-performance-event .featured-entry-summary {
}
.related-projects .related-entry {
  padding-bottom: 20px;
  padding-top: 10px;
}
.related-projects .related-entry.active {
  font-weight: 700;
}
.section-community-voices .related-projects .related-entry.active .entry-thumbnail {
  background-color: #c53d1a;
}
.related-projects .related-entry.active img {
  /* -webkit-filter: grayscale(1) brightness(0.8) contrast(1.2);
  filter: grayscale(1) brightness(0.8) contrast(1.2) */
}
.section-community-voices .related-projects .related-entry.active img {
  -webkit-filter: saturate(0) contrast(1.5);
  filter: saturate(0) contrast(1.5);
  opacity: 0.5;
}
.related-projects .entry-title {
  padding-top: 5px;
}
.related-projects .related-entry.active .entry-title::before {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  margin-right: 0px;
  vertical-align: 1px;
  border-bottom: 10px solid #0ea19e;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
}
.news-events-more [class*="more-"] {
    padding: 0 15px;
}
.news-events-more [class*="more-"] a.allposts {
	width: 100%;
	max-width: 100%;
}
.more-entries {
	margin-top: 35px;
  padding: 30px 0;
  display: inline-block;
}
.more-entries a.allposts {
	max-width: 400px;
}
.longCaption {
  margin-top: 50px;
}
.access-dates h3 {
  margin: 0;
  padding-top: 10px;
}
.access-dates ul.access-dates-list {
  list-style-type: none;
  margin: 0;
  padding-left: 2em;
} 
.access-dates ul.access-dates-list a {
  white-space: nowrap;
}
.pwyw-performances {
  text-align: center;
}
.pwyw-performances h3 {
  padding: 0;
  margin-bottom: 1em;
}

/* Past Seasons page */
.section-past-seasons h2 {
  text-align: center;
}
.dropdown.past-season-select {
  width: fit-content;
  margin: auto;
}
.dropdown.past-season-select .dropdown-menu {
  width: 100%;
}
.past-season-thumbnails {
  margin: 0 -5px 2em;
}
.past-season-thumbnails .featured-entry {
  margin: 0;
  padding: 5px;
}
#earlier-seasons ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0 auto 2em;
}

/* Production Digital Content (for iframe on TNEW digital content pages) */
.section-digital-content {
  margin-top: -135px;
}
.section-digital-content #header-wrapper {
  display: none;
}
.section-digital-content #main {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.section-digital-content #content {
  margin-top: 136px;
  width: 100% !important;
}
#videoChatContainer a:hover {
  color: #fff;
  opacity: 1;
}
.video-and-chat-wrapper {
  border: 1px solid #111; 
  background-color: #111;
  margin-bottom: 25px;
}
#liveVideo {
  margin: 0;
}
.video-placeholder, 
.video-container .video-placeholder {
  padding: 5vh 5vw;
  color: #e7e7e7;
  text-align: center;
  background-color: #111;
}
#liveChatSide.chat-embed-wrapper {
  float: right;
  margin: 0;
  border-left: 1px solid #111;
}
#liveChatSide.chat-embed-wrapper iframe {
  min-height: 400px; /* actual height is set by javascript */
  min-width: 333px;
  margin-bottom: -8px;
}
#liveChatBelow.chat-embed-wrapper {
}
#liveChatBelow.chat-embed-wrapper iframe {
  background-color: #fff;
  height: 600px;
  margin-bottom: -8px;
}
.chat-embed-wrapper .accordion-block {
  border: none;
  margin: 0;
}
.chat-embed-wrapper .accordion-head {
  padding: 15px;
  text-align: center;
}
.chat-embed-wrapper .accordion-head a::after {
  border-top-color: #0ea19e;
  border-bottom-color: transparent;
  margin-left: 8px;
}
.chat-embed-wrapper .accordion-head a[aria-expanded="true"]::after {
  border-top-color: transparent;
  border-bottom-color: #0ea19e;
}
.chat-embed-wrapper .accordion-head a, 
.chat-embed-wrapper .accordion-head p, 
.chat-embed-wrapper .accordion-head a p, 
.chat-embed-wrapper .accordion-head a:link p {
  text-align: center;
  font-size: 94%;
  text-transform: uppercase;
  color: #e7e7e7;
}
.chat-embed-wrapper .accordion-head a,
.chat-embed-wrapper .accordion-head a:link {
  color: #333 !important;
}
.chat-embed-wrapper .accordion-head a:hover, 
.chat-embed-wrapper .accordion-head a:focus, 
.chat-embed-wrapper .accordion-head a:active {
  opacity: 1;
  -webkit-filter: brightness(108%);
  filter: brightness(108%);
}
.chat-embed-wrapper .accordion-head:hover {
  opacity: 1;
}
.chat-embed-wrapper .accordion-head a p {
  display: inline;
  padding: 15px 25px;
}
.chat-embed-wrapper .accordion-head a[aria-expanded="true"]::before {
  display: inline;
  content: "Hide ";
}
.chat-embed-wrapper .accordion-head a[aria-expanded="false"]::before,
.chat-embed-wrapper .accordion-head a.collapsed::before {
  display: inline;
  content: "Show ";
}
.chat-embed-wrapper .accordion-text {
  padding: 0;
  border: none;
}
.section-digital-content .digital-content-message {
  clear: both;
  font-size: 82%;
  font-style: italic;
  text-align: center;
  margin: 0;
  padding: 15px 10px;
  background-color: #111;
  line-height: 1.4;
  color: #e7e7e7;
}
.section-digital-content #production-body {
  padding: 25px 0;
}
.section-digital-content #production-body #details-main {
  padding-top: 15px;
  padding-bottom: 30px;
}
.section-digital-content #production-body #details-sidebar,
.section-digital-content #production-body .credits {
  margin-top: 0;
}
.section-digital-content audio {
  min-width: 50%;
  margin-bottom: -8px;
}

/* THIS CAN BE DELETED */
.section-livestream-test .accordion-block {
  border: none;
}
.section-livestream-test .accordion-head {
  background-color: unset;
  padding: 0 0 15px;
}
.section-livestream-test .accordion-head a::after {
  border-top-color: #0ea19e;
  border-bottom-color: transparent;
}
.section-livestream-test .accordion-head a[aria-expanded="true"]::after {
  border-top-color: transparent;
  border-bottom-color: #0ea19e;
}
.section-livestream-test .accordion-head a, 
.section-livestream-test .accordion-head p, 
.section-livestream-test .accordion-head a p, 
.section-livestream-test .accordion-head a:link p {
  text-align: right;
  font-size: 94%;
  text-transform: uppercase;
}
.section-livestream-test .accordion-head a p {
  display: inline-block;
  padding-right: 25px;
}
.section-livestream-test .accordion-head a[aria-expanded="true"] p::before {
  display: inline;
  content: "Hide ";
}
.section-livestream-test .accordion-head a.collapsed p::before {
  display: inline;
  content: "Show ";
}
.section-livestream-test .accordion-text {
  padding: 0;
  border: 2px solid #aaa;
}

/* Styles for the tables on pcs.org/education/teachers/ */
table.teachers td {
	vertical-align: top;
	padding-bottom: 1em;
}

/* Styles for sponsors on pcs.org/education/annual-report-and-sponsors */
.annual-report-and-sponsors .sponsor {
  color: #333;
}

/* Login Form */
.login-form {
	margin: 25px auto;
}
.login-form td {
	padding: 5px;
}
.login-form td label {
	margin-bottom: unset;
}
.login-form tr.username td label,
.login-form tr.password td label {
	float: right;
}
.logout {
	margin-top: -10px;
	text-align: right;
	font-size: 15px;
}

/* Email Signup Modal
   See also /js/email-signup-modal.js 
   and /craft/templates/_includes/email_signup_modal.twig */
#emailSignup {
  top: unset; 
  left: unset;
}
#emailSignup .modal-dialog {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin: 50px 25px 95px;
  width: auto;
  width: 420px;
  text-align: center;
}
@media (max-width: 767px) {
  #content {
    padding: 0;
  }
  .content-inner {
    padding: 15px;
  }
  .hero-image {
    padding: 0;
  }
  .event-details {
    width: fit-content;
  }
  .event-description {
    padding-left: 0;
    margin-bottom: 0;
  }
  #emailSignup .modal-dialog {
    margin-bottom: 150px;
  }
}
@media (max-width: 415px) { 
  #emailSignup .modal-dialog {
    margin: 20px;
    width: calc(100% - 40px);
  }
}
#emailSignup.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(125%, 0, 0);
	transform: translate3d(125%, 0, 0);
}
#emailSignup .modal-dialog .button {
  text-transform: uppercase;
}
#emailSignup .modal-dialog .button-secondary {
  font-size: 15px;
  font-weight: 400;
  padding: 10px 12px 7px;
  line-height: 1;
  color: #666;
}

/* Board Corner Styles */
.boardCorner .accordion-block {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  #alert, #alert p, #alert ul, #alert ol, #alert li, #cookiesNotice, #cookiesNotice p, #cookiesNotice ul, #cookiesNotice ol, #cookiesNotice li {
    font-size: 14px;
    line-height: 22px;
  }
  #alert>div {
    padding: 5px 20px;
  }
  #alert .alert-body {
    display: block;
  }
  #alert .alert-body>div {
    padding: 5px;
  }
  .boardCorner .accordion-block {
    max-width: 100%;
  }
}

/* Archive Styles */
.archivedEntry h1,
.archivedEntry h2,
.archivedEntry h3,
.archivedEntry h4,
.archivedEntry h5,
.archivedEntry h6,
.archivedEntry p {
	font-family: inherit !important;
}
.archivedEntry a,
.archivedEntry span,
.archivedEntry i,
.archivedEntry em,
.archivedEntry b,
.archivedEntry strong {
	font-family: inherit !important;
	font-size: inherit !important;
}
.archivedEntry span,
.archivedEntry i,
.archivedEntry em,
.archivedEntry b,
.archivedEntry strong {
	color: inherit !important;
}
.archivedEntry img[align="left"] {
	margin-right: 15px;
}
.archivedEntry img[align="right"] {
	margin-left: 15px;
}
.archivedEntry #flashObj {
	display: none;
}
.archivedEntry table {
	width: unset !important;
}
.archivedEntry center blockquote {
	background-color: unset;
	border: none;
	padding: 10px;
	margin-top: 0;
	color: #666;
	font-style: italic;
}
.archivedEntry .blog h6 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important; 
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	margin-bottom: 0.5em; 
  color: #666;
	text-align: center; 
}
.archivedEntry .blog #main,
.archivedEntry .static p,
.archivedEntry .static li, 
.archivedEntry .news-post {
	font-size: inherit;
	line-height: inherit;
}
.archivedEntry h4 {
	padding-top: 10px;
}
.archivedEntry #blog a.more {
	margin: 0 0 1em;
}
.archivedEntry .other-posts {
	border-top: 2px solid #e7e7e7;
	padding-top: 20px;
}
.archivedEntry #blog .datestamp,
.archivedEntry .other-posts dt, 
.archivedEntry .media-sidebar-wrap object {
	display: none;
}
.archivedEntry .other-posts dd {
	padding-bottom: 10px;
}
.archivedEntry .other-posts dt::after {
	content: ": ";
}
.archivedEntry .pagination ul {
	list-style: none;
}
.archivedEntry .production-nav,
.archivedEntry .comments, 
.archivedEntry .social-comment-link {
	display: none;
}
.archivedEntry .production-hed h3 {
	color: #000;
	font-size: 26px !important;
	padding-top: 0;
	text-align: center;
}
.archivedEntry .production h2 {
	padding-top: 0;
	border: 0;
}
.archivedEntry .production #showtimes {
	display: none;
}
.archivedEntry .production #blog .news_post {
	padding-top: 15px;
  border-top: 2px solid #e7e7e7;
	padding-bottom: 15px;
}
.archivedEntry .bloc {
	padding: 15px;
	margin: 0 auto 25px;
	margin-top: 0;
	background-color: #000;
	text-align: center;
	max-width: 1200px;
}
.archivedEntry .production .image-hero {
	padding-top: 0;
}
.archivedEntry .production .image-hero,
.archivedEntry .production .image-hero p,
.archivedEntry .production .image-hero img,
.archivedEntry .production .image-hero iframe {
	margin: 0 auto;
	line-height: 0;
	background-color: #000;
	max-width: 1200px;
}
.archivedEntry .production .image-hero img {
	width: 100%;
	height: auto;
}
.archivedEntry #ticket-calendar .schedules { display: none; }
.archivedEntry .synopsis h4 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0 0 0.7em;
}
.archivedEntry .synopsis h5 {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin: 4px 0 0 0;
	color: #e7e7e7;
	border: none;
}
.archivedEntry .synopsis h5 a {
	color: inherit;
  text-decoration: underline;
}
.archivedEntry .synopsis h5 a:hover {
	color: #fff;
}
.archivedEntry .synopsis h6 {
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-style: italic;
	margin: 10px 0 18px 0;
	border-top: 1px solid #fff;
	padding-top: 6px;
}

/* OVERRIDE ELEMENTS ON SPECIFIC PAGES */

/* Contact page */
body#entry-346 a.allposts {
	margin: 30px auto;
	max-width: 400px;
}

/* JAW History page */
.jaw-history h2 {
  text-align: unset;
}
/* Arts for All page */
body#entry-2557 table {
	margin: 2em auto 0;
}
body#entry-2557 table td {
	min-width: 30px;
	padding: 6px 9px 2em;
	vertical-align: top;
}
body#entry-2557 table td.q {
	padding-bottom: 6px;
	background-color: #e7e7e7;
}
/* Gala Page */
body.gala .static-submenu .button-secondary, body.gala .table-of-contents .button-secondary {
  color: #fff !important;
  border: none !important;
  background-color: #811c58 !important;
}
body.gala .static-submenu .button-secondary:hover, body.gala .table-of-contents .button-secondary:hover {
  opacity: 0.75;
}

/* 2023 Strength In Numbers Participation Campaign */
.strength-in-numbers-participation-campaign .container {
  width: 100%;
}

/* PETE's a seagull Production Page */
body#entry-37681 .credits h1#production-title em {
  display: block;
}

@media (min-width: 1600px) {
  .container {
    width: 1480px;
  }
  .section-2022-gala-rehearsal .container, 
  .section-2022-gala-live .container {
    width: 1600px;
  }
  .section-2022-gala-rehearsal .col-md-8, 
  .section-2022-gala-live .col-md-8 {
    width: 75% !important;
  }
  .section-2022-gala-rehearsal .col-md-4, 
  .section-2022-gala-live .col-md-4 {
    width: 25% !important;
  }
  .section-2022-gala-rehearsal #liveChatSide iframe, 
  .section-2022-gala-live #liveChatSide iframe {
    min-height: 678px !important;
  }
}
@media (max-width: 640px) {
  .section-2022-gala-rehearsal .container, 
  .section-2022-gala-live .container {
    width: auto !important;
    margin-left: -11px;
    margin-right: -11px;
  }
}
/* Gala 2021 Live Stream Page */
@media (min-width: 1600px) {
  .metamorphosis-gala-rehearsal .container, 
  .metamorphosis-gala-live .container {
    width: 1600px;
  }
  .metamorphosis-gala-rehearsal .col-md-8, 
  .metamorphosis-gala-live .col-md-8 {
    width: 75% !important;
  }
  .metamorphosis-gala-rehearsal .col-md-4, 
  .metamorphosis-gala-live .col-md-4 {
    width: 25% !important;
  }
  .metamorphosis-gala-rehearsal #liveChatSide iframe, 
  .metamorphosis-gala-live #liveChatSide iframe {
    min-height: 678px !important;
  }
}
@media (max-width: 640px) {
  .metamorphosis-gala-rehearsal .container, 
  .metamorphosis-gala-live .container {
    width: auto !important;
    margin-left: -11px;
    margin-right: -11px;
  }
}

/* Gala Packages page */
body#entry-12423 #main #entry-title { padding-bottom: 1em; }

/* Twist Your Dickens Resource Guide */
body#entry-471 #main .static-submenu { display: none; }

/* Great American Songbook blog entry */
body#entry-3571 #main .datestamp { display: none; }

/* TCG in PDX page (www.tcginpdx.org) */
body#entry-4988,
body#entry-4988 div#container {
	width: 750px;
	background-image: none;
}	
body#entry-4988,
body#entry-4988 div#container,
body#entry-4988 div#main {
	margin: 0 auto;
	padding: 0;
}
body#entry-4988 div#main {
	width: 750px;
	height: 2000px;
}
body#entry-4988 div#alert,
body#entry-4988 div#header,
body#entry-4988 div#administrative,
body#entry-4988 div#footer-container {
	display: none !important;
}
body#entry-4988 table.portland-guide td {
	border-bottom: 1px solid #aaa;
  padding-top: 10px;
}

/* COVID-19 Update pages and forms */
body#entry-19998 div#alert,
body#entry-19995 div#alert,
body#entry-19982 div#alert,
body#entry-20020 div#alert,
body#entry-20001 div#alert {  
	display: none !important;
}

/* Hide button on sales alert for Earth Without Borders production *TEMPORARY* */
#sales-alert-12524 .button-container {
  display: none;
}

/* 2017-18 Season Announcement Page */
body#entry-5356 h1 {
	text-align: center; 
	border-bottom: 3px solid #666;
	padding-top: 1em;
	clear: both;
}
body#entry-5356 #content #main h2 {
	margin: 1.5em 0 10px;
	border-top: 1px solid #aaa;
	padding-top: 1.5em;
	font-size: 20px;
	color: #9f7a2c;
}

/* 2018-19 Season Announcement Page */
body#entry-11017 #content #main	h1 {
	text-align: center;
}
body#entry-11017 #content #main h2 {
	text-align: left;
	margin: 1.5em 0 10px;
	border-top: 2px solid #e7e7e7;
	padding-top: 1.5em;
	font-size: 20px;
	color: #9f7a2c;
}

/* 2018-19 PRODUCTION PAGES */
/* The Color Purple
   Sense and Sensibility
	 Until the Flood */
#production-purple .production-theme, 
#production-purple .blurb h4,
#production-purple #main a,
#production-purple a,
#production-sense .production-theme,
#production-sense .blurb h4,
#production-sense #main a,
#production-sense a,
#production-flood .production-theme,
#production-flood .blurb h4,
#production-flood #main a,
#production-flood a {
	color: #ce4cac;
}
#production-purple a.ticket,
#production-sense a.ticket,
#production-flood a.ticket,
#production-purple .button,
#production-sense .button,
#production-flood .button,
#production-purple .nav-tabs>li>a,
#production-sense .nav-tabs>li>a,
#production-flood .nav-tabs>li>a,
#production-purple .production-theme-bg,
#production-sense .production-theme-bg,
#production-flood .production-theme-bg {
	color: #fff;
	background-color: #ce4cac;
}
/* A Life
   Crossing Mnisose */
#production-alife .production-theme,
#production-alife .blurb h4,
#production-alife #main a,
#production-alife a,
#production-crossing .production-theme,
#production-crossing .blurb h4,
#production-crossing #main a,
#production-crossing a {
	color: #4c8def;
}
#production-alife a.ticket,
#production-crossing a.ticket,
#production-alife .button,
#production-crossing .button,
#production-alife .nav-tabs>li>a,
#production-crossing .nav-tabs>li>a,
#production-alife .production-theme-bg,
#production-crossing .production-theme-bg {
	color: #fff;
	background-color: #4c8def;
}
/* Twist Your Dickens
   Native Gardens */
#production-dickens-2018 .production-theme,
#production-dickens-2018 .blurb h4,
#production-dickens-2018 #main a,
#production-dickens-2018 a,
#production-gardens .production-theme,
#production-gardens .blurb h4,
#production-gardens #main a,
#production-gardens a {
	color: #60b54b;
}
#production-dickens-2018 a.ticket,
#production-gardens a.ticket,
#production-dickens-2018 .button,
#production-gardens .button,
#production-dickens-2018 h5,
#production-dickens-2018 .nav-tabs>li>a,
#production-gardens .nav-tabs>li>a,
#production-dickens-2018 .production-theme-bg,
#production-gardens .production-theme-bg {
	color: #fff;
	background-color: #60b54b;
}
/* A Christmas Memory
   Tiny Beautiful Things
   Crazy Enough */
#production-winter-2018 .production-theme,
#production-winter-2018 .blurb h4,
#production-winter-2018 #main a,
#production-winter-2018 a,
#production-tiny .production-theme,
#production-tiny .blurb h4,
#production-tiny #main a,
#production-tiny a,
#production-crazy-2019 .production-theme,
#production-crazy-2019 .blurb h4,
#production-crazy-2019 #main a,
#production-crazy-2019 a {
	color: #e93447;
}
#production-winter-2018 a.ticket,
#production-tiny a.ticket,
#production-crazy-2019 a.ticket,
#production-winter-2018 .button,
#production-tiny .button,
#production-crazy-2019 .button,
#production-winter-2018 .nav-tabs>li>a,
#production-tiny .nav-tabs>li>a,
#production-crazy-2019 .nav-tabs>li>a,
#production-winter-2018 .production-theme-bg,
#production-tiny .production-theme-bg,
#production-winter-2018 .production-theme-bg {
	color: #fff;
	background-color: #e93447;
}
/* Buyer & Cellar
   The Breath of Life */
#production-buyer .production-theme,
#production-buyer .blurb h4,
#production-buyer #main a,
#production-buyer a,
#production-breath .production-theme,
#production-breath .blurb h4,
#production-breath #main a,
#production-breath a {
	color: #ea7933;
}
#production-buyer a.ticket,
#production-breath a.ticket,
#production-buyer .button,
#production-breath .button,
#production-buyer .nav-tabs>li>a,
#production-breath .nav-tabs>li>a,
#production-buyer .production-theme-bg,
#production-breath .production-theme-bg {
	color: #fff;
	background-color: #ea7933;
}

/* 2019-2020 Season Announcement page */
#entry-15396 #main a,
#entry-15396 #main a:link {
	color: #971b4e;
}
#entry-15396 #main a:hover {
	color: #666;
}
#entry-15396 #main .tnew-style-button,
#entry-15396 #main .button {
	background-color: #971b4e;
}
#entry-15396 #main .tnew-style-button:hover,
#entry-15396 #main .button:hover {
	background-color: #666;
}

/* JAW 2019 on Home Page */
#production-jaw-2019 a.button {
	background-color: #007c84;
}
#production-jaw-2019 a.button:hover {
	background-color: #666;
}

/* 2019-2020 PRODUCTION PAGES */

/* IN THE HEIGHTS */
#production-heights a,
#production-heights .production-theme, 
#production-heights .production-head a, 
#production-heights .blurb h4,
#production-heights #production-body .nav-tabs>li.active>a,
#production-heights #production-body .nav-tabs>li.active>a:focus, 
#production-heights #production-body .nav-tabs>li.active>a:hover {
	color: #f15b1f;
}
#production-heights .production-theme-bg,
#production-heights a.button {
	color: #fff;
	background-color: #f15b1f;
}
#production-heights .production-head a.more {
	border-color: #f15b1f;
}
/* MACBETH */
#production-macbeth a,
#production-macbeth .production-theme,  
#production-macbeth .production-head a, 
#production-macbeth .blurb h4,
#production-macbeth #production-body .nav-tabs>li.active>a,
#production-macbeth #production-body .nav-tabs>li.active>a:focus, 
#production-macbeth #production-body .nav-tabs>li.active>a:hover {
	color: #c81d23;
}
#production-macbeth .production-theme-bg,
#production-macbeth a.button {
	color: #fff;
	background-color: #c81d23;
}
#production-macbeth .production-head a.more {
	border-color: #c81d23;
}
/* REDWOOD */
#production-redwood a,
#production-redwood .production-theme,  
#production-redwood .production-head a, 
#production-redwood .blurb h4,
#production-redwood #production-body .nav-tabs>li.active>a,
#production-redwood #production-body .nav-tabs>li.active>a:focus, 
#production-redwood #production-body .nav-tabs>li.active>a:hover {
	color: #a877dd;
}
#production-redwood .production-theme-bg,
#production-redwood a.button {
	color: #fff;
	background-color: #a877dd;
}
#production-redwood .production-head a.more {
	border-color: #a877dd;
}
/* MISS BENNET */
#production-missbennet-2019 a,
#production-missbennet-2019 .production-theme,  
#production-missbennet-2019 .production-head a, 
#production-missbennet-2019 .blurb h4,
#production-missbennet-2019 #production-body .nav-tabs>li.active>a,
#production-missbennet-2019 #production-body .nav-tabs>li.active>a:focus, 
#production-missbennet-2019 #production-body .nav-tabs>li.active>a:hover {
	color: #679057;
}
#production-missbennet-2019 .production-theme-bg,
#production-missbennet-2019 a.button {
	color: #fff;
	background-color: #679057;
}
#production-missbennet-2019 .production-head a.more {
	border-color: #679057;
}
/* HEDWIG */
#production-hedwig-2019 a,
#production-hedwig-2019 .production-theme,  
#production-hedwig-2019 .production-head a, 
#production-hedwig-2019 .blurb h4,
#production-hedwig-2019 #production-body .nav-tabs>li.active>a,
#production-hedwig-2019 #production-body .nav-tabs>li.active>a:focus, 
#production-hedwig-2019 #production-body .nav-tabs>li.active>a:hover {
	color: #a457a2;
}
#production-hedwig-2019 .production-theme-bg,
#production-hedwig-2019 a.button {
	color: #fff;
	background-color: #a457a2;
}
#production-hedwig-2019 .production-head a.more {
	border-color: #a457a2;
}
/* SCHOOL GIRLS */
#production-schoolgirls a,
#production-schoolgirls .production-theme,  
#production-schoolgirls .production-head a, 
#production-schoolgirls .blurb h4,
#production-schoolgirls #production-body .nav-tabs>li.active>a,
#production-schoolgirls #production-body .nav-tabs>li.active>a:focus, 
#production-schoolgirls #production-body .nav-tabs>li.active>a:hover {
	color: #cc2260;
}
#production-schoolgirls .production-theme-bg,
#production-schoolgirls a.button {
	color: #fff;
	background-color: #cc2260;
}
#production-schoolgirls .production-head a.more {
	border-color: #cc2260;
}
/* CURIOUS INCIDENT */
#production-curious a,
#production-curious .production-theme,  
#production-curious .production-head a, 
#production-curious .blurb h4,
#production-curious #production-body .nav-tabs>li.active>a,
#production-curious #production-body .nav-tabs>li.active>a:focus, 
#production-curious #production-body .nav-tabs>li.active>a:hover {
	color: #3a9dff;
}
#production-curious .production-theme-bg,
#production-curious a.button {
	color: #fff;
	background-color: #3a9dff;
}
#production-curious .production-head a.more {
	border-color: #3a9dff;
}
/* 9 PARTS OF DESIRE */
#production-desire a,
#production-desire .production-theme,  
#production-desire .production-head a, 
#production-desire .blurb h4,
#production-desire #production-body .nav-tabs>li.active>a,
#production-desire #production-body .nav-tabs>li.active>a:focus, 
#production-desire #production-body .nav-tabs>li.active>a:hover {
	color: #00a779;
}
#production-desire .production-theme-bg,
#production-desire a.button {
	color: #fff;
	background-color: #00a779;
}
#production-desire .production-head a.more {
	border-color: #00a779;
}
/* HOWARDS END */
#production-howardsend a,
#production-howardsend .production-theme,  
#production-howardsend .production-head a, 
#production-howardsend .blurb h4,
#production-howardsend #production-body .nav-tabs>li.active>a,
#production-howardsend #production-body .nav-tabs>li.active>a:focus, 
#production-howardsend #production-body .nav-tabs>li.active>a:hover {
	color: #2087ae;
}
#production-howardsend .production-theme-bg,
#production-howardsend a.button {
	color: #fff;
	background-color: #2087ae;
}
#production-howardsend .production-head a.more {
	border-color: #2087ae;
}
/* CAMBODIAN ROCK BAND */
#production-cambodian a,
#production-cambodian .production-theme,  
#production-cambodian .production-head a, 
#production-cambodian .blurb h4,
#production-cambodian #production-body .nav-tabs>li.active>a,
#production-cambodian #production-body .nav-tabs>li.active>a:focus, 
#production-cambodian #production-body .nav-tabs>li.active>a:hover {
	color: #ff4e85;
}
#production-cambodian .production-theme-bg,
#production-cambodian a.button {
	color: #fff;
	background-color: #ff4e85;
}
#production-cambodian .production-head a.more {
	border-color: #ff4e85;
}
#main #production-cambodian .production-head a:hover,
#main #production-cambodian .production-head a.button:hover {
	-webkit-filter: brightness(1.25) hue-rotate(10deg);
	filter: brightness(1.25) hue-rotate(10deg);
}

/* Some fixes to update past season pages to work with newer color scheme */
.productions-2018-2019-season #nav-tabs-wrapper .nav-tabs>li.active>a {
  color: #2e2e2e;
}
.productions-2018-2019-season a.more::before, 
.productions-2019-2020-season a.more::before {
    border-left-color: #333;
}

/* 2020-2021 SEASON PAGES */
#entry-19839 #main blockquote {
	border-color: #f58718;
  background-color: #fff;
}
/*
#entry-19839 a,
#entry-15443 a,
#entry-5353 a {
	color: #0075be;
}
#entry-19839 #main a.button, 
#entry-15443 a.button,
#entry-5353 a.button {
	background-color: #0075be;
}
*/
#entry-19839 .production-title, 
#entry-19839 .production-title a {
  color: #2e2e2e;
}
#entry-19839 .current-season .pull-quote-frame {
  display: block;
  border-width: 3px;
  border-style: solid;
  margin-top: 40px;
  padding: 10px 30px;
  max-width: 40%;
}
#entry-19839 .current-season .pull-quote {
  display: block;
  color: #2e2e2e;
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 10px 0;
  width: 300%;
  overflow: visible;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
}
#entry-19839 .current-season .pull-quote p {
 margin-bottom: 6px; 
}
#entry-19839 .current-season .pull-quote p:last-of-type {
 margin-bottom: 0; 
}
#production-2020-2021-season a,
#production-2020-2021-season .production-theme, 
#production-2020-2021-season .production-head a {
	color: #f26621;
}
#production-2020-2021-season .production-theme-bg,
#production-2020-2021-season a.button {
	color: #fff;
	background-color: #f26621;
}
#production-2020-2021-season .production-theme-border,
#production-2020-2021-season .production-head a.more {
	border-color: #f26621;
}

/* "Lifting Voices" Donate Tile for Home Page 
#production-donate-now a,
#production-donate-now .production-theme, 
#production-donate-now .production-head a {
	color: #68c3ff;
}
#production-donate-now .production-theme-border,
#production-donate-now .production-head a.more {
	border-color: #68c3ff;
}
*/

/* 2020-2021 PRODUCTION PAGES */
.productions-2020-2021-season .tag-line {
  max-width: 60%;
  background-color: unset;
}
.productions-2020-2021-season .production-head, 
#entry-19839 .production-head {
	color: #fff;
	background-color: #231f20;
}
#production-body .nav-tabs>li>a {
	color: #fff;
}

/* PREVIOUS 2020-2021 SHOWS, NO LONGER PLANNED */

/* MISS BENNET */
#production-miss-bennet a,
#production-miss-bennet .production-theme,  
#production-miss-bennet .production-head a, 
#production-miss-bennet .blurb h4,
#production-miss-bennet #production-body .nav-tabs>li.active>a,
#production-miss-bennet #production-body .nav-tabs>li.active>a:focus, 
#production-miss-bennet #production-body .nav-tabs>li.active>a:hover {
	color: #a04a23;
}
#production-miss-bennet .production-theme-bg,
#production-miss-bennet a.button {
	color: #2e2e2e;
	background-color: #a04a23;
}
#production-miss-bennet .production-theme-border,
#production-miss-bennet .production-head a.more {
	border-color: #a04a23;
}
/* THE BROTHERS SIZE */
#production-brothers-size a,
#production-brothers-size .production-theme,  
#production-brothers-size .production-head a, 
#production-brothers-size .blurb h4,
#production-brothers-size #production-body .nav-tabs>li.active>a,
#production-brothers-size #production-body .nav-tabs>li.active>a:focus, 
#production-brothers-size #production-body .nav-tabs>li.active>a:hover {
	color: #0075be;
}
#production-brothers-size .production-theme-bg,
#production-brothers-size a.button {
	color: #fff;
	background-color: #0075be;
}
#production-brothers-size .production-theme-border,
#production-brothers-size .production-head a.more {
	border-color: #0075be;
}
/* GIRLFRIEND */
#production-girlfriend a,
#production-girlfriend .production-theme,  
#production-girlfriend .production-head a, 
#production-girlfriend .blurb h4,
#production-girlfriend #production-body .nav-tabs>li.active>a,
#production-girlfriend #production-body .nav-tabs>li.active>a:focus, 
#production-girlfriend #production-body .nav-tabs>li.active>a:hover {
	color: #f26621;
}
#production-girlfriend .production-theme-bg,
#production-girlfriend a.button {
	color: #fff;
	background-color: #f26621;
}
#production-girlfriend .production-theme-border,
#production-girlfriend .production-head a.more {
	border-color: #f26621;
}

/* PCS Remix Production Pages */
#production-charles-dickens-a-christmas-carol #production-body .additional-info .button {
  display: none;
}
#production-charles-dickens-a-christmas-carol #production-body .additional-info .modal-body .button {
  display: initial;
}


/* 2022-2023 SEASON PAGES */
#entry-31423 #main blockquote {
	border-color: #f58718;
  background-color: #fff;
}
#entry-31423 .production-title, 
#entry-31423 .production-title a {
  color: #2e2e2e;
}
#entry-31423 .current-season .pull-quote-frame {
  display: block;
  border-width: 3px;
  border-style: solid;
  margin-top: 40px;
  padding: 10px 30px;
  max-width: 40%;
}
#entry-31423 .current-season .pull-quote {
  display: block;
  color: #2e2e2e;
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 10px 0;
  width: 300%;
  overflow: visible;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
}
#entry-31423 .current-season .pull-quote p {
 margin-bottom: 6px; 
}
#entry-31423 .current-season .pull-quote p:last-of-type {
 margin-bottom: 0; 
}
#entry-31423 .main .buttonBlock .button-container, 
#entry-31536 .main .buttonBlock .button-container {
  background-image: linear-gradient(to right, #fb4d51, #f39017, #489f56, #5377c7);
  padding: 0;
  width: fit-content;
  margin: auto;
  border-radius: 4px;
}
#entry-31423 .main .buttonBlock a.button, 
#entry-31536 .main .buttonBlock a.button { 
  color: #f3dcb2 !important;
  background-color: #000;
  margin: 3px;
}
#entry-31536 a.more {
  background-color: #fff;
  border: none;
  margin: 1px;
  border-radius: 3px;
}
#entry-31536 #season-ticket-packages .season-ticket-heading, 
#entry-31536 #season-ticket-packages .button, 
#entry-31536 #season-ticket-packages .series-select select {
  color: #f3dcb2 !important;
}
#entry-5353 .main .buttonBlock a.button[href="https://securesite.pcs.org/packages?k=TNEW_Full"] {
  background-color: #1d6c8a;  
}
#entry-5353 .main .buttonBlock a.button[href="https://securesite.pcs.org/packages?k=TNEW_Main"] {
  background-color: #d83e26;  
}
#entry-5353 .main .buttonBlock a.button[href="https://securesite.pcs.org/packages/flex/6736/"] {
  background-color: #952c54;  
}
#entry-5353 .main .buttonBlock a.button[href="https://securesite.pcs.org/packages/fixed/6735/"] {
  background-color: #597231;  
}
#entry-5353 .caption.image-caption {
  background: none !important;
  color: #333;
  font-weight: 700;
}

/* Facebook Live Gala Embed Page Styles */
.virtual-gala-live a { color: #b71e21; }
.virtual-gala-live a.button { background-color: #b71e21; }
.virtual-gala-live iframe {
  max-width: 900px;
  min-height: 520px;
}
@media (max-width: 767px) { 
  .virtual-gala-live iframe {
    min-height: 420px;
  }  
}
@media (max-width: 640px) { 
  .virtual-gala-live iframe {
    min-height: 350px;
  }  
}
@media (max-width: 480px) { 
  body#entry-24568 iframe {
    min-height: unset;
    max-height: 260px;
  }  
}

body.social-justice-at-pcs .featured-entry-thumbnail {
  display: none;
}
body.social-justice-at-pcs .featured-entry-summary {
  width: 100%;
}

/* Responsive Styles */
@media (min-width: 768px) { 
	.modal-dialog-centered {
		width: 600px;
		margin-top: 120px;
	}	
  .current-season .blurb {
    text-align: left;
    margin-bottom: 1.5em;
  }
	.gift-ideas .image-text-grid h2 {
		margin: 0;
		text-align: left;
	}
	.gift-ideas .image-text-grid .text-center {
		margin-left: -20%;
	}
  .events .jaw-related-event .featured-entry-thumbnail {
    max-width: 180px;
  }
}
@media (min-width: 992px) {
  .accordion-text .featured-entry {
    padding: 20px;
  }
	.events .additional-event-info .col-md-4 {
    padding-left: 0;
	}
  #tab-cast-and-creative-team .artist-grid .col-md-offset-5 {
    margin-left: 37.5%;
  }
  #tab-cast-and-creative-team .artist-grid .col-md-offset-2 {
    margin-left: 12.5%;
  }
}
@media (max-width: 1500px) and (min-width: 992px) {
	.nav-container #nav-about .dropdown-menu {
		right: 0;
		left: auto;
	}
	.nav-container #nav-about .dropdown-menu li {
		text-align: right;
	}
}
@media (max-width: 1331px) {
	.nav-container ul li {
    font-size: 100%;
    padding: 0;
	}
	.nav-container .navbar-nav>li>a {
		padding: 15px 9px;
    font-size: 90%;
	}
	.nav-container .dropdown-menu li { 
    padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 1490px) and (min-width: 992px) {
	#login label {
    display: none;
  }
  a#login-buy-tickets.button::after {
    content: "BUY";
  }
}
@media (max-width: 1200px) {
  .imageBlock img {
		width: auto;
		height: auto;
	}	
	#season-ticket-packages .package-section {
		min-height: 410px;
	}
	#time-traveler {
		margin-right: -15px;
	}
	.homepage .tag-line {
		/* min-height: 3.1em; */
	}
}

@media (max-width: 991px) and (min-width: 768px) {
  .artist-grid .col-md-3 {
    flex-basis: 33%; 
  }
}
@media (max-width: 991px) and (min-width: 768px) {
	.homepage .production-head {
   /*  *** TEMPORARILY DISABLED FOR SEASON CANCELLATION 
    (Does it even work though?)
    min-height: 330px;
  */
	}
	.imageBlock img {
		width: 100%;
	}
	#production-body .details-sidebar .accordion-head .access-icons img {
		max-height: 26px;
		margin-left: 0;
	}
	#production-body #photos {
    max-width: 58%;
		padding-right: 0;
	}
  /*
  #tab-cast-and-creative-team .artist-grid .col-sm-offset-2, 
  #tab-cast-and-creative-team .artist-grid .col-md-offset-2 {
    margin-left: 12.5%;
  }
  #tab-cast-and-creative-team .artist-grid .col-sm-offset-5, 
  #tab-cast-and-creative-team .artist-grid .col-md-offset-5 {
    margin-left: 37.5%;
  }
  */
}

@media (max-width: 991px) { 
 	/* for large phones and medium tablets */
	#header-wrapper {
    color: #fff;
    background-color: #101010;
    height: 60px;
    border-bottom: none;
    box-shadow: unset;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 999;
    margin-bottom: 0;
  }
	.dev-notice {
		font-size: 85%;
	}
	#header, #footer { 
		max-width: none; 
		margin: 0 auto; 
	}
	#pcs-name, #logo { 
		display: none; 
	}
	#header-mobile { 
		display: flex;
    align-items: center;
    max-height: 64px;
    padding: 10px;
	}
	#mobile-menu {
		float: right;
		text-align: right;
	}
	#logo-mobile {
		padding: 0;
		text-align: left; 
	}
	#logo-mobile img { 
		height: 40px; 
	}
	#mobile-menu, #mobile-cal {
		padding: 3px 0; 
	}
	#mobile-cal { 
		display: none; 
    text-align: right; 
	}
	#mobile-menu a, #mobile-cal a { 
		display: inline-block;
    z-index: 300;
		color: #aaa;
    line-height: 26px;
    font-size: 26px;
    height: 26px;
    padding: 0;
	}
	#mobile-menu a svg {
		fill: currentColor;
    width: 26px;
    height: 26px;
    padding: 0;
	}
	#mobile-menu a[aria-expanded="false"] svg.menu-icon-open {
		display: inline-block;
	}
	#mobile-menu a[aria-expanded="false"] svg.menu-icon-close {
		display: none;
	}
	#mobile-menu a[aria-expanded="true"] svg.menu-icon-open {
		display: none;
	}
	#mobile-menu a[aria-expanded="true"] svg.menu-icon-close {
		display: inline-block;
	}
  #nav-container {
    display: none;
  }
	#nav-container-mobile { 
    display: block;
		font-size: 20px;
		padding: 0;
    margin: -1px 0 0;
	}
	#nav-container-mobile .dropdown-menu li { 
    padding-left: 20px;
		padding-right: 20px;
	}
	#nav-container-mobile #nav-cart a,
	#nav-container-mobile #nav-search a {
    padding: 15px 10px;
	}
	#nav-container-mobile #nav-search label,
	#nav-container-mobile #nav-cart label { 
		display: inline;
		margin-left: 10px;
		font-size: 18px;
	}
  #nav-container-mobile #nav-search input.text, 
  #nav-container-mobile #nav-search input.submit {
    width: unset;
    height: 40px;
    font-size: 1em;
    line-height: 1;
    padding: 0 6px;
    margin: 0 -7px 0 0;
  }
	#nav-container-mobile.nav-container { 
		height: 0; /* 0 height - change this with JavaScript */
		position: sticky; /* Stay at the top, below menu bar (also sticky) */
		z-index: 100; /* Stay on top */
		top: 0; 
		right: 0; 
		background-color: #1d1b19;
		overflow-x: hidden; /* Disable horizontal scrolling -- NO LONGER WORKS WITH STICKY POSITIONING */
		transition: .5s; /* 0.5 second transition effect to slide in the sidenav */
	}
	#nav-container-mobile.nav-container::-webkit-scrollbar, 
	#nav-container-mobile.nav-container::-webkit-scrollbar-thumb, 
	#nav-container-mobile.nav-container::-webkit-scrollbar-button { display: none; }
	#nav-container-mobile.show-mobile-menu {
		height: 100vh; 
		box-shadow: 0 0 15px #000;
	}
	#sidebar {
		padding: 0;
	}
	body.section-ticket-calendar #sidebar {
		margin-top: -80px;
    background-color: #666;
	}
	.nav1 a,
	.nav1 a:link,
	.nav1 a:visited,
	#login-cart-links { 
		color: #aaa; 
	}
	#nav-container-mobile ul li { 
		font-size: 20px; 
		height: 36px; 
	}
	#nav-container-mobile ul li a { 
		width: 85%;
    padding: 5px 15px 25px;
    background-color: unset;
	}
	#nav-container-mobile .dropdown-menu {
    position: static;
    box-shadow: none;
	}
	#nav-container-mobile .submenu {
    margin: 5px 0;
	}
	#nav-container-mobile #nav-search .dropdown-menu-right {
    margin-left: 5px;
    margin-right: 5px;
    right: auto;
    left: 0;
	}
  #nav-container-mobile #login {
    position: relative;
    margin: 5px 10px 20px;
    text-align: right;
    float: none;
  }
	#nav1, #nav2, #nav3 {
		width: 100%; 
		margin: 0 !important; 
    text-align: left; 
	}
	#nav2, #nav3 {
		clear: both;
	}
	#nav1 ul, #nav2 ul { 
		margin: 0; 
	}
	#nav1 ul {
		margin-top: 0;
	}
	#nav1 ul li,
	#nav2 ul li { 
    min-height: 42px;
    height: auto;
    width: 100%;
	}
	#nav1 ul li:first-child {
		margin-top: -5px;
	}
  #nav-container-mobile ul li.attention {
    width: fit-content;
    padding: 0;
    margin-left: 20px;
    min-height: auto;
    border-radius: 3px;
  }
	#nav3 {
		padding: 5px 15px;
	}
	#address-block { 
		display: none; 
	}
	#nav-container-mobile #nav-search {
		padding-top: 15px;
	}
	#nav-container-mobile #nav-search .dropdown-toggle {
		display: none;
	}
	#nav-container-mobile #nav-search .dropdown-menu {
		display: block;
		margin: 10px -5px 10px -5px;
	}
	#nav-container-mobile .dropdown-menu li {
		padding: 0 15px;
    font-size: 16px;
	}
	#login-cart-links { 
    font-size: 20px; 
    margin: 13px 0; 
	}
	#alert {
		width: calc(100% + 2px);
		margin: 0;
    padding: 0;
	}
	#time-traveler {
	  margin-top: 0;
		margin-bottom: -30px;
    padding-top: 80px;
    padding-right: 30px;
	}
	#content {
    width: 100%;
	}
  #homepage-top {
    padding-right: 10px;
    padding-left: 10px;
  }
  #homepage-top .carousel-inner, 
  #production-top .carousel-inner {
    padding-bottom: 125%;
  }
	#main {
		margin: 0px;
		padding: 0px;
	}
	.hero-image {
    /* margin-right: -20px;
    margin-left: -20px; */
	}
	.news-list .featured-entry:first-child {
		border-top: none;
		padding-top: 0;
	}
	.news-list {
		margin-bottom: 30px;
	}  
  .news-events-more {
    padding: 0 15px;
  }
	#main.homepage .featured-entry-summary h2, #main.homepage .event-dates-summary {
		 text-align: left;
	}
	.featured-entry-summary .more {
		 margin: inherit;
	}
	.event-dates-summary {
		margin: 0 0 10px;
	}
  .events .additional-event-info .col-md-8 {
    padding-right: 0;
  }
	.related-events {
    border-top: 2px solid #e7e7e7;
    border-bottom: none;
		padding-bottom: 25px;
	}
	.production-head .more, .blurb .more {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.pagination .more {
		width: 170px;
	}
	.homepage {
		/* padding-top: 0 !important; */
	}
	.homepage .production {
    margin-bottom: 0;
	}
	.productions .production-top {
    padding: 0;
	}
	.production-head,
	.production-credits {
    padding: 15px 15px 25px;
	}
	.productions .production-credits {
    margin-right: -30px;
    margin-left: -30px; 
	}
	.production-head, .production-head h2, .production-head .more, .production-credits {
    text-align: center;
	}
	.production-head a.ticket, .production-head a.button {
		margin: 5px auto;
		float: none;
	}
	.production .news-post {
		text-align: center;
	}
	.current-season .production-head .ticket,
	.current-season .production-head .button {
			margin-top: 0;
	}
	.current-season {
    margin-bottom: -20px;
	}
	.noteworthy-3 {
		clear: both;
	}
	.noteworthy-head {
		display: block;
	}
	.noteworthy-head h2 {
    border: none;
	}
	.noteworthy-head h2, 
	.homepage .news-head h2 {		
    margin: 0;	
		padding-top: 30px;
    padding-bottom: 20px;
	}
	#noteworthy .head {
    /* padding: 5px 15px 30px;
    padding: 5px 15px; */
	}
	#production-body .nav-tabs {
		font-size: 90%;
	}
	#production-nav-standard .nav-tabs>li:last-child {
		margin-right: -20px;
	}
	#production-nav-standard .nav>li>a {
		padding: 8px 10px;
	}
	#production-body #details-main {
  	padding: 0;
	}
	#staff-directory .directors [class*="col-"] {
		padding-right: 15px;
 	}
	#staff-directory {
    margin: 0 15px;
	}
	#staff-directory .department-head .department-title,
	#staff-directory .department-head .category-info {
		text-align: center;
	}
	#staff-directory .department-list .row {
		padding: 15px 10px;
	}
	#staff-directory .department-list .row:hover {
		background-color: unset;
	}
	#staff-directory .staff-phone {
		text-align: left;
	}
	#season-ticket-packages .package-section {
		min-height: unset !important;
	}
  #liveChat.chat-embed-wrapper {
    float: none;
    margin: 0;
    border-left: unset;
  }
  #liveChat.chat-embed-wrapper iframe {
    min-width: unset;
    width: 100% !important;
  }
	.artist-bio-headshot,
	.image-text-grid-image {
		/* margin: 15px 0 !important; */
	}
	.enlarge {
		display: none;
	}
	.seat-map .content-inner a[data-toggle="modal"] img { 
		padding-bottom: 1em;
	}
	.seat-map .content-inner [class*="col-"] {
		padding-bottom: 1em;
	}  
  .section-digital-content #production-body .digital-content-availability-message {
    margin-bottom: 10px;
  }
	.what-she-said-listing {
		margin: 30px 0 30px 15px;
	}
}
/* Styles for phones and smaller tablets */
@media (max-width: 767px) { 
	#homepage-top .carousel {
    margin-right: -10px;
    margin-left: -10px;
  }
  #footer, #footer div, #footer p, #footer li { 
		text-align: center;
	}
	#main {
		margin-right: 0;
		margin-left: 0;
	}
	#nav1 {
		padding-bottom: 100px;
	}
	/* In conjunction with jQuery, fixes an issue where mobile keyboards cover the search box */
	#nav1.scrolled-up { 
		margin-top: -70%;
	}
	#playbillEmbed .modal-body iframe {
		height: 500px;
	}
	#alert {
		width: 100%;
		margin: 0;
	}
  .main .col-odd,
  .main .col-even {
    padding-bottom: 0;
	}
  .main .col-odd,
  .main .col-even,
  .noteworthy-col {
    padding: 0;
  }   
  .news-list .featured-entry {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .homepage .news-list .featured-entry.last {
    padding-bottom: 20px;
    border-bottom: none;
    margin-right: -10px !important;
  }
  .news-list .featured-entry-thumbnail {
    padding: 10px 10px 0
  }
  #noteworthy {
    padding: 0;
  }
  .noteworthy, .noteworthy-col {
    margin: 0;
  } 
  .noteworthy-col {
    padding-bottom: 30px;
  } 
  .static-submenu .divider, .table-of-contents .divider {
    display: block;
    margin: -8px 0;
  }
  .featured-entry-summary .summary-text .text-center {
    text-align: center;
  }
	.related-entries.row {
		padding-bottom: 30px;
	}  
  .related-entries .featured-entry-summary a.more {
    display: none;
  }
  .artist-grid .col-md-3 {
    flex-basis: 100%; 
  }
  a div.pricing-note {
    display: block;
    margin-top: 10px;
  }
  #main #search-results .featured-entry-thumbnail {   
    display: none;
  }
  #main #search-results .featured-entry-summary,
  #main #search-results .featured-entry-summary h2,
  #main #search-results .featured-entry-summary div {
    text-align: left;
  }
  .homepage-notice {
    margin-bottom: -5px;
    padding: 25px;
  }
  .homepage-notice .row div {
    text-align: center !important;
  }
  .homepage-notice a.more {
    min-width: 215px;
  }
	.production #blog h2,
	.production #events h2 {
		 margin-top: 15px;
	}
	.productions .featured-entry {
		border-bottom: none;	
	}
	.production #media-sidebar {
		border-bottom: 2px solid #e7e7e7;
		text-align: center;
	}
	.homepage .tag-line {
		min-height: unset;
	}  
	.production .tag-line {
		max-width: unset;
	}
	.current-season .featured-entry-thumbnail  {
    padding: 0;
	}
  .current-season .production-title {
    /* Hides from all but screen readers; same styles as .sr-only */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  } 
  .current-season .credits ul li,
  .current-season .pull-quote {
    text-align: center;
  }
  .current-season .pull-quote-frame {
    max-width: unset;
  }
  /* body.homepage #main {
    background-color: #000;
    padding-top: 10px !important;
  } */
	.home-production-row,
	.noteworthy {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #000;
	}
  .featured-entry-summary {
    padding: 10px 20px;
  }
  .current-season .featured-entry-summary {
    padding: 25px 20px;
  }  
	h1, h2, .event-dates-summary, .more, .tag-line, 
	#showtimes, .datestamp, .event-types, .news-post h4,
  .featured-entry h4, 
	#main .featured-entry-summary,
	#main .featured-entry-summary h2 {
		text-align: center;
	}		
  body>h1#entry-title {
    font-size: 22px;
    letter-spacing: 0.6em;
  }
	.content-inner ul, .content-inner ol,
  .production-head ul, .production-head ol { 
		text-align: left;
	}
	.news-events-more {
    margin-left: -10px;
    margin-right: -10px;
	}
	.news-events-more [class*="more-"] {
		min-height: 85px;
	}
	.featured-content-listing .featured-entry, .what-she-said-listing .featured-entry {
    border: none;
	}
/*	#main .sponsors, #main .comments, #main .additional-event-info, #main .related-productions, #main .loyaltyCode, #main .related-entries, #main .pagination {
		margin-left: 0;
		margin-right: 0;
	}
*/
  .image-right, .image-left {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }
	blockquote {
		padding: 15px;
	}
  .form__field input.text, 
  .form__field textarea.text {
    min-width: 100%;
  }  
	#footer ul ul li a {
		background-position: -2px 3px;
	}
	#footer li.privacy {
		display: none;
	}
	#footer p.privacy {
		display: block;
		margin-top: 0.5em;
		font-weight: 700;
	}
	#noteworthy div .noteworthy-sponsor .main-image {
		padding: 0 80px 0;
    background-color: #fff;
    border-top: 2px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    margin-bottom: 30px;
		text-align: center;
	}
	#noteworthy div .noteworthy-sponsor .main-image img {
		max-width: 350px;
    min-width: 125px;
	}
	.noteworthy .head {
    min-height: unset;
	}
	#noteworthy {
		padding: 0 10px;
	}
	#noteworthy h2 {
		font-size: 141%;
	}
	.noteworthy-sponsor-head {
		display: none;
	}
	.homepage .news-list {
    border: none;
	}
	.featured-entry {
		border-top: none;
	}
	#main.homepage .featured-entry-summary h2, #main.homepage .event-dates-summary {
		 text-align: center;
	}
	.featured-entry-summary .more {
		 margin: auto;
	}
	.homepage .featured-entry-summary {
		 padding: 15px 25px;
	}
	#nav-tabs-wrapper .nav-tabs>li {
		font-size: 16px;
	}
  #production-head-right.for-fans-of {
    align-items: center;
    height: auto !important;
  }
  #production-head-right.for-fans-of ul {
    margin: 0;
    padding-bottom: 0;
  }
	.production #media-sidebar {
		text-align: center;
	}
  .production #nav-tabs-wrapper {
    margin: 0;
  }
	#production-nav-standard {
		display: none;
	}
	#production-nav-mobile {
		display: block;
		margin: 0;
		text-align: center;
	}
	#production-nav-mobile .static-submenu {
		margin-bottom: inherit;
	}
	#production-nav-mobile .dropdown {
		text-align: center;
	}	
	#production-nav-mobile #dropdownMenuLink,
	#production-nav-mobile #dropdownMenuLink p {
		display: inline-block;
		text-align: center;
		width: 100%;
		margin: 0;
	}	
	#production-nav-mobile #dropdownMenuLink {
		color: #fff;
    border: none;
	}
	.production-nav-mobile .dropdown-toggle, 
	.production-nav-mobile .dropdown .btn:hover,
	.production-nav-mobile .dropdown .btn:active {
		opacity: 1;
		color: #0ea19e;
	}
	#production-nav-mobile #dropdownMenuLink em {
		float: right;
		margin-right: 25px;
	}
	#production-nav-mobile a.dropdown-toggle::after {
		display: inline-block;
		width: 0;
		height: 0;
		content: "";
		margin-left: -5px;
		vertical-align: -5px;
		border-top: 8px solid;
		border-right: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid transparent;
	}
	#production-nav-mobile a.dropdown-toggle:active::after,
	#production-nav-mobile a.dropdown-toggle:focus::after {
		margin-bottom: 8px;
    border-top: 2px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid;
    border-left: 6px solid transparent;
	}
	#production-nav-mobile .category-menu {
    min-width: 100%;
    margin: 0;
	}
	.production-nav-mobile .category-menu {
		background-color: #fff;
	}
	#production-body #details-sidebar {
		float: none;
		margin-top: 15px;
		padding: 0;
		text-align: center;
	}	
	#production-body .detail-jump {
		display: block;
		text-align: center;
	}
	#production-body .detail-jump a.button-secondary {
    display: block;
    margin: 1em auto;
    padding: 5px 10px;
    font-size: 85%;
    text-align: center;
    width: fit-content;
    text-transform: capitalize;
	}
	#production-body h3 {
		text-align: center;
	}
	#production-body .credits {
		margin: 0 auto 1em;
	}
  #production-body .credits ul li, .current-season .credits ul li {
    text-align: center;
  }
	#production-body #photos {
    padding: 30px 0 0;
	}
	#production-body #photos h3#photos-head {
		margin: 0 -30px;
	}
	#production-body #photos .slideshow-container {
    margin-left: -30px;
    margin-right: -30px;
	}
	#production-body #photos .slideshow-note {
		display: block;
	  text-align: center;
    color: #666;
    font-size: 90%;
    padding: 5px;
    margin: 0;
	}
  .video-placeholder, .video-container .video-placeholder {
    font-size: 90%;
    padding: 6px;
  }
  .video-placeholder p {
    margin-bottom: 0;
  }
	.current-season .production-head .more {
		font-size: 100%;
	}
	.modal-content .close {
		margin-top: -30px;
	}
	a.tickets-normal-link {
		display: none;
	}
	a.tickets-modal-link {
		display: inline-block;
	}
	.category-menu {
		min-width: 350px;
		padding-bottom: 0;
	}
	.static-submenu .category-menu a {
		margin-bottom: 10px;
		border: 1px solid;
	}
	.staff_entry .staff_photo {
    float: none;
    margin: 0 auto 25px;
    max-width: 250px;
    text-align: center;
	}
	.artist-bio-headshot .artist-headshot {
		padding-right: 0;
	}
	.artist-bio-headshot .artist-headshot,
	.artist-bio-headshot .artist-name,
	.artist-bio-headshot .artist-pronouns,
	.image-text-grid-image,
	.gift-ideas .image-text-grid {
		text-align: center;
	}
	.artist-bio-headshot .artist-name {
		display: block;
    margin-bottom: 10px;
	}
	.artist-bio-headshot .artist-pronouns {
    display: block;
		margin-top: -10px;
		margin-bottom: 10px;
	}
  #tab-cast-and-creative-team .artist-grid .related-entry {
    padding-top: 1em;
    padding-bottom: 1em;
    min-height: 10em;
  }
	.related-productions {
		padding-left: 15px;
		padding-right: 15px;
	}
	.related-productions .production-thumbnail {
  	max-width: unset;
	}
	.button-container {
		text-align: center;
	}
  .buttonBlock.buttonGroup.columns {
    display: table;
    margin: auto;
  }
  .buttonGroup.columns .button-container {
    display: table-row;
  }
  .series-select {
    margin-bottom: 10px;
  }
  body.specialProjects .artist-headshot img {
    max-width: 50%;
  }
  .related-projects .related-entry.active {
    display: none;
  }
	.what-she-said-listing {
		margin: 30px 15px;
	}
	.what-she-said-listing .featured-entry {
		border: none;
	}
}

/* Styles for smaller phones */
@media (max-width: 640px) { 
	h1, .lightbox h1 {
		font-size: 152%;
	}
	h2 {
		font-size: 141%;
	}
	.modal-tickets .close,
	.modal-series .close {
		margin-top: -34px;
	}
	.image-right, .image-left {
    float: none;
    margin: 15px auto;
    text-align: center;
	}
	.blog table td,
	.events table td {
		min-width: unset;
    max-width: 325px;
	}
	.blog table td img,
	.events table td img {
		min-width: 60px;
	}
}
@media (max-width: 415px) { 
	.nav-container { 
		width: 100%;
	}
	#nav1 {
		width: 100%;
    padding-top: 15px;
	}
  .static-submenu .button-secondary, .table-of-contents .button-secondary {
    display: block;
  }
	.news-events-more [class*="more-"] {
    min-height: 113px;
	}
  .homepage .news-events-more .more-news {
    min-height: unset;
    padding-bottom: 1em;
  }
}
/* Styles for printing */
@media print {
	html, body { 
		max-width: unset; 
		overflow-x: unset;
		font-size: 12pt;
	}
	a[href]:after {
    content: "";
	}
	#header-wrapper {
		position: relative;
		border: none;
	}
	#header-print {
		display: block;
		width: 100%;
		text-align: center;
	}
	#header-print #pcs-logo-print {
		max-height: 60px;
		margin: 0 auto 6px;
		clear: both;
	}
	#header-print #address-print {
		font-size: 8pt;
		margin: 0 auto;
		padding: 3px 0 10px;
		border-top: 1px solid black;
	}
	#footer-print {
		display: block;
		font-size: 8pt;
	}
	#mobile-menu, 
	#mobile-cal, 
	.static-submenu, 
	.table-of-contents,
	.video-container,
	#footer-wrapper, 
	#logo-mobile,
	#main .sponsors {
		display: none;
	}	
	h1 {
		font-size: 24pt;
	}
	.production-head {
		padding: 0;
	}
	.production-head .production-dates {
		font-size: 18pt;
	}
	.production-head-print {
		display: block;
		color: black;
		background-color: none;
	}
	.button-container, #nav-tabs-wrapper {
		display: none;
	}
}


/* Custom one-off styles */
body.maskouthate h3 {
  margin: 0 !important;
  padding: 25px 25px 0 !important;
}
body.maskouthate h3, 
body.maskouthate .artist-bio-headshot,
body.maskouthate .image-text-grid {
  background-color: #e7e7e7;
}
body.maskouthate .artist-bio-headshot {
  padding: 25px 15px;
  margin: 0 !important;
}
body.maskouthate .image-text-grid {
  padding: 0 15px 25px 15px;
  margin: 0 0 35px 0 !important;
}
body.maskouthate #CleoDavis {
  padding-bottom: 0;
  margin-bottom: -1em;
}
body.maskouthate #KulsoomKShah.artist-bio-headshot,
body.maskouthate #SophiaAustrins.artist-bio-headshot,
body.maskouthate #KarimHassanein.artist-bio-headshot {
  background-color: #fff;
}
body.pdxartsvax {
  background-image: url('https://www.pcs.org/assets/pdxartsvax-bg.jpg');
  background-repeat: no-repeat;
  background-color: #2f3242;
  background-size: 100%;
}
body.pdxartsvax #header-wrapper, 
body.pdxartsvax #footer-wrapper, 
body.pdxartsvax #main .idea-notice, 
body.pdxartsvax #main .sponsors {
  display: none !important;
}
body.pdxartsvax #content {
  margin-top: 0;
}
body.pdxartsvax #main {
  padding: 45px;
  width: 100%;
  margin: 40px 80px;
  border: 5px solid #ddd;
  background: #fefefe;
}
body.pdxartsvax h1 {
  padding: 0 0 1em;
  margin: 0;
  color: #515986;
}
body.pdxartsvax a {
  color: #3771dc;
}
body.pdxartsvax { font-size: 20px; }
body.pdxartsvax h1 { font-size: 33px; }
body.pdxartsvax h2 { font-size: 27px; }
body.pdxartsvax h3 { font-size: 23px; }  

.tag-line { display: none; }