`/* Small only */
@media screen and (max-width: 39.9375em) {
	.masthead h1 { font-size: 2em !important; }
	.masthead.mh_home { height: 6em !important; }
	.masthead { height: 10em !important; }
	.grid-container { padding: 0 1.2em 0 1.2em !important; }

	ul#full_nav { display: none; }
	.header { height: 8rem !important; }
	.header_top { height: 7rem !important; }

	#logo_n { height: 5em !important; }
	#logo_container { } 
	.inner { margin-top: 8rem !important; }

	#show_dates_tall { display: block !important; }
	#show_dates_wide { display: none !important; }

	.panto-mast-a { padding-top: 7em; }

	.jfp_shows_wide { display: none !important; }
	.jfp_shows_vert { display: block !important; }

}

/* Medium and up */
@media screen and (min-width: 40em) {
	ul#full_nav { 
		display: block !important; 
	}

	ul.jfp_showtimes { margin: 0; padding: 0; width: 100%; }
	ul.jfp_showtimes li { display: inline-block; margin: 0; width: 95%; }
	ul.jfp_showtimes li a {
		width: 100% !important;
		font-size: 1em; 
	        display: block;
	        color: #000;
	        border: 1px solid #000;
	        text-transform: uppercase;
	        font-weight: 900;
	        padding: 3px 2px !important;
	        letter-spacing: -0.3px;
	        background: #31485b;
	        margin: 0 0 0.5em 0 !important;
	}
	ul.jfp_showtimes li a br { margin: 0; padding: 0; }
	ul.jfp_showtimes li a span { font-weight: 600; font-size: 0.7em; padding: 0; margin: 0;}

	#show_dates_tall { display: block !important; }
	#show_dates_wide { display: none !important; }

	.jfp_shows_wide { display: block !important; }
	.jfp_shows_vert { display: none !important; }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#nav_getinvolved { display: none; }

	table.jfp_shows th { width: 12% !important; }
	table.jfp_shows td { width: 12% !important; }

}

/* Large and up */
@media screen and (min-width: 64em) {
	.showcard-inner { margin: -120px 0 0 0 !important; }
	#show_dates_tall { display: none !important; }
	#show_dates_wide { display: block !important; }

	table.jfp_shows th { width: 16% !important; }
	table.jfp_shows td { width: 16% !important; }

	.jfp_shows_wide { display: block !important; }
	.jfp_shows_vert { display: none !important; }

	ul.jfp_showtimes li a {
	        display: block;
	        width: 140px !important;
	        color: #fff;
	        border: 1px solid #fff;
	        text-transform: uppercase;
	        font-weight: 600;
	        font-size: 1.3em !important;
	        padding: 3px 10px;
	        letter-spacing: -0.3px;
	        background: #31485b;
	        margin: 0 0.5em 0.5em 0 !important;
	}
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	#show_dates_tall { display: none !important; }
	#show_dates_wide { display: block !important; }
}

.panto-mast-a {width:100%; background-color: #00001a; background-image: url('/assets/snow_bg.png'); background-size: fill; background-repeat: no-repeat; background-position: center center; height: 28em; padding-top: 5em;}
.panto-mast-b {width:100%; background-color: #2b3959; border-top: 1px solid #392b21; padding-top: 1em;}

.panto-mast-b p a { color: #e3994b; position: relative; padding-bottom: 6px; }
.panto-mast-b p a:visited { color: #e3994b; }
.panto-mast-b p a:active { color: #fffb; }
.panto-mast-b p a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #e3994b;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
.panto-mast-b p a:hover::before {
  transform: scaleX(1);
}


.panto-mast-b h1 { color: #f7f3ao; }

/* force the footer to the bottom */
body { 
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: #fcfcff;
}

/* force the whole site smaller */
.grid-container { 
	max-width: 62rem; 
}

.g_head {
	min-width: 100%;
	display: block; 
	background: linear-gradient(120deg, #ea33f5 0%, #f09436 90%);
	-webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
	font-size: 4em !important;
}

.g_head_sm {
	min-width: 100%;
	display: block; 
	background: linear-gradient(120deg, #ea33f5 0%, #f09436 90%);
	-webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
	font-size: 2.8em !important;
}


p.big { font-size: 1em; }
p.hw { font-weight: 600; line-height: 1.2em; }
p { line-height: 1.4; }

body, p, a {
	font-family: FixelDisplay, Poppins; 
}
p a { font-weight: 600; }

h1, h2, h3, h4 { font-family: FixelDisplay,Poppins; font-weight: 800; 
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}
h1 {   -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}
h2 { font-size: 2.3em; }
h3 { font-family: FixelDisplay,Poppins; font-weight: 600; }
h3.box_subhead { font-family: Poppins; font-weight: 600; }
h5 { font-family: FixelDisplay,Poppins; font-weight: 300; }

.masthead h1 { font-size: 3.6em; line-height: 0.87m; }

a#ntlivebox {
	display: block;
	border-top: 6px solid #000;
	border-left: 6px solid #000;
	padding: 1em;
	margin-bottom: 1.2em;
	color: #000;
	text-decoration: none;
	min-height: 8em;
}
a#ntlivebox svg { 
	float: left;
	margin: 0 2em 0 0;
}

a#neatbox {
        display: block;
        padding: 1em;
        margin-bottom: 1.2em;
        color: #000;
        text-decoration: none;
        min-height: 8em;
}
a#neatbox svg {
        float: left;
        margin: 0 2em 0 0;
}


.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 8rem;
	z-index: 15000;
}

.header_top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5.7rem;
	z-index: -10000;
	background-image: url(/assets/header_mural2.jpg) !important;
	background-position: right center !important;
}

ul#full_nav {
	display: none;
	float: right;
	position: relative;
	top: 5.1em;
	list-style: none;
	text-align: center;
}

ul#full_nav li {
	display: inline-block;
}

ul#full_nav li a {
	color: #fff;
	text-transform: uppercase;
	font-family: Poppins;
	font-weight: 600;
	font-size: 19px;
	padding: 3px 10px;
	border: 3px solid #fff;
	margin-left: 0.2em;
	letter-spacing: -0.3px;
	background: #31485b;
}

ul#full_nav li a:hover {
	color: #f3b24a;
	border: 3px solid #d49659;
	-moz-transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

.masthead {
	height: 15em;
	position: relative;
	padding: 0;
	margin-bottom: 1em;
}

.masthead.mh_home {
	background-repeat: no-repeat;
	background-image: url(/assets/house_tabs.jpg);
	height: 9em;
}

.masthead.mh_ntlive {
	background-repeat: no-repeat;
	background-image: url(/assets/mh_olivier.jpg);
	height: 9em;
}

.masthead.mh_home_jack {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(/assets/jack/companysm.jpg);
}

.masthead.mh_home_hansel {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/assets/hansel/companysm.jpg);
}

.masthead.mh_show {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-image: url(/assets/seats.jpg);
}

.masthead.mh_boxoffice {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.masthead h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0; margin: 0 0 -0.35em -3px;
	color: #fff;
}

#logo_n {
	height: 6.5em;
	z-index: 20000;
	margin: 1em 0 0 0;
}

#logo_container {
	border:0;
	display: block;
	position: relative;
	height: 100%;
	max-width: 62rem; /* moof */
	margin-left: auto;
	margin-right: auto;
	padding-right: .9375rem;
	padding-left: .9375rem;
}

#logo {
	display: block;	
	position: relative;
	height: 100%;

	padding-right: .9375rem;
	padding-left: .9375rem;
	background-repeat: no-repeat;
	background-size: auto 8rem;
	background-position: 50%;
	background-image: url(/assets/logo.svg);
	background-position: .75rem 1.6rem;
	z-index: 20000;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	
}

.inner {
	margin-top: 9.5rem;
}

.shows-well {
	background: #f8f8f8;
	padding: 0 1em 0 1em;
	border: 1px solid #eee;
}

.showcard {
	display: block;
	padding: 0;
	margin: 1em 0 1em 0;
}

.showcard-image {
	height: 270px;
	overflow: hidden;
	border: 0;
	margin: 1px;
	padding: 0;
}

.showcard img {
	transition: transform 1s ease;
}

.showcard:hover img {
	transform: scale(1.1);
}

/* moof */
.showcard-inner {
	display: block;
	position: relative;
	height: 140px;
	width: 100%;
	background-image: url('/assets/scardedge.svg');
	background-size: cover;
	margin: -100px 0 0 0;
	padding: 0;
}

.showcard h4.show_name {
	display: block;
	font-family: Poppins;
	font-size: 1.3em;
	font-weight: 600;
	padding: 0.8em 0 0 10px;
	margin: 0;
}

.showcard .show_company {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
}

.showcard .show_genre {
	display: block;
	position: absolute;
	top: -190px;
	right: 6px;
	border: 1px solid #fff;
	padding: 0.3em 1em;
	color: #fff;
	font-family: Poppins;
	font-weight: 600;
	background: #f36;
}

.showcard .show_dates {
	display: block;
        margin: 0;
        padding: 0 0 0 10px;
	font-size: 0.8em;
}

.showcard .show_genre.show_genre_drama { background: #2c578a; }
.showcard .show_genre.show_genre_musical { background: #f36; }
.showcard .show_genre.show_genre_comedy { background: #ee973f; }

.showcard .show_cta {
	display: block;
	margin: 1em auto 0 auto;
        border: 1px solid #fff;
        padding: 0.3em 1em;
        color: #fff;
        font-family: Poppins;
        font-weight: 600;
        background: #c00;
}

.book_cta_low {
	background: #ed9035 !important;
	border: 1px solid #f9b249 !important;
}

.book_cta:hover {
	color: #fff;
	border: 1px solid #fff;
}

.book_cta_soldout:hover {
	color: #fff;
}

.book_cta {
        display: block;
        margin: 1em auto 0 auto;
        border: 1px solid #bb271a;
        padding: 0.3em 1em;
        color: #fff;
        font-family: Poppins;
        font-weight: 600;
        background: #c00;	
}

.book_cta_soldout {
	border: 1px solid #fff;
	background: #888;
}
/* **/

.footer {
	padding: 3em 1.2em 1.2em 1.2em;
	border-top: 2px solid #eee;
	background: #31485b;
	color: #eee;
}

.footer ul {
	list-style-type: none;
	font-family: Poppins;
	font-size: 1.1em;
	font-weight: 800;
}

.footer ul li {
	margin-bottom: 0.4em;
}

.footer ul li a {
	color: #ddd;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #4d6173;
}

.footer ul li a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}

.footer p.small {
	font-size: 0.9em;
}

.footer ul.socialicons {
	float: right;
}

.footer ul.socialicons li {
  float: left;
  padding-left: 1.2em;
}

.footer ul.socialicons li a {
        color: #ddd;
        padding-bottom: 0.2em;
        border-bottom: 0;
}

.footer ul.socialicons li a:hover {
        color: #fff;
        border-bottom: 0;
}

.footer p a { color: #df934c; transition: all .2s ease-in-out; }
.footer p a:hover { color: #fff; transition: all .2s ease-in-out; }

.mlist-cta {
	border: 3px solid #df934c;
	padding: 1em;
	margin: -0.3em 1em 1em 1em;
}

.mlist-cta h4 {
	font-family: Poppins;
	font-weight: 600;
        color: #df934c;
}

.mlist-cta p {
        font-family: Poppins;
        font-weight: 300;
}

.mlist-cta #mlsubmit {
	display: inline-block;
	margin: 0;
	padding: 1em;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	line-height: 1.25;
	cursor: pointer;
	color: #df934c;
	font-family: Poppins;
	font-weight: 600;
        border: 3px solid #df934c;
	background-color: #31485b;
}

.mlist-cta #mlsubmit:hover, .mlist-cta #mlemail:hover {
	border: 3px solid #fff;
	color: #fff;
	transition: all .2s ease-in-out;
}

.mlist-cta #mlemail {
	margin: 1em 0 ;
	padding: 1.5em 1em;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.25;
	color: #fff;
	font-family: Poppins;
	font-weight: 400;
        border: 3px solid #df934c;
	background-color: #31485b;
}

.footer ul li a#ftlink_members:hover {
	font-weight: 400;
}

.box_warnings {
	display: block;
	padding: 0.4em 1em 0.4em 1em;
	border-left: 5px solid #e00;
}

ul#box_showdates {
	width: 98%;
	list-style: none;
	margin:0; padding: 0;
}

ul#box_showdates li {
	margin: 0;
	padding: 0;
        border-bottom: 1px solid #ccc;
}

ul#box_showdates li a {
	position: relative;
	display: block;
	width: 100%;
	height: 42px;
	font-size: 1.2em;
	margin: 1em 0 1em 0; 
}

ul#box_showdates li a button {
	background: #fff;
}

ul#box_showdates li .box_showdates_date {
	display: inline-block;
	padding-top: 6px;
	min-width: 8.2em;
}

ul#box_showdates li .box_showdates_time {
	display: inline-block;
	padding-top: 6px;
}


ul#box_showdates li.soldout .box_showdates_date { color: #ccc; }
ul#box_showdates li.soldout .box_showdates_time { color: #ccc; }
ul#box_showdates li.soldout button { color: #ccc; border-color: #ccc; }

ul#box_showdates li button {
	float: right;
	width: 8em;
	margin: 0em 0 0 0;
}

#box_booknow { display: none; }

@media screen and (min-width: 64em) {
#box_booknow {
display: inline-block;
margin: 0 0 1em 0;
padding: 0.4em;
width: 100%;
text-decoration: none;
vertical-align: middle;
text-align: center;
line-height: 1.25;
cursor: pointer;
background: #ffa723;
color: #fff;
font-family: Poppins;
font-weight: 600;
font-size: 1.4em;
border: 3px solid #df934c;
text-transform: uppercase;
}

#box_booknow:hover {
border-color: #ffa723;
}
}

/* Box Office Tiles */

.show-tile {
	margin-bottom: 1.8em;
}

.show-tile-name {
	font-family: Poppins;
	display: block;	
	font-size: 1.2em;
	height: 3.2em;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.2em 0 0 0;
	padding: 0;
}
.show-tile-company {
	display: block;
	width: 100%;
	font-size: 0.9em;
	font-weight: 600;
	color: #222;
}

.show-tile-cta {
	text-align: right;
        display: block;
        margin: 1em 0 0 0;
	border: 2px solid #c00;
        padding: 0.3em 1em;
        color: #fff;
        font-family: Poppins;
        font-weight: 600;
        background: #c00;
}

.show-tile-cta:hover {
	border: 2px solid #c00;
	background: #fff;
	color: #c00;
}

.show-tile-cta-soon {
	text-align: right;
        display: block;
        margin: 1em 0 0 0;
	border: 2px solid #d49659;
        padding: 0.3em 1em;
        color: #fff;
        font-family: Poppins;
        font-weight: 600;
        background: #d49659;
}

.show-tile-cta-soon:hover {
#	border: 2px solid #d49659;
#	background: #fff;
#	color: #d49659;
}

.show-tile-tags {
	margin: 0;
	paadding: 0;
}

.show-tile-tag {
	display:inline;
	background: #333;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.3em 0.7em;
	color: #fff;
	margin-right: 0.5em;
}

.show-tile-tag-theatre { background: #a83047; } 
.show-tile-tag-kids { background: #d82edd; }
.show-tile-tag-puppets { background: #6a71f7; }
.show-tile-tag-comedy { background: #e37a3a; }
.show-tile-tag-drama { background: #513386; }
.show-tile-tag-music { background: #eded11; color: #000; }
.show-tile-tag-musical { background: #fddd00; color: #000; }
.show-tile-tag-panto { background: #5328ca; color: #fff; }
.show-tile-tag-film { background: #000; border-left: 3px dotted #fff; border-right: 3px dotted #fff; }
.show-tile-tag-festival { background: #df782e; }
.show-tile-tag-adult { background: #ff0000; color: #fff; }
.show-tile-tag-dance { background: #bc2590; }
.show-tile-tag-free { background: #a8d2a0; color: #333; }
.show-tile-tag-workshop { background: #a95d83; }
.show-tile-tag-event { background: #3d59b2; }
.show-tile-tag-audition { background: #e9337a; }
.show-tile-tag-auditions { background: #e9337a; }


#voucher_message {
/*	border: 3px solid #df934c; */
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.6em;
}

#voucher_message.good { 
	border: 3px solid #6dc194;
}

#voucher_message.error {
	color: #ba3224;
        border: 3px solid #ca5244;
}

/* PANTO Homepage Only */ 
.jfp_shows_wide { display: none; }
.jfp_shows { border: 0 !important; color: #fff; max-width: 98%; margin: 0 auto;}
table.jfp_shows tbody { border: 0 !important; }
table.jfp_shows td { border: 0; padding: 0 0 0 0; margin: 0; text-align: center; }
table.jfp_shows tr { border: 0; background: #2e3957;}
table.jfp_shows th { text-align: center; font-family: Poppins; font-weight: 600; font-size: 1.2em; padding: 0 20px;}
span.jfp_date { font-family: Poppins; font-weight: 400; font-size: 1.1em; margin: 0; }

ul.jfp_shows_vert { width: 100%; }
ul.jfp_shows_vert li { list-style-type: none;  margin: 0; width: 90%; } 
ul.jfp_shows_vert li ul.jfp_showtimes li { float: left; width: 40% !important; }
ul.jfp_shows_vert li ul.jfp_showtimes li a { font-size: 1.4em !important; }

ul.jfp_showtimes_horiz { display: block; float: left; list-style-type: none; width: 100%; }
li.jfp_show_date_box .dow { font-size: 1em; font-weight: 600; margin: 0; }
li.jfp_show_date_box .dat { font-size: 1.6em; font-weight: 800; margin: 0; }

ul.jfp_showtimes_horiz li.jfp_show_date_box { 
        float: left;
        display: block;
        color: #fff;
        border: 2px solid #fff;
        font-weight: 900;
        font-size: 1.2em;
        padding: 3px 10px;
        letter-spacing: -0.3px;
	height:5.2em;
	width: 5.2em;
        background: #31485b;
        margin: 0 0.5em 0.5em 0;
}
ul.jfp_showtimes_horiz li { display: block; margin: 0; }
ul.jfp_showtimes_horiz li a {
        float: left;
        display: block;
        color: #000;
        border: 1px solid #000;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 1.2em;
        padding: 3px 10px;
        letter-spacing: -0.3px;
	height:5.2em;
	width: 5.2em;
        background: #31485b;
        margin: 0 0.5em 0.5em 0;
}
ul.jfp_showtimes_horiz li a .hshowtime {
	font-size: 1.3em;
}
ul.jfp_showtimes_horiz li a .msg {
	font-size: 0.7em;
	line-height: 0.1em;
}

ul.jfp_showtimes li { display: inline-block; margin: 0; }
ul.jfp_showtimes {  margin: 0; padding: 0; width: 100%; }
ul.jfp_showtimes li a {
	display: block;
	color: #000;
	border: 1px solid #000;
	text-transform: uppercase;
	font-weight: 900;	
	font-size: 1.2em;
	padding: 3px 10px;
	letter-spacing: -0.3px;
	background: #31485b;
	margin: 0.3em 0 0.5em 0;
	opacity: 0.9;
}
ul.jfp_showtimes li a:hover {
	border: 1px solid #fff;
	opacity: 1;
}
ul.jfp_showtimes li a br { margin: 0; padding: 0; }
ul.jfp_showtimes li a span { font-weight: 600; font-size: 0.8em; padding: 0; margin: 0;}
ul.jfp_showtimes li.avail a { background: #a8d2a0; color: #000; }
ul.jfp_showtimes li.unavail a { background: #333; color: #fff; }
ul.jfp_showtimes li.limited a { background: #f5bf4f; }
ul.jfp_showtimes li.vlimited a { background: #c93020; }
ul.jfp_showtimes li.lastfew a { background: #e8a241; }
ul.jfp_showtimes li.soldout a { background: #e0847f; }
/* 72cd26 */
ul.jfp_showtimes_horiz li.avail a { background: #a8d2a0; color: #000; }
ul.jfp_showtimes_horiz li.unavail a { background: #333; color: #fff; }
ul.jfp_showtimes_horiz li.limited a { background: #f5bf4f; }
ul.jfp_showtimes_horiz li.vlimited a { background: #c93020; }
ul.jfp_showtimes_horiz li.lastfew a { background: #e8a241; }
ul.jfp_showtimes_horiz li.soldout a { background: #e0847f; }

/* get involved */
#involvedbox_img_foh {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_foh.jpg');
}
#involvedbox_img_stage {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_stage.jpg');
}
#involvedbox_img_marketing {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_marketing.jpg');
}
#involvedbox_img_set {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_set.jpg');
}
#involvedbox_img_sound {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_sound.jpg');
}
#involvedbox_img_lx {
	height: 80px;
        background-size: cover;
	background-image: url('/assets/img/involved_lx.jpg');
}