/*
Theme Name: Insite Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Insite Website
Author URI: //www.insitewebsite.com/
Description:  A WordPress starter theme based on these frameworks: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap and Font Awesome (or Fontawesome, a suite of 675+ pictographic icons). 
This theme, like WordPress, is licensed under the GPL. You can use this theme as a base for your next WordPress theme project and change or customize it in any way. 
Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
We have also modified this theme with some additions from L'il B (below) and other customizations - PS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: insite-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template

Credits:

1. Bootstrap
 * Bootstrap v4.2.1 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (?) (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c) (!?)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c (!?)

2. wp_bootstrap_navwalker
 * Class Name: wp_bootstrap_navwalker
 * GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons
 * http://getbootstrap.com/components/

4. _s (Underscores)
 * http://automattic.com/
 * https://underscores.me/
 * https://github.com/Automattic/_s
 
5. FontAwesome
 * https://fontawesome.com/
 * (We are currently using the webfont version, not the SVG/JS version.)
 * see https://fontawesome.com/start
 
6. WP Bootstrap Starter (a WordPress starter theme by afterimagedesigns)
 * Insite Starter is a fork of the WP Bootstrap Starter theme, Version: 3.1.0. Many thanks!
 * https://wordpress.org/themes/wp-bootstrap-starter/
 * https://afterimagedesigns.com/wp-bootstrap-starter/
 
7. Lil' B - Bootstrap
 * A Bootstrap for Bootstrap
 * v1.0.2 (http://itsjonq.github.io/lil-b/)
 * Copyright 2014 Jon Q
 * Licensed under MIT (https://github.com/itsjonq/lil-b/blob/master/LICENSE)
 
*/

/*--------------------------------------------------------------
! Stylesheet for: insitewebsite.com/starter
--------------------------------------------------------------*/

/* Variables - customize per theme as needed */
:root {
    --color-primary: rgb(76, 76, 76);
    --color-secondary: rgb(51, 102, 153);
    --color-primary-tint-05: rgb(76, 76, 76, 0.05);
    --color-primary-tint-1: rgb(76, 76, 76, 0.1);
    --color-primary-tint-2: rgb(76, 76, 76, 0.2);
    --color-primary-tint-3: rgb(76, 76, 76, 0.3);
    --color-primary-tint-4: rgb(76, 76, 76, 0.4);
    --color-primary-tint-5: rgb(76, 76, 76, 0.5);
    --color-primary-tint-6: rgb(76, 76, 76, 0.6);
    --color-primary-tint-7: rgb(76, 76, 76, 0.7);
    --color-primary-tint-8: rgb(76, 76, 76, 0.8);
    --color-primary-tint-9: rgb(76, 76, 76, 0.9);
    --color-primary-shade-1: rgb(53, 53, 53);
	--color-primary-shade-2: rgb(17, 17, 17);
    --color-secondary-tint-05: rgb(51, 102, 153, 0.05);
    --color-secondary-tint-1: rgb(51, 102, 153, 0.1);
    --color-secondary-tint-2: rgb(51, 102, 153, 0.2);
    --color-secondary-tint-3: rgb(51, 102, 153, 0.3);
    --color-secondary-tint-4: rgb(51, 102, 153, 0.4);
    --color-secondary-tint-5: rgb(51, 102, 153, 0.5);
    --color-secondary-tint-6: rgb(51, 102, 153, 0.6);
    --color-secondary-tint-7: rgb(51, 102, 153, 0.7);
    --color-secondary-tint-8: rgb(51, 102, 153, 0.8);
    --color-secondary-tint-9: rgb(51, 102, 153, 0.9);
	--color-secondary-shade-1: rgb(12, 49, 86);
	--color-secondary-shade-2: rgb(0, 26, 53);
	/* --color-x-10 = lightest; --color-x-1 = darkest */
	/* --color-a-x = blue */
	--color-a-10: hsl(211 30% 97%); /* #f5f7fa */
	--color-a-9: hsl(211 30% 93%); /* #e8edf3 */
	--color-a-8: hsl(211 30% 85%); /* #cdd8e4 */
	--color-a-7: hsl(211 30% 55%); /* #6a8baf */
	--color-a-6: hsl(211 50% 42%); /* #3669a1 */
	--color-a-5: hsl(211 100% 35%); /* #16579c */
	--color-a-hue: hsl(211 100% 27%); /* #00448c */
	--color-a-4: hsl(211 80% 20%); /* #0a325c */
	--color-a-3: hsl(211 90% 15%); /* #042549 */
	--color-a-2: hsl(211 95% 10%); /* #011932 */
	--color-a-1: hsl(211 100% 5%); /* #000c1a */
	--color-a-link: hsl(211 90% 50%);
	/* --color-b-x = tealish blue-gray */
	--color-b-10: hsl(200 30% 97%); /* #f5f8fa */
	--color-b-9: hsl(200 30% 92%); /* #e4edf1 */
	--color-b-8: hsl(200 30% 85%); /* #cddde4 */
	--color-b-hue: hsl(200 33% 74%); /* #a5c3d2 */
	--color-b-7: hsl(200 20% 60%); /* #85a0ad */
	--color-b-6: hsl(200 15% 50%); /* #6c8693 */
	--color-b-5: hsl(200 15% 40%); /* #576b75 */
	--color-b-4: hsl(200 20% 30%); /* #3d525c */
	--color-b-3: hsl(200 40% 20%); /* #1f3a47 */
	--color-b-2: hsl(200 70% 10%); /* #081f2b */
	--color-b-1: hsl(200 90% 5%); /* #011118 */
	--color-b-bg: hsl(200 10% 95%);
	--color-b-link: hsl(180 100% 35%);
	/* --color-c-x = orange to brown */
	--color-c-10: hsl(10 71% 97%); /* #fdf4f2 */
	--color-c-9: hsl(9 65% 93%); /* #f9e5e2 */
	--color-c-8: hsl(8 60% 85%); /* #f0c8c2 */
	--color-c-7: hsl(8 65% 75%); /* #e9a196 */
	--color-c-hue: hsl(8 85% 63%); /* #f1654f */
	--color-c-6: hsl(8 65% 55%); /* #d75642 */
	--color-c-5: hsl(8 50% 45%); /* #ac4939 */
	--color-c-4: hsl(8 50% 40%); /* #994133 */
	--color-c-3: hsl(8 55% 30%); /* #772e22 */
	--color-c-2: hsl(8 60% 20%); /* #521d14 */
	--color-c-1: hsl(8 85% 10%); /* #2f0a04 */
	/* --color-d-x = highlight, gold */
	--color-d-hue: hsl(48 87% 72%); /* #f6de7a */
	
	--max-width: 100vw;
	--boxed-width: 1440px;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  color: var(--color-a-link);
}
a:hover {
  outline: 0;
}
#masthead ul.nav,
#secondary ul.nav,
#colophon ul.nav {
	list-style: none;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sup.pdf-indicator {
	top: -0.4em;
	margin-left: .2em;
}
a.pdf-link:hover sup.pdf-indicator {
	text-decoration: none;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 2.5rem;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
.btn,
.btn-default {
	overflow: visible;
	display: inline-block;
	font-weight: bold;
	letter-spacing: .01rem;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #EFEFEF;
	border: 1px solid #B3B3B3;
	padding: .375rem .75rem;
	margin: .1rem 0;
	font-size: 1rem;
	line-height: 1.2;
	border-radius: .2rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
}
.btn.btn-lg {
    font-size: 1.25rem;
    padding: .75rem 1rem;
    font-weight: 500;
}
button:hover,
.btn:hover,
.btn-default:hover {
	background-color: #fff;
}
a.btn:hover {
	border-bottom-width: 1px;
    border-bottom-style: solid;
}
button:focus,
.btn:focus,
.btn-default:focus {
	background-color: #fff;
	outline: 5px auto -webkit-focus-ring-color;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	background-color: rgba(0, 255, 0, 0.15);
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-theme {
	border-color: transparent;
}
.btn.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.btn.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}
.btn.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.btn.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}
.btn.btn-theme {
    color: #fff;
    background-color: var(--color-a-hue);
    border-color: var(--color-a-hue);
}
.btn.btn-theme.bright {
    color: #fff;
    background-color: var(--color-a-5);
    border-color: var(--color-a-5);
}
.btn.btn-theme:hover {
	color: var(--color-a-2);
	background-color: var(--color-b-hue);
	border-color: var(--color-b-hue);
}
.btn.btn-link {
	display: inline;
	color: inherit;
	border: 0px solid transparent;
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	font-weight: normal;
	letter-spacing: 0;
	vertical-align: baseline;
}
.btn.btn-tickets {
	font-size: .9rem;
	padding: .3rem .5rem;
	color: var(--color-a-4);
	margin-left: 6px;
}
.btn.btn-subscriptions {
	font-size: .85rem;
	padding: .3rem .3rem;
	color: var(--color-a-4);
	margin-left: 0px;
}
a.btn.btn-tickets, a.btn.btn-tickets:hover,
a.btn.btn-subscriptions, a.btn.btn-subscriptions:hover {
	border: 0 solid transparent;
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-color: transparent;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button.close {
	color: red;
	text-shadow: none;
	opacity: .75;
	border: 1px solid gray;
	border-radius: 3px;
	line-height: 1.0rem;
	text-align: center;
	font-family: helvetica, 'helvetica neau', arial, sans-serif;
	font-size: 1.5rem;
	display: table-cell;
	vertical-align: middle;
	padding: .15rem .25rem .25rem .3rem;
}
button.close:hover {
	color: #A90000;
	opacity: 1.0 !important;
	background-color: #f1f1f1;
}
.modal-header .close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
code {
	position: relative;
	bottom: .03rem;
}


/* My Minimal WordPress Styling comes here */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* replace missing old images in blog posts with unavailable message */
/* pseudo elements can only be displayed on missing images! */
/* see: https://stackoverflow.com/questions/22051573/how-to-hide-image-broken-icon-using-only-css-html#answer-37192970 */
/* see: https://bitsofco.de/styling-broken-images/ */
.single-post img {
	position: relative;
}
.single-post img[alt]:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f9f9f9;
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: .9rem;
	font-style: italic;
	color: gray;
	line-height: 2;
	text-align: center;
	content: "Sorry, this image is no longer available.";
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}
/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
/* Content =================== */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.home .hentry {
	margin: 0;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
/* Clearing */
.clear {
	clear: both;
}
/* Navigation ===================== */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* Here some needed widget styles ===========================
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 1.5em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }
/**
* Some WP Theme Repository requirements
*/
.sticky {
}
.gallery-caption {

}
.bypostauthor {

}
.entry-meta {
	clear: both;
}

/*! =======================================================================
 * Lil' B - Bootstrap
 * A Bootstrap for Bootstrap
 * v1.0.2 (http://itsjonq.github.io/lil-b/)
 * Copyright 2014 Jon Q
 * Licensed under MIT (https://github.com/itsjonq/lil-b/blob/master/LICENSE)
 */

/**
 * Bootstrap - Lil' B
 * Typography
 */

/**
 * Typography - Base
 * This (re)sets the font-size and line-height for the site. If the font-size
 * is changed, all of the other fonts will respond/adjust appropriately.
 */
body {
    /* font-size: 16px; */                /* Adjust this if needed */
    line-height: 1.75em;
    color: #030303;
}
/**
 * Typography - Color Adjustments
 * The recommended colors are listed below under their selectors. They are
 * commented out by default.
 *
 * It is recommended that the darkest color are the headers, followed by the
 * "lead", then the standard body text to help with separation and readibility.
 */
 
/**
 * Here are some client colors:
Dark Green: #336622   rgba(51, 102, 34. 1.0)
Bright Green: #44AA44   rgba(68, 170, 68. 1.0)
Light Green: #99DD99   rgba(153, 221, 153, 1.0)
Pale green: #cce5bc
Dark rust red: #ab3b2f
*/

html {
	height: 100%; /* for sticky footer */
	background-color: var(--color-a-10);
}
body {
	min-height: 100%;/* for sticky footer */
	/* Sticky Footer using Flex - PS ========= */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
	-webkit-font-smoothing: auto;
	word-wrap: break-word;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-family: 'Fira Sans', sans-serif; */
	/* Sticky Footer using Flex - PS ========= */
	/* height: 100%; */ /* do we need this here? */
	background-color: var(--color-a-hue);  /* #fff; */
	overflow-x: hidden;
	margin: 0 auto;
    max-width: var(--max-width);
    box-shadow: 0px 0px 3px 3px hsl(211deg 25% 55% / 20%);
}

/* for sticky footer */
#page {
	flex-grow: 1;
	flex-direction: column;
	/* for fixed nav:  */
	margin-top: 145px;
	background-color: #fff;
}
.site-content {
}
.site-footer {
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    /*color: #222;*/
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5 {
	color: #336622;
}
.lead {
    color: #000;
	font-size: 1.08rem; /* bootstrap lead is much too large */
}
blockquote {
    /* border-left: 5px solid #eee; */
	display: inline-block;
	color: #000;
    font-size: 1.05rem;
    margin: 0 0 1.25em;
    padding: 10px 20px;
	background-color: var(--color-b-9);
	padding: 3rem;
	margin-right: 1.5rem;
	margin-left: 1.5rem;
	position: relative;
}
blockquote::before {
	content: '\0201C';
	display: block;
	position: absolute;
	top: 3.2rem;
	left: .3rem;
	font-size: 9rem;
	color: rgba(255, 255, 255, .6);
	font-family: georgia, times, "times new roman", serif;
}
blockquote::after {
	content: '\0201D';
	display: block;
	position: absolute;
	bottom: -1.5rem;
	right: .3rem;
	font-size: 9rem;
	color: rgba(255, 255, 255, .6);
	font-family: georgia, times, "times new roman", serif;
}
blockquote p {
	z-index: 2;
}
blockquote p:last-of-type {
	margin-bottom: 0;
}
blockquote cite {
	display: block;
}
.blockquote-footer {
    font-size: 85%;
}
blockquote footer cite {
	display: inline;
}
/** List typography ================== */
/* List-based selectors are separated */

ul.list,
ol.list {
    margin-bottom: 1.25em;  /* 1.5em */
	padding-left: 1.5em;
	list-style-position: outside;
}
.list ul,
.list ol {
	padding-left: .5em;
	margin-top: .5em; /* keep spacing even with other list items in nested lists */
}
.list li {
	padding-left: .5rem;
	text-indent: -.5rem;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.list li li {
	list-style-type: lower-alpha;
}
.list li li li {
	list-style-type: upper-roman;
}
ul.no-markers,
ol.no-markers {
	list-style-type: none;
    padding-left: 0;
}
ul.no-markers li {
	margin-bottom: 1rem;
}
.featured-dining li {
	background-color: var(--color-a-9);
    padding: 1rem;
}
dl {
    margin-bottom: 1.25em;
}
dt {
    margin-bottom: 0;
    margin-top: 1em;
}
dd {
    margin-left: 1em;
}
/*Adding margin-top offset to lists if followed by a paragraph for even spacing*/
p + dt,
p + ul,
p + ol {
    margin-top: -0.15em;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5 {
	color: var(--color-b-1);
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: .2rem;
	font-family: Montserrat, sans-serif;
}
.h1, h1 {
    font-size: 1.85rem;
}
.h2, h2, .h3, h3 {
    font-size: 1.65rem;
}
.h4, h4, .h5, h5 {
    font-size: 1.45rem;
}
/* un-condense condensed header fonts */
.hx {
	transform: scale(1, .85);
	transform-origin: 0 100%;
	/* letter-spacing: .01rem; */
}
h1.hx, .hx.h1 {
	font-size: 1.85rem !important;
}
h2.hx, .hx.h2, h3.hx, .hx.h3 {
	font-size: 1.65rem !important;
}
h4.hx, h4.hx.h2, h5.hx, .hx.h5 {
	font-size: 1.45rem !important;
}
p {
  
}
h1.entry-title {
	font-size: 1.85rem;
	padding-bottom: .5em;
	border-bottom: 0px solid #eaecef;
	text-transform: uppercase;
}
h2.entry-title {
  padding-bottom: .5em;
  border-bottom: 1px solid #eaecef;
}
#colophon h3.widget-title {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
	font-family: "Open Sans", Montserrat, sans-serif;
}
#secondary h3.widget-title {
    font-size: 1.3rem;
    color: var(--color-a-hue);
    margin-bottom: 1rem;
	font-family: "Open Sans", Montserrat, sans-serif;
}
#sidebar-get-tickets-widget h3.widget-title {
	display: none;
}
a, a:link {
	color: var(--color-a-link);
	border-bottom: 1px hidden transparent;
}
/* links with no bottom border go here... */
.entry-content a.list-group-item,
.entry-content a.list-group-item:hover,
.entry-content a.with-image,
.entry-content a.with-image:hover {
	border-bottom-width: 0px;
}
.entry-content a.btn,
.entry-content a.btn:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
a:active {
	background-color: rgba(150, 150, 150, 0.2);
}
a:focus {
	/* background-color: rgba(0, 255, 0, 0.15); */
	/* outline: thin dotted red; */
	/* outline: 5px auto -webkit-focus-ring-color; */
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	/* transform: scale(1.1,1.1);
	transform-origin: 50% 50%; */
	outline: 1px dotted #b3b3b3;
}
a:hover,
.btn.btn-link:hover {
	color: var(--color-a-link);
	text-decoration: none;
	border-bottom: 1px hidden transparent;
}
.entry-content a:hover,
.entry-content .btn.btn-link:hover {
	border-bottom: 1px dashed var(--color-a-link);
}
#colophon a {
	border-bottom: 0px none transparent;
}
#quick-links a,
#quick-links a:link,
#quick-links a:active,
#quick-links a:visited,
#quick-links a:focus,
#quick-links a:hover,
a.with-image {
	border-bottom: 0px hidden transparent;
}
#colophon a:hover {
	text-decoration: underline;
	border-bottom: 0px none transparent;
}
a:visited {
	/* color: var(--color-b-link); */
	color: var(--color-c-hue);
}
.list-group a:visited {
	color: var(--color-a-link);
}
.list-group a.active:visited {
	color: #fff;
}
a[href^="#"]:visited {
	color: var(--color-a-link);
}
a[target="_blank"]::after {
	content: "\f24d";
	font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-variant: normal;
	font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	display: inline-block;
	/* transform: rotate(270deg); */
	margin: 0 0 0 .25em;
	font-size: 70%;
	position: relative;
	top: -.3em;
}
a.with-image {
	display: inline-block;
}
a.with-image[target="_blank"]::after,
a.tickets[target="_blank"]::after,
.heateor_sss_sharing_ul a[target="_blank"]::after,
a.btn-tickets[target="_blank"]::after {
	content: "";
	display: none;
}
a[href$=".pdf"]::after {
    /* content: "\f1c1";
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    transform: rotate(0deg);
    margin: 0 .2em;
    font-size: 100%;
    position: relative;
    top: -.1em; */
}
pre {
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    background-color: #f5f5f5;
	border: 1px solid silver;
    padding: 8px;
    overflow-x: auto;
}
div:has(pre) {
	/* overflow-x: auto; */
}
xmp {
	white-space: pre;
	font-family: courier, 'courier new', monospace;
	font-size: 110%;
	color: navy;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2;
    background-color: #f5f5f5;
	border: 1px solid silver;
    padding: 8px;
    overflow-x: auto;
}
div > span > pre {
	background-color: transparent;
	border: 0px solid transparent;
	padding: 0;
}
/* A few Typography Classes ================================= */
.small-caps {
	font-variant: small-caps;
}
.underline {
	text-decoration: underline;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1rem;
  width: 100%;
}
table.table {
	border-bottom: 1px solid #dee2e6;
}
table.table th {
	background-color: #eee;
}
table.table tr:nth-child(2n+1) td {
	background-color: #fcfcfc;
}
/* tabs ======== */
.list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: 0rem;
    border-top-right-radius: 0;
}
.list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0;
}
.list-group-item:not(.active) {
    background-color: whitesmoke;
}
.entry-content a.list-group-item,
.entry-content a.list-group-item:hover {
	font-size: 1.1rem;
	font-weight: bold;
	border: 1px solid rgba(0,0,0,.25);
	border-bottom-color: rgba(0,0,0,.125);
}
.list-group-item.active {
    background-color: var(--color-a-hue);
    border-color: var(--color-a-hue);
}
.tab-pane {
	padding: 1rem;
	border-width: 0px 1px 1px 1px;
	border-color: rgba(0,0,0,.25);
	border-style: solid;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label {
    margin-bottom: .25rem;
    font-weight: 700;
}
.required {
	color: red;
	font-size: 1.3rem;
	display: inline-block;
	vertical-align: middle;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  color: #fff;
  background-color: var(--color-a-hue);
  /* background-color: transparent; */
  /* padding: .74rem 1rem; */
  padding: 0rem 0rem;
  min-height: 90px;
}
body.is-scrolled header#masthead {
	background-color: rgba(0,67,138,0.9);
}
body.is-scrolled header#masthead nav.site-nav {
	background-color: transparent;
}
body.is-scrolled header#masthead:hover {
	background-color: var(--color-a-hue);
}
.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}
body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}
#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}
.navbar-toggler:not(:disabled):not(.disabled) {
	/* position: fixed; */ /* for fixed button */
	position: absolute; /* for scroll-away button */
	top: 10px;
	right: 6px;
	border: thin solid rgba(128, 128, 128, 0.5);
	padding: .25rem .5rem;
	background-color: rgba(255,255,255,.4);
}
.navbar-collapse.show ul.navbar-nav {
	background-color: var(--color-a-hue);
	padding: 0 1rem;
}
body.admin-bar .navbar-toggler:not(:disabled):not(.disabled) {
	/* top: 53px; */
	/* we are using Better Admin Bar plugin to autohide the admin bar so we don't need this */
}
@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
.navbar.site-nav .navbar-nav > li.current-menu-parent {
    background-color: rgba(255,155,155,0.2);
}
.navbar-nav .dropdown-menu li.current-menu-item a {
	color: var(--color-d-hue);
	font-weight: bold;
}
/* scroll-away nav ================= */
/* Add this class to the body element in extras.php and enable js function in custom.js to use this feature */
body.scrollaway-nav {
    /* padding-top: 40px; */ /* applied to #page instead */
}
body.scrollaway-nav header#masthead {
	height: 145px;
	position: fixed;
    top: 0px;
    transition: top 0.2s ease-in-out;
    width: 100%;
    max-width: var(--max-width);
	z-index: 1020;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.scrollaway-nav header#masthead.nav-up,
body.scrollaway-nav header#masthead.nav-down.nix {
	top: -141px;
}
/* body.scrollaway-nav nav.site-nav {
    height: 40px;
    position: fixed;
    top: 90px;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

body.scrollaway-nav nav.site-nav.nav-up {
    top: -40px;
} */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav, .site-nav { /** a.k.a. .site-nav */
	padding-left: 0;
	padding-right: 0;
	/* using FIXED positioning */
	/* position: fixed; */
	/* sticky header */
	/* top: 0; */
	width: 100%;
	/* margin-top: 15px; */
}
#masthead nav, .site-nav, .dropdown-menu { /** a.k.a. .site-nav */
  background-color: var(--color-a-hue);
  box-shadow: 0 0 0px 0 transparent;
}
.site-nav {
}
.admin-bar .site-nav {
	/* top: 32px; */
	/* we are using an admin bar hider plugin: Better Admin Bar */
}
@media screen and (max-width: 782px) {
  .admin-bar nav.navbar.site-nav {
    /* top: 46px; */
  }
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li > a {
    color: #fff;
    padding: 0.5rem 1.0rem;
    font-size: 1.00rem;
    font-weight: 500;
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li > a:hover,
body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
	color: #fff;
	transform: scale(1.05,1.05);
	transform-origin: 50% 63%;
  /*background: #f9f9f9;*/
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
	/* background: rgba(255,255,255,.15); */
	color: var(--color-d-hue);
    font-weight: bold;
}
.navbar-brand {
  height: auto;
}
.width-sm .navbar-brand, .width-xs .navbar-brand {
	display: none;
}
.navbar-brand:hover {
  transform: scale(1.1,1.1);
  transform-origin: 50% 60%;
}
.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}
.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}
a.navlink:active {
	background-color: rgba(255, 255, 255, 0.15);
}
/* dropdown menus */
.dropdown-menu {
	margin: 0 0;
	font-size: 1rem;
	color: #fff;
	background-clip: padding-box;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0;
}
.dropdown-item,
.dropdown-item:visited {
	color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	transform: scale(1.1,1.1);
	transform-origin: 20% 50%;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}
.navbar-nav a.dropdown-item {
	color: #fff;
}
.dropdown-menu {
  min-width: 12.500rem;
}
.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}
.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.2;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }
  .dropdown-menu li a {
    padding: 0;
  }
  .site-nav .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }
  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}
.navigation.post-navigation {
  padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}
.post-navigation .nav-next a::after {
  content: " \2192";
}
.post-navigation .nav-previous a::before {
  content: "\2190 ";
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#primary {
	padding-top: 55px;
	padding-bottom: 55px;
}
.single-show #primary {
	padding-top: 15px;
}
#secondary {
	padding-top: 55px;
	padding-bottom: 55px;
}
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
.widget_search .search-form input[type="submit"] {
  display: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
#colophon .nav > li > a:focus {
	background-color: transparent;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}
.widget p {
	font-size: .95rem;
}
/* footer widgets */
#season-sponsor a {
	display: block;
	position: relative;
}
#season-sponsor figure,
#season-sponsor figure.wp-caption,
#season-sponsor figure.wp-caption.alignnone {
	margin: 0;
	border: 0 none transparent;
	padding: 0;
	border-radius: 0;
	width: 300px;
	max-width: 100%;
	display: block;
	position: relative;
}
#season-sponsor figcaption.wp-caption-text {
    position: absolute;
    bottom: 40px;
    right: -53px;
    width: 110px;
    height: 110px;
    background-color: #63be60;
    border: 2px solid #fff;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: .9rem;
    line-height: 1.4rem;
    padding: 1.2rem .9rem 0;
}
#learn-more p {
	margin-bottom: .5rem;
}
#footer-menu .nav-link {
	padding: 0.1rem 0 0.1rem 0;
}
#footer-menu .nav-link:hover {
	background-color: transparent;
	text-decoration: underline;
}
#visit-us p,
#box-office p {
	line-height: 1.3;
}
/* sidebar widgets */
#secondary {
	background-color: var(--color-b-bg);
	padding-right: 20px;
    padding-left: 20px;
}
.sidebar-season-sponsor {
    /* background-color: rgba(255, 255, 255, 0.5); */
	/* background-color: #e7e7e7; */
    padding-bottom: 5px;
    margin: 0 -20px 1.55em;
}	
#secondary .sidebar-season-sponsor h3.widget-title {
	margin-right: -6px;
	margin-bottom: 0.25rem;
	margin-left: 20px;
	font-size: 1.2rem;
}
#secondary .widget.sidebar-season-sponsor a {
    padding: 2px 6px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    margin: 0px -10px 10px 15px;
}
#secondary .widget.sidebar-season-sponsor a:hover {
	background-color: #fff;
	/* border: 1px solid var(--color-a-8);
	border-bottom: 1px solid var(--color-a-8); */
}
.section-menu ul > li a.nav-link,
#secondary .widget a {
    display: block;
    padding: .2rem 1rem .2rem 0rem;
    color: var(--color-cp-1);
    font-size: 1rem;
}
.section-menu ul > li:hover {
	/* margin: 0 -20px; */
}
#secondary .section-menu ul > li a.nav-link {
	position: relative;
	line-height: 1.3;
    margin-bottom: 0.3rem;
	font-weight: bold;
}
#secondary .section-menu ul {
	/* margin: 0 -19px 1.5em;
    padding: 20px;
    background-color: hsl(211, 30%, 90%); */
}
#secondary .section-menu ul > li a.nav-link::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    font-size: .9em;
    content: "\f0da";
    position: absolute;
    top: 25%;
    right: 0;
    bottom: auto;
    left: auto;
}
#secondary .section-menu ul > li.current-menu-item a.nav-link {
	margin: 0 -20px 0.3rem;
	padding: .2rem 20px;
	background-color: var(--color-a-8);
	cursor: default;
}
#secondary .section-menu ul > li.current-menu-item a.nav-link:hover {
	background-color: var(--color-a-8);
	color: var(--color-cp-1);
}
#secondary .section-menu ul > li.current-menu-item a::after {
	right: 20px;
	content: '';
}
#secondary .section-menu ul > li a.nav-link:hover::after {
	right: 20px;
}
#secondary .section-menu ul > li a.nav-link:hover,
#secondary .widget.widget_black_studio_tinymce a:hover,
#secondary .widget.widget_black_studio_tinymce .btn.btn-link:hover {
	margin: 0 -20px 0.3rem;
	padding: .2rem 20px;
	background-color: var(--color-a-hue);
	color: #fff;
}
#secondary .icon-widget img[class*="wp-image-"] {
    margin-top: 0px;
    margin-bottom: 0px;
}
#secondary .icon-widget p {
	line-height: 0.3;
	margin-bottom: 2rem;
}
#secondary #sidebar-directions-widget.icon-widget p,
#secondary #sidebar-mailing-list-widget.icon-widget p,
#secondary #sidebar-advertise-widget.icon-widget p {
	line-height: 1.1;
}
#secondary .icon-widget a,
#secondary .icon-widget .btn.btn-link {
    font-size: 16px;
    font-weight: 700;
	/* padding-left: 1rem; */
	padding: 0.5rem 1rem 0.5rem 1rem;
}
#secondary .icon-widget .btn.btn-link {
	display: block;
    margin: 0 auto;
    width: 100%;
}
#secondary .widget.icon-widget p .btn.btn-link:hover {
	width: calc(100% + 40px);
}
#secondary .widget.icon-widget p .btn.btn-link:focus {
	outline: 0px auto -webkit-focus-ring-color;
}
#secondary .widget.icon-widget p .btn.btn-link:active {
    background-color: rgba(150, 150, 150, 0.2);
}
#secondary .widget.icon-widget p a:hover,
#secondary .widget.icon-widget p .btn.btn-link:hover {
	background-color: rgba(255,255,255,0.5);
	padding: 0.5rem 1rem 0.5rem 1rem;
	color: #000;
}
#sidebar-mailing-list-widget {
    /* border-bottom: 6px solid var(--color-a-8); */
	margin-bottom: 4rem;
}
#sidebar-mailing-list-widget .btn.btn-link img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#secondary #sidebar-donate-widget.widget a.btn-theme {
    /* color: #fff; */
	/* background-color: var(--color-a-5);
	border-color: var(--color-a-5); */
	/* background-color: var(--color-a-5);
	border-color: var(--color-a-5); */
    margin: 0 auto 3rem;
    width: 7em;
    padding: 0.375rem 0.75rem;
	color: #fff;
}
#secondary #sidebar-donate-widget.widget a.btn-theme:hover {
    margin: 0 auto 3rem;
	background-color: var(--color-b-hue);
	border-color: var(--color-b-hue);
	color: #000;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* Prevent Jumbotron ================= */
#masthead > .container,
#content > .container {
	background-color: transparent;
}
#content > .container {
	padding-top: 0;
	padding-bottom: 0;
}
.page-template-default.width-lg #primary,
.page-template-default.width-xl #primary {
    padding-right: 45px;
}

/*--------------------------------------------------------------
## Header elements
--------------------------------------------------------------*/
.header-brand {
	padding-top: 1.3rem;
	/* padding-top: 1.6rem; */
}
.header-brand a {
	display: block;
}
.container.header-content {
	padding-right: 0;
	padding-left: 0;
}
.container.header-content .col {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
/* Box Jumbotrons */
/* @media (min-width: 1200px) {
	body {
		background: #fbfbfb;
		background: #fff;
	}
	.container,
	.container.header-content {
		max-width: 1140px;
		padding-right: 45px;
		padding-left: 45px;
	}
} */
.header-tools .icons-region {
    text-align: right;
	padding-right: 1rem;
}
#menu-site-navigation .icons-region a:not(.btn-tickets),
.header-tools .icons-region a:not(.btn-tickets) {
    display: inline-block;
	margin: 0 .35rem;
	border-radius: 50%;
	background-color: var(--color-a-9);
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	text-align: center;
	line-height: 0.8rem;
	vertical-align: middle;
	opacity: 1;
}
.header-tools .icons-region i {
    font-size: 1.0rem;
}
i.social-icon {
	color: var(--color-a-hue);
	display: inline-block;
	line-height: 0.7rem;
	vertical-align: middle;
	margin: .45rem auto;
	opacity: 1;
}
.header-tools .icons-region a:hover {
	background-color: #fff;
}
a:hover i.social-icon {
	color: var(--color-b-2);
}
i.fa-facebook-f.social-icon {
	/* background-color: #3B5998; */
}
i.fa-twitter.social-icon {
	/* background-color: #00ACED; */
}
i.fa-linkedin-in.social-icon {
	/* background-color: #007BB6; */
}
i.fa-youtube.social-icon {
	/* background-color: #D46E6E; */ /* #B50D0D; */
	/* font-size: 1.3rem; */
}
.header-search-wrapper {
	display: inline-block;
}
.header-search-wrapper.closed .search-field {
	width: 0;
	border-color: transparent;
	padding: 0;
}
.header-search-wrapper .search-field {
    width: 10rem;
}
.icons-region .search-form {
	display: inline-block;
}
.icons-region .search-form .search-submit {
	display: none;
}
.header-tools .icons-region i.fa-search {
	cursor: pointer;
    vertical-align: middle;
    font-size: 1.3rem;
    margin-right: 0.4rem;
    margin-top: 0.3rem;
}
.header-phone {
	font-size: 1.15rem;
    line-height: 2.6rem;
	padding-left: 1rem;
}
.header-phone a {
	color: #fff;
}
.header-phone .fa-mobile-screen,
#box-office .fa-mobile-screen {
	font-size: 1rem;
    transform: rotate(25deg) translateY(-0.3rem) translateX(3px);
}
.home header.entry-header {
	display: none;
}
.fullwidth-sponsor {
    display: inline-block;
    transform: translateY(-30px);
}
/*--------------------------------------------------------------
# Miscellaneous elements
--------------------------------------------------------------*/
/* element which is full width inside of a boxed container */
.breakout {
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
	/* background-color: var(--color-a-1); */
	background-color: transparent;
}
.breakout-inner {
	max-width: var(--boxed-width);
	margin: 0 auto;
}
.breakout.featured-hero {
	position: relative;
	z-index: 0;
	overflow-y: hidden;
	/* background-image: url('img/stage_curtain_blue.jpg');
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat; */
}
.breakout.featured-hero .breakout-inner {
	position: relative;
	z-index: 2;
}
.breakout.featured-hero:before {
    content: '';
    display: inline-block;
    background-color: var(--color-b-bg);
    position: absolute;
    z-index: 1;
    height: 85%;
    width: 92vw;
    top: -20px;
    left: 50%;
    margin-left: -46vw;
    padding: 0 20px 20px;
    box-shadow: inset 0px 0px 4px 20px rgba(255 255 255 / 80%);
    border-width: 0 20px 20px 20px;
    border-style: solid;
    border-color: var(--color-b-10);
	border-radius: 7px;
}
.breakout.featured-hero img {
	/* box-shadow: 0px -400px 2px 200px var(--color-b-bg); */
}
.hero-credit,
.photo-credit {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: .75rem;
	display: block;
	font-size: .8rem;
	text-shadow: 0px 1px 5px rgba(0,0,0,0.66);
	color: #fff;
}
.photo-credit {
    line-height: 1.75rem;
    /* position: relative;
	margin: -1.75rem 0 0 0;
	left: 0;
	right: auto;
	float: left;
    padding-left: 0.75rem;
	margin-bottom: 10px; */
}
/* remove if we don't go this route: */
span.img-credit-wrapper {
	display: inline-block;
	position: relative;
}
.img-credit-wrapper img {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.img-credit-wrapper span.photo-credit {
	position: absolute;
    display: inline-block;
	top: auto;
	right: auto;
	bottom: 0;
	left: .75rem;
	padding-left: 0;
	margin-bottom: 10px;
}
.img-credit-wrapper.aligncenter {
	display: block;
}
.img-credit-wrapper.aligncenter span.photo-credit {
    right: 0;
    left: 0;
    text-align: center;
    margin-bottom: 0;
}
.img-credit-wrapper.alignright span.photo-credit {
    left: calc(.75rem + 1.5em);
}
.img-credit-wrapper.in-figure span.photo-credit {
	margin-bottom: 0;
}
.hero-credit a,
.hero-credit a:link,
.hero-credit a:active,
.hero-credit a:visited,
.photo-credit a,
.photo-credit a:link,
.photo-credit a:active,
.photo-credit a:visited {
	color: rgb(210, 255, 255);
}
.hero-credit a:hover,
.photo-credit a:hover {
	color: aqua;
}
img.with-credit[class*="wp-image-"] {
    margin-bottom: 0;
}
/* autohide admin bar */
html,
html#cp,
html body,
* html body {
	margin-top: 0 !important;
}
html #wpadminbar {
	top: -27px !important;
	opacity: 0.01;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}
html #wpadminbar:hover {
	opacity: 1;
	top: 0 !important
}
@media screen and (max-width: 782px) {
	html #wpadminbar {
		top: -41px !important;
		-webkit-transition-delay: 0;
		transition-delay: 0;
	}
	html #wpadminbar .quicklinks {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
		overflow: auto;
		max-width: 100%;
	}
	html #wpadminbar .quicklinks ul {
		display: -ms-flexbox!important;
		display: flex!important;
	}
}
.tooltip {
}
.tooltip .tooltip-inner {
	background-color: rgba(0,67,138,0.75) !important;
}
.bs-tooltip-bottom .arrow::before, 
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: rgba(0,67,138,0.75) !important;
}
.xs-break {
	display: none;
}
div.sharing {
	margin-top: 3rem;
	margin-bottom: 5rem;
}
.single-show div.sharing {
	margin-bottom: 3rem;
}
div.sharing div.heateor_sss_follow_ul a, 
div.sharing div.heateor_sss_horizontal_sharing,
div.sharing div.heateor_sss_sharing_ul a {
	margin: 3px !important;
}
.single-show div.heateor_sss_sharing_ul {
	text-align: left;
}
/*-------------------------------------------------------------------------
## Posts and pages (how posts and pages are displayed, not individual ones)
-------------------------------------------------------------------------*/
#content.site-content {
  /* padding-bottom: 3.75rem; */
  /* padding-top: 4.125rem; */
  /* padding-top: 1rem; */
}
.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome 6 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}
.sticky .entry-title {
  position: relative;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.entry-content {
    font-size: .975rem;
    line-height: 1.85em;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}
.post.hentry {
  margin-bottom: 4rem;
}
.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}
.entry-title > a {
  color: inherit;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list .comment {
  display: block;
}
.comment-list {
  padding-left: 0;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
  border: medium none;
}
/*--------------------------------------------------------------
## Reveal elements
--------------------------------------------------------------*/
.dropdown-toggle::after {
	display: inline-block;
	margin-left: .2em;
	vertical-align: .1em;
	content: "";
	border-top: .45em solid;
	border-right: .55em solid transparent;
	border-bottom: 0;
	border-left: .55em solid transparent;
	transform: rotate(0deg);
	transition: transform .2s linear;
}
.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(-180deg);
}
nav span.caret {
	display: none;
}
.caret::after {
	display: inline-block;
	content: "";
	margin-left: .255em;
	vertical-align: .15em;
	border-top: .45em solid;
	border-right: .55em solid transparent;
	border-bottom: 0;
	border-left: .55em solid transparent;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
.modal {
    max-width: 100vw;
}
.streetview-iframe-wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
}
body.landscape .streetview-iframe-wrap {
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
body.portrait.width-md .streetview-iframe-wrap {
	padding-top: 150.000%; /* 6:4 Aspect Ratio */
}
body.portrait.width-sm .streetview-iframe-wrap,
body.portrait.width-xs .streetview-iframe-wrap,
body.portrait.width-xxs .streetview-iframe-wrap {
	padding-top: 177.777%; /* 16:9 Aspect Ratio */
}
.streetview-iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	/* background: #f1f1f1 none repeat scroll 0 0;
	border: 1px solid #f0f0f0; */
	background: transparent none repeat scroll 0 0;
	border: 0px solid transparent;
	max-width: 96%;
	/* padding: 0.313rem 0.313rem 0; */
	padding: 0 0 0.313rem 0;
	text-align: left;
	position: relative;  
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.85rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
  text-align: left;
}
.wp-caption-text {
  text-align: left;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}
.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}
.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}
.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}
.elementor-page .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}
.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}
.vc_desktop .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
    color: #fff;
    background-color: var(--color-b-4);
	/* background-image: url('img/front-marquee.png'); */
	background-repeat: no-repeat;
	background-position: calc(50% + 315px) 85%;
}
#colophon .widgets-container {}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}
.copyright a, footer#colophon a {
  color: inherit;
}
.copyright span.rule {
	display: block;
	height: 1px;
	width: 300px;
	margin: .2rem auto;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.copyright span.credits-region {
	opacity: 0.75;
}
.copyright span.credits-region:hover {
	opacity: 1;
}
@media screen and (max-width: 767px) {
  .site-nav .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
.plinth {
	cursor: default;
	display: block;
	margin: 0px auto 3rem;
	/* border-bottom: 3px solid #ddd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; */
	height: 0;
	width: 100px;
	text-align: center;
}
.plinth::after {
	/* content: '';
	display: block;
	margin: 0px auto;
	border-top: 3px solid #ddd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 100px;
	top: 5px;
	position: relative;
	left: -10px; */
	content: '\25fc\2002\25fc\2002\25fc';
	display: block;
	margin: 0px auto;
	color: var(--color-b-6);
}
/*--------------------------------------------------------------
# Pages and Sections (specific individual sections or pages)
--------------------------------------------------------------*/
/* homepage ======== */
.home #content .container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.home #primary {
    padding-top: 0;
    padding-bottom: 0;
}
.home #content .entry-content {
	margin: 0;
}
.home section:not(.inter-section) {
	/* min-height: 300px; */
}
.home section#featured {
	background-image: url('img/featured-section-bg.jpg');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding: 90px 0 110px;
}
.home section#featured .row.container {
	padding-right: 15px;
	padding-left: 15px;
}
.home section#featured .col.feature {
	text-align: center;
}
.home #featured .feature .show-card,
.home #featured .feature img,
.home #featured div.feature-info {
	max-width: 100%;
	margin: 0 auto;
}
.home #featured .feature img {
	outline: 1px solid rgba(255,255,255,0.075);
}
.home #featured .feature .show-card {
	position: relative;
	margin-bottom: 15px;
}
.home #featured .feature .show-card a:hover img {
	/* outline: 1px solid var(--color-d-hue); */
}
.home #featured .feature .show-card .learn-more {
    position: absolute;
    display: block;
    bottom: 15%;
    right: 0;
    background-color: var(--color-a-5);
    color: #fff;
    font-weight: 300;
    font-size: 1.2rem;
    letter-spacing: .025em;
    padding: 6px 10px;
    pointer-events: none;
}
.home #featured .feature .show-card a:hover .learn-more {
	background-color: var(--color-b-hue);
	color: var(--color-a-hue);
}
.home #featured .feature .show-card .learn-more i {
	color: var(--color-b-hue);
}
.home #featured .feature .show-card a:hover .learn-more i {
	color: var(--color-a-hue);
}
.home #featured div.feature-info {
    background-color: var(--color-b-hue);
    color: var(--color-a-hue);
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .6rem;
}
.home #featured div.feature-info h5 {
	color: var(--color-a-hue);
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 1.15rem;
}
.home #featured div.feature-info p {
	color: var(--color-a-hue);
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 0;
}
.home .award p {
	line-height: 1.4;
}
.home section#season {
	background-image: url('img/season-section-bg.jpg');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding: 50px 0 30px;
}
.home section#season > .row {
	max-width: 100%;
}
.home section#season,
.home section#season h2,
.home section#season p {
	color: #fff;
}
.home section#season h2 {
	margin: 0 0 80px;
}
.home section#season p {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 2.4;
}
.home #season .learn-more {
    position: relative;
    margin: 4rem 0 0 0;
    /* width: 24rem; */
    /* background-color: var(--color-a-5); */
    /* color: #fff;
    font-weight: 300;
    font-size: 1.85rem;
    letter-spacing: .025em; */
}
.home #season .learn-more a#peek {
	position: relative;
	display: block;
	margin: 3px 0 0 auto;
    padding: 12px;
	color: #fff;
	/* width: 384px; */
	height: 54px;
	border-bottom: 1px hidden transparent;
    background-color: var(--color-a-5);
    color: #fff;
    font-weight: 300;
    font-size: 1.85rem;
    letter-spacing: .025em;
}
.home #season .learn-more a#peek:hover {
	background-color: var(--color-b-hue);
	color: var(--color-a-hue);
	border-bottom: 1px hidden transparent;
}
.home #season #sponsored-by {
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
    transform: translateY(-28px);
	font-size: 12px;
	color: #fff;
}
.home #season .learn-more a#sp-logo {
	visibility: hidden;
	position: relative;
	display: block;
    padding: 10px;
	border: 1px solid var(--color-b-7);
	background-color: #fff;
	border-bottom: 1px solid var(--color-b-7);
}
.home #season .learn-more a#sp-logo img.alignnone {
	margin: 0 auto 0 0;
}
.home #season .learn-more a#sp-logo:hover {
	border-bottom: 1px solid var(--color-b-7);
}
.home #season .learn-more a i {
	color: var(--color-b-hue);
}
.home #season .learn-more a:hover i {
	color: var( --color-a-hue);
}
.home section#welcome {
	padding: 80px 0 60px;
	background-color: var(--color-b-9);
}
.home section#news {
	padding: 120px 0 80px; 
}
.home section#news img {
	display: block;
}
.home section#news h4 {
	font-family: "Open Sans", sans-serif;
	font-size: 1.2rem;
	min-height: 4.5rem;
	margin-bottom: 0.5rem;
}
.home section#news p {
	font-size: .95rem;
	line-height: 1.4;
} 
.home section#news h4 a,
.home section#news h4 a:link,
.home section#news h4 a:visited {
	color: var(--color-a-hue);
}
.home section#quick-links {
	background-image: url('img/quick-links-section-bg.jpg');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	border-top: 7px solid var(--color-b-hue);
	padding: 80px 0;
}
.home section#quick-links .col {
	padding: 10px;
	text-align: center;
}
.home section#quick-links .col a,
.home section#quick-links .col button {
	display: block;
	/* width: 225px;
	height: 225px; */
	width: 175px;
	height: 175px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	display: block;
    margin: 0 auto;
}
section#quick-links .tickets-col a {
	background-image: url('img/homepage-tickets-icon.png');
}
section#quick-links .directions-col a {
	background-image: url('img/homepage-directions-icon.png');
}
section#quick-links .mailing-col a,
section#quick-links .mailing-col button {
	background-image: url('img/homepage-newsletter-icon.png');
}
section#quick-links .mailing-col button,
section#quick-links .mailing-col button:hover {
	border-bottom: 0px solid transparent;
}
.home section#endorsement {
    border-top: 7px solid var(--color-b-hue);
}
.home section#endorsement h4,
.home section#endorsement p {
	color: #757575;
}
.home .edit-link {
	display: none;
}
/* typography ====== */
.page-typography .hero {
	text-align: center;
	padding: 5rem 0;
	margin-bottom: 1rem;
	margin-top: -1.5rem;
	background-color: whitesmoke;
}
/* color chart ====== */
.color-row {
	font-size:12px;
	margin: 0 -50px;
	border-bottom:1px solid silver;
	border-left:1px solid silver;
}
div.swatch {
	height:96px;
}
div.spec {
	border-right:1px solid silver;
	padding-left:4px;
}
div.spec span {
	display: block;
}
textarea#all-css-area {
	width: 100%;
	height: 60vh;
	padding: 0.5rem 1rem;
}
/* contact ====== */
.wpcf7 input.form-control {
	border-color: var(--color-primary-tint-3);
}
.wpcf7-form .wpcf7-response-output.alert {
    /* color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba; */
}
.wpcf7-form .wpcf7-response-output:empty {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0 0 1em;
	padding: 0.4em 1em;
	border: 1px solid #00a0d2;
	border-radius: 5px;
	background-color: rgba(255, 185, 0, 0.2));
	color: #000;
	font-weight: bolder;
}
.wpcf7-not-valid {
	border-color: #ffb900;
	box-shadow: 0 0 0 .2rem rgba(255, 185, 0, 0.25);
}
.wpcf7-not-valid-tip {
	font-style: italic;
	/* font-weight: bold; */
}
label .small {
	font-size: 90%;
	/* font-weight: bold; */
	font-style: italic;
}
.anr_captcha_field {
    margin-bottom: 6px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
	font-size: .95em;
	color: var(--color-primary);
	opacity: 0.85;
}
::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
	font-size: .95em;
	color: var(--color-primary);
	opacity: 0.85;
}
:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
	font-size: .95em;
	color: var(--color-primary);
	opacity: 0.85;
}
:-moz-placeholder { /* Firefox 18- */
	font-style: italic;
	font-size: .95em;
	color: var(--color-primary);
	opacity: 0.85;
}
::placeholder {
	font-style: italic;
	font-size: .95em;
	color: var(--color-primary);
	opacity: 0.85;
}
/* visit - parking and directions ===== */
ol.streetview-triggers {
	list-style: none;
	counter-reset: streetview-counter;
}
ol.streetview-triggers li {
	counter-increment: streetview-counter;
	margin-bottom: 6px;
}
ol.streetview-triggers li::before {
	content: counter(streetview-counter);
	background: #949599;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	display: inline-block;
	line-height: 1.5rem;
	color: white;
	text-align: center;
	margin-right: 0.5rem;
}
ol.streetview-triggers span {
    background-color: rgb(249 181 178 / 60%);
    display: inline-block;
    padding: 0 .5rem;
    margin-right: .5rem;
    border-radius: 5px;
    color: #000;
}
ol.streetview-triggers a {
	color: var(--color-a-link);
	border-bottom: 1px dashed var(--color-a-link);
	cursor: pointer;
}
/* sponsors page ============== */
.page-sponsors .entry-content h3,
.page-sponsors .entry-content h4 {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.page-sponsors .entry-content a {
	display: block;
}
.page-sponsors .entry-content img {
	display: block;
	margin: 15px auto 15px 0;
}
.page-sponsors .entry-content p {
	margin-bottom: 0;
}
.page-sponsors .entry-content br {
	display: none;
}
/* our sponsors =====  */
.sponsors-list h3 {
	font-size: 1.3rem;
	margin-top: 3rem;
	margin-bottom: 0.5rem;
    font-style: italic;
    color: var(--color-b-4);
}
.sponsors-list p {
	margin-bottom: 0;
	text-align: center;
}
.sponsors-list a {
	display: inline-block;
    margin: 0 auto;
}
.sponsors-list a img.alignnone {
    margin: 0 0 0 0;
}
/* sponsorship and advertising ======  */
/* possible changes to PDF embed plugin viewer  */
.page-sponsorship-advertising div.pdfemb-viewer {
    background-color: var(--color-a-hue) !important;
}
.page-sponsorship-advertising div.pdfemb-toolbar-fixed {
    display: inline-block !important;
}
.page-sponsorship-advertising div.pdfemb-toolbar {
    position: absolute;
    background-color: var(--color-a-hue) !important;
    width: 150px !important; /* Note: 300 if paging elements are used  */
    margin: 0 0 0 auto !important;
    text-align: right !important;
}
.page-sponsorship-advertising div.pdfemb-toolbar-top {
    top: 0px !important;
    left: auto !important;
    right: 0px !important;
}
.page-sponsorship-advertising div.pdfemb-toolbar-bottom {
    top: auto !important;
    left: auto !important;
	bottom: 0px !important;
    right: 0px !important;
}
/* remove paging elements which do not work when made scrollable */
.page-sponsorship-advertising .pdfemb-prev,
.page-sponsorship-advertising .pdfemb-next,
.page-sponsorship-advertising div.pdfemb-page-area {
	display: none;
}
.page-sponsorship-advertising .pdfemb-pagescontainer {
	overflow: scroll !important;
	background-color: #fff;
}
.page-sponsorship-advertising div.pdfemb-inner-div {
	position: relative !important;
    background-color: #fff !important;
    display: block !important;
	border-bottom: 1px solid gray;
}
/* Adopt-a-Seat page =============  */
/* and perhaps others */
.page-adopt-a-seat-program dd:first-letter {
	font-weight: bold;
}
/* Board page and perhaps others */
dl.board-committee-list dt {
	margin-top: 0.75em;
    line-height: 1.2;
}
dl.board-committee-list dd {
    margin-left: 0;
    line-height: 1;
    font-variant: all-small-caps;
    font-size: 1.2em;
}
/* Board page board-of-governors */
div#board-row.row {
	margin-left: -7px;
	margin-right: -15px;
}
#board-row div.col {
	padding-right: 7px;
	padding-left: 7px;
	vertical-align: top;
}
.photo-list dt img {
	outline: 1px solid #d7d7d7;
}
#board-row dd {
	margin-left: 0;
	margin-bottom: 0;
	line-height: 1.4;
}
/* Calendar elements from MY Calendar plugin */
.mc-main a:hover {
	border-bottom-width: 0;
}
/* .mc-main.gridjs svg.category-icon {
	display: none;
} */
#content .mc-main td .mc_cp-event .event-title {
	background-color: var(--color-b-4);
}
#content .mc-main .mc_general .event-title,
#content .mc-main .mc_general .event-title a {
    background-color: var(--color-a-hue) !important;
}
#content .mc-main .mc_general .event-title a:hover,
#content .mc-main .mc_general .event-title a:focus {
	border-bottom-width: 0;
	background-color: var(--color-a-4) !important;
}
#content .mc-main .event-title a > span {
	text-decoration: none;
}
#content .mc-main.gridjs .event-title a > span {
	font-size: .75rem;
}
#content .mc-main.gridjs .mc-list .event-title a > span {
	font-size: 1rem;
}
#content .mc-main .list-event .event-title {
	font-size: 1.2rem;
}
#content .mc-main .mc-list .event-title a.list::before {
    margin-right: 8px;
	content: '';
}
#content .mc-main .details .mc-image {
    max-width: 300px !important;
}
#content .mc-main .my-calendar-header .no-icon,
#content .mc-main .mc_bottomnav .no-icon {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 0px solid #fff;
}
#content .details.single-details {
	display: none !important;
}
/* Single Show pages, and some rules apply to season taxonomy */
.single-show .nav-tabs .nav-link {
	border-width: 2px 2px 0px;
	border-color: white;
	border-top-left-radius: .35rem;
	border-top-right-radius: .35rem;
	font-weight: bold;
}
.single-show .nav-tabs .nav-link.active {
	border-width: 2px 2px 0px;
	border-color: transparent;
	cursor: default;
	pointer-events: none;
	font-weight: inherit;
}
.single-show .nav-tabs .nav-link:hover {
	background-color: var(--color-a-hue) !important;
	color: white !important;
}
.show-bar {
	background-color: var(--color-d-hue);
	color: var(--color-a-2);
	text-align: center;
	width: 100%;
	padding: 1em;
	font-size: 1.25rem;
	margin: 0 -60px 30px 0;
}
h5.director,
h5.book,
h5.music,
h5.lyrics,
h5.based-on {
	font-size: 1.3rem;
}
h5.based-on {
	text-indent: -1.5rem;
	margin-left: 1.5rem;
}
.show-description {
	/* background-color: var(--color-b-bg); */
	width: 100%;
	max-width: calc(100% - 2.5rem);
	/* margin: 1rem 15px; */
	padding: 15px 15px 0;
}
.licensing-information,
.review-snippet,
.dialog-pullquote {
	width: 100%;
	max-width: calc(100% - 2.5rem);
	margin: 1.5rem 0;
	padding: 0;
}
.licensing-information p {
	font-size: .95rem;
	line-height: 1.6;
	opacity: 0.8;
	font-style: italic;
}
.review-snippet i,
.dialog-pullquote i {
	transform: translateY(-.25em);
}
blockquote.review-quote,
blockquote.dialog-snippet {
	display: block;
	color: #030303;
	font-size: 1.05rem;
	margin: 0 0;
	padding: 0 0;
	background-color: transparent;
	margin-right: 0;
	margin-left: 0;
	position: relative;
	font-weight: 700;
}
blockquote.review-quote::before,
blockquote.dialog-snippet::before,
blockquote.review-quote::after,
blockquote.dialog-snippet::after {
	content: '';
	display: none;
}
.dialog-pullquote cite {
	font-style: normal;
}
.show-tagline {
	color: var(--color-b-4);
}
.sponsor-logos-leadin {
	font-size: 1.2rem;
}
div.cast-grid {
	position: relative;
	padding-top: 2rem;
	padding-bottom: 3rem;
	background-color: var(--color-a-9);
}
p.cast-heading {
	/* transform: translateY(2rem); */
	margin-left: .5rem;
}
div.cast-grid div.cast-member {
	padding-top: 2rem;
}
div.cast-grid div.cast-member > img {
	/* max-height: 208px;
	overflow: hidden; */
}
div.actor-show-bio.collapse:not(.show) {
	left: -99999px;
	max-height: 1px;
	overflow: hidden;
}
div.actor-show-bio.collapse {
	background-color: rgba(266,266,266,0.95);
	position: absolute;
	top: 5rem;
	right: 2rem;
	bottom: auto;
	left: 2rem;
	text-align: left;
	padding: 6px;
	border: 1px solid silver;
	z-index: 1021;
	height: auto;
}
div.actor-show-bio:after {
	content: '';
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 5rem;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%);
}
.actor-show-bio button.close {
	font-size: 2rem;
	padding: .3rem .375rem .5rem .3rem;
}
div.actor-show-bio.collapse p {
	position: relative;
	margin: 3rem 2rem 0rem;
	padding-bottom: 4rem;
	overscroll-behavior-y: contain;
	overflow-y: scroll;
}
div.actor-show-bio.collapse p .first-name {
	font-weight: bold;
	text-transform: uppercase;
}
div.actor-show-bio.collapse p .first-name .show-roles {
	font-weight: normal;
	text-transform: capitalize;
	font-style: italic;
}
img.actor-headshot {
	width: 120px;
	margin-right: 1em;
	margin-top: 0.5em;
}
.cast-member img.is-headshot,
.board-member img {
	outline: 1px solid var(--color-a-8);
}
/* div.cast-member button.btn.btn-link[aria-expanded="true"], */
div.crew-member button.btn.btn-link[aria-expanded="true"] {
	display: block;
	width: 100%;
	text-align: right;
	margin: -1em 0 1.5em 0;
	padding-right: 300px;
	clear: both;
}
div.cast-grid 
div.cast-member button.btn.btn-link[aria-expanded="true"] {
	display: inline;
	/* width: 100%;
	text-align: right;
	margin: -1em 0 1.5em 0;
	padding-right: 300px; */
}
.run-finished button.btn.btn-link.actor-toggle,
.run-finished button.btn.btn-link.crewperson-toggle {
	display: none;
}
div.adv {
	text-align: center;
	padding: 0 0 20px 0;
	background-color: var(--color-b-bg);
}
div.adv.sponsor-logo {
	padding: 0 10px 10px;
}
div.adv.sponsor-logo img {
	background-color: #fff;
}
div.adv.season-sponsor.run-not-in-progress {
	background-color: #fff;
}
div.adv.season-sponsor.run-not-in-progress > a {
	max-width: 100%;
	width: 300px;
}
.equal-height-row {
  	display: flex;
	align-items: stretch !important;
}
.equal-height-col {
	flex: 0 1 auto;
	flex-direction: column;
	display: flex;
}

.width-xs div.adv {
	border-right: 2px solid var(--color-b-bg);
	border-left: 2px solid var(--color-b-bg);
}
div.adv::before {
	content: "SPONSOR";
	color: gray;
	font-size: .7rem;
	text-align: center;
	display: block;
}
div.adv.show-gold-sponsor::before,
div.adv.gold-logo::before {
	content: "GOLD SPONSOR";
}
div.adv.silver-logo::before {
	content: "SILVER SPONSOR";
}
div.adv.bronze-logo::before {
	content: "BRONZE SPONSOR";
}
div.adv.season-sponsor::before {
	content: "SEASON SPONSOR";
}
div.adv a {
	margin: 0 auto;
}
div.adv.sponsor-logo a,
div.adv.sponsor-logo span {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}
div.adv.fp img,
div.adv.hph img,
div.adv.qph img {
	width: 440px;
	max-width: 100%;
}

.width-lg div.qph.col,
.width-xl div.qph.col,
.width-sm div.qpv.col, 
.width-lg div.qpv.col {
	padding-right: 30px;
	padding-left: 30px;
}
.row-qpv .col img {
	width: 180px;
	max-width: 100%;
}
.row-sponsor-logos {
	/* background-color: var(--color-b-bg); */
}
.row-sponsor-logos div.adv {
	background-color: #fff;
}
button.btn.btn-link {
	color: var(--color-a-link);
}
#secondary button.btn.btn-link {
	color: #000;
}
button.btn.btn-link[aria-expanded="false"]::before {
	content: "Show";
}
button.btn.btn-link[aria-expanded="true"]::before {
	content: "Hide";
}
button.btn.btn-link[aria-expanded="false"] span.caret::after {
	transform: rotate(0deg);
}
button.btn.btn-link[aria-expanded="true"] span.caret::after {
	transform: rotate(180deg);
}
button.btn.btn-link:focus {
	background-color: #fff;
	outline: 0px auto -webkit-focus-ring-color;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	background-color: rgba(0, 255, 0, 0.15);
}
div.collapse,
div.collapse.adv {
	padding: 0 0px 0 0;
}
div#collapseMoreSponsors {
	text-align: center;
	padding: 0 15px;
}
section.donors h4,
div#accordionDonors h3,
div#accordionDonors h4 {
	font-size: 1.2rem;
}
div#accordionDonors section.donors h3 {
	font-size: 1.4rem;
}
.donor-intro-text {
	font-style: italic;
}
section.donors h4 {
	font-size: 1.1rem;
}
section#other-donors p {
	line-height: 1.5;
	margin-bottom: .5em;
}
div.tax-status p {
	font-size: .9rem;
}
div.col.board-member p {
	font-size: .9rem;
	line-height: 1.4;
}
dl.creative-team dt {
	font-weight: 400;
	line-height: 1.4;
	margin-top: .25em;
}
dl.creative-team dd {
	line-height: 1.4;
	margin-bottom: .25em;
} 
div.program-notes h3,
div.program-notes h4 {
	font-size: 1.2rem;
	margin-bottom: 1em;
}
div.program-notes p {
	font-size: .95rem;
	line-height: 1.6;
	margin-bottom: .75em;
}
/* season archive pages =========== */
/* PDF items */
.width-md .row.pdf-row,
.width-lg .row.pdf-row,
.width-xl .row.pdf-row {
	-ms-flex-pack: start !important;
	justify-content: start !important;
}
.row.pdf-row .col {
	margin-bottom: 2rem;
}
.row.pdf-row .col p {
	font-size: .875rem;
	line-height: 1.3;
	text-align: center;
	margin-top: .5rem;
	margin-bottom: 0;
}
.width-md .row.pdf-row .col p,
.width-lg .row.pdf-row .col p,
.width-xl .row.pdf-row .col p {
	text-align: left;
}
.row.pdf-row a {
	display: block;
}
.row.pdf-row img {
	display: block;
	height: 350px;
	width: auto;
	margin: 0 auto;
	outline: 1px solid #d7d7d7;
	padding: 6px;
}
.width-md .row.pdf-row img,
.width-lg .row.pdf-row img,
.width-xl .row.pdf-row img {
	margin: 0 auto 0 0;
}
.pdf-row .text-muted {
	display: inline-block;
	font-size: .7rem;
	transform: translateY(-.2rem);
}
/* Season page list of shows */
dl.list-of-shows {
	
}
dl.list-of-shows a {
	/* display: block; */
}
/* History List of shows */
div.list-of-shows {
	outline: 2px solid var(--color-b-bg);
}
.list-of-shows div.listed-show {
	display: block;
	margin-top: 0;
	padding: .5em 0 .5em 1em;
	line-height: 1.4;
}
.list-of-shows div.listed-show span.listed-date {
	display: inline-block;
	margin-left: 1em;
}
.list-of-shows a {
	display: inline-block;
}
.page-history .list-of-shows a:visited {
	color: var(--color-a-link);
}
.list-of-shows div.listed-show:nth-child(odd) {
	background-color: #f1f8ff;
}
.list-of-shows div.listed-show:nth-child(even) {
	background-color: #f9ffff;
}
/* Shows */
.row.show {
	border-width: 1px;
	border-style: solid;
	border-color: var(--color-a-8);
	margin-bottom: 1rem;
	font-size: .9rem;
}
.tax-season h3.show-title {
	font-size: 1.5rem;
}
.tax-season h3.show-title a,
.tax-season h3.show-title a:visited {
	color: var(--color-a-hue);
}
.tax-season h5.playwrite,
.tax-season h5.director,
.tax-season h5.book,
.tax-season h5.music,
.tax-season h5.lyrics,
.tax-season h5.based-on {
	font-size: 1.3rem;
}
.season-show-tagline p {
	font-size: 1.1rem;
	margin-bottom: 0;
}
/* hide "PDF" in image thumbnails here */
.row.pdf-row sup {
	display: none;
}
.season-show-description p {
	line-height: 1.5;
}
.s-sponsor-message {
	text-align: center;
	max-width 100%;
	width: 500px;
	margin: 0 auto 1rem;
}

/* blog posts and blog index pages ======================== */
/* blog index page (news page) */
body.blog #primary {
	padding-top: 30px;
}
body.blog h1.page-title,
.archive.category h1.page-title {
	margin-bottom: 2rem;
}
body.blog h2.entry-title,
.archive.category h2.entry-title {
	padding-bottom: .5em;
	padding-top: .75em;
	border-top: 1px solid #eaecef;
	border-bottom: 0px solid transparent;
	font-size: 1.4rem;
}
.col-post-img img {
	object-fit: scale-down;
}
body.blog .teaser-content,
.archive.category .teaser-content {
	position: relative;
	/* padding-bottom: 30px; */
	height: auto;
	max-height: 50vh;
	overflow: hidden;
	z-index: 1;
}
body.blog .teaser-gradient {
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60px;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	z-index: 2;
}
body.blog .entry-footer,
.archive.category .entry-footer {
	margin-top: 3rem;
	font-style: italic;
}
.archive.category .archive-description {
	font-size: .9rem;
	padding: 0 2rem 1rem;
	line-height: 1.5;
}
.archive.category .archive-description strong {
	font-size: 1rem;
}
article#post-9729 .entry-header,
article#post-9729 .entry-footer,
article#post-9729 a,
article#post-9729 img {
	display: none;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}
@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    /* background: transparent;
    box-shadow: none;
    border: none; */
  }
}
/*--------------------------------------------------------------
## Netbook - small laptop - ipad landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad - portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 85%;
  }
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* !! BREAKPOINTS - see: http://v4-alpha.getbootstrap.com/layout/overview/ */
/* We are using the same breakpoins as Bootstrap */
/* We are using the max-width version */
/* This means that we are using a mobile-LAST implementation */
/* Code for ALL devices appears ABOVE the breakpoint rules;
   Code for specific, progressively smaller, devices appears within the breakpoint rules. */
/* Bootstrap breakpoints are identified as xl, lg, md, sm, xs */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Jumbo devices (large desktops 1921px or larger) - NOT a Bootstrap breakpoint */
@media (min-width: 1921px) {
	/* code for jumbo screen goes here when needed */
	.container.header-content {
		max-width: 1440px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#content > .container {
		max-width: 1200px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#colophon > .container {
		max-width: 1440px;
		max-width: 1200px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#footer-widgets > .container {
		max-width: 1440px;
		max-width: 1200px;
		padding-right: 0px;
		padding-left: 0px;
		padding-left: 45px;
	}
	#footer-widgets .col:nth-of-type(2) {
		padding-left: 30px;
	}
	.home section .container {
		max-width: 1260px;
	}
	body:not(.theme-preset-active) footer#colophon {
		background-position: calc(50% + 8vw) 85%;
	}
	body:not(.theme-preset-active) .site-nav .navbar-nav > li > a {
		padding: 0.5rem 1.5rem;
	}
	.breakout.featured-hero:before {
		width: 92vw;
		margin-left: 0;
		left: 4vw;
		border-width: 0;
		height: 16vw;
	}
}

/* RARE - very large devices (desktops, 1200px to 1920px ONLY) */
@media (min-width: 1200px) and (max-width: 1920px) { 
	/* for this size, code goes here */
	.navbar > .container,
	.container.header-content {
		max-width: 1440px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#content > .container {
		max-width: 1200px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#colophon > .container {
		max-width: 1440px;
		padding-right: 45px;
		padding-left: 45px;
	}
	#footer-widgets > .container {
		max-width: 1440px;
		max-width: 1200px;
		padding-right: 0px;
		padding-left: 0px;
		padding-left: 45px;
	}
	#footer-widgets .col:nth-of-type(2) {
		padding-left: 30px;
	}
	.home section#featured .row.container {
		max-width: 1280px;
	}
	body:not(.theme-preset-active) footer#colophon {
		background-position: calc(50% + 12vw) 60%;
	}
	body:not(.theme-preset-active) .site-nav .navbar-nav > li > a {
		/* padding: 0.5rem 1.5rem; */
		padding: 0.5rem 1rem;
	}
	.breakout.featured-hero:before {
		/* width: 96vw;
		margin-left: -48vw; */
		width: 96vw;
		margin-left: 0;
		left: 2vw;
		border-width: 0;
		height: 14vw;
	}
	#board-row div.col-lg-3 {
		max-width: 24%;
	}
}

/* Extra large devices (large desktops 1200px or larger) - Bootstrap xl */
/* No media query since the extra-large breakpoint has no upper bound on its width */
/* Code for ALL devices goes BEFORE this point. */

body {
	/* only show indicator for admins */
	/* a border for quick visual indicator of which breakpoint we are in */
	border-width: 0 0 0 0;
	border-color: red;	/* indicates xl state */
}
body.show-width {
	/* for development use 0 3px 0 0 */
	/* a border for quick visual indicator of which breakpoint we are in */
	border-width: 0 0px 0 0;
	border-style: solid;
}

/* We use a state indicator to synch these breakpoints with our custom.js
 * We use javascript to perform various tasks based on the visitors' browser window state.
 * See our custom.js file for details. 
 * We also use a visible state indicator for logged in admins for ease of theming.
 */
.state-indicator {
	position: fixed;
	top: calc(100vh - 15px);
	right: 9999px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
	min-width: 10px;
	border-radius: 50%;
	overflow: hidden;
	background-color: red; /* indicates xl state */
    z-index: 1; /* for xl state */
}
body.show-width .state-indicator {
	right: 5px;
}
/* devices in LANDSCAPE mode */
@media (orientation: landscape) {
	.state-indicator:before { content: 'landscape'; }
}

/* devices in PORTRAIT mode */
@media (orientation: portrait) {
	.state-indicator:before { content: 'portrait'; }
}

/* Large devices - Bootstrap lg
 * (less than 1200px:
 * roughly smallish desktops, tablets in landscape mode, and everything smaller) */
@media (max-width: 1199px) {
	/* lg code goes here */
	.state-indicator {
        z-index: 2;
		background-color: orange;
    }
	body {
		border-color: orange;	
	}
	.container {
		width: 94%;	
	}
	#footer-widgets .col:nth-of-type(2) {
		/* padding-left: 30px; */
	}
	#board-row div.col-lg-3 {
		max-width: 24%;
	}
}

/* RARE - Large devices (desktops, 992px to 1199px ONLY) */
@media (min-width: 992px) and (max-width: 1199px) { 
	/* lg ONLY code goes here */
}

@media (min-width: 768px) {
	#main-nav {
		/* margin-top: -37px; */
	}
}


/* Medium devices - Bootstrap md
 * (less than 992px: 
 * roughly tablets in portrait mode and some large phones in landscape mode, and all smaller) */
@media (max-width: 991px) {
	/* md code goes here */
	.state-indicator {
        z-index: 3;
		background-color: yellow;
    }
	body {
		border-color: yellow;	
	}
	.container {
		width: 96%;	
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.show-bar span.sep,
	.site-footer span.sep {
		display: block;
		visibility: hidden;
		line-height: .5;
	}
	#secondary .icon-widget {
		transform: translateX(50px);
	}
	#secondary .icon-widget a, #secondary .icon-widget .btn.btn-link {
		font-size: 10px;
	}
	#sidebar-donate-widget {
		margin-top: 10px;
	}
}

/* RARE - Medium devices (usually tablets, 768px to 991px ONLY) */
@media (min-width: 768px) and (max-width: 991px) {  }

/* Tall narrow phone in landscape mode - like iphonex */
@media (max-width: 991px) and (orientation: landscape) {
	nav.site-navigation {
		background-color: transparent;
	}
    .navbar-header {
        float: none;
    }
    .navbar-default .navbar-toggle {
        display: block;
		margin-right: -25px !important;
		border-color: #cce5bc;
		background-color: rgba(255,255,255,.7);
		margin-right: -10px;
    }
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		border-color: #cce5bc;
		background-color: #e4f1dc;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /* .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    } */
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
}

/* Small devices - Bootstrap sm
 *  (less than 768px:
  * roughly phones in lndscape mode and anything smaller) */
@media (max-width: 767px) {
	/* sm code goes here */
	.state-indicator {
        z-index: 4;
		background-color: green;
    }
	body {
		border-color: green;	
	}
	.site-nav {
		background-color: rgba(000,000,000,.65);
		box-shadow: 0 0 6px 0 rgba(0,0,0,.8); /* for fixed button */
		box-shadow: none; /* for scroll-away menu */
	}
	.site-nav > .container {
		max-width: 100%;
	}
	.site-nav .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
	body.scrollaway-nav nav.site-nav {
		height: auto;
	}
	#page {
		padding-top: 0px;
		margin-top: 0;
	}
	.container {
		width: 100%;
		max-width: 98%;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.site-header .col-sm-6 {
		width: 100%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-5 {
		width: 41.66666666%;
	}
	header#masthead {
		padding: 1rem 1rem;
	}
	 nav.navbar.site-nav {
		background-color: transparent;
		position: sticky;
		top: 0px;
		z-index: 10;
		opacity: 1.0;
	}
	.navbar-toggle {
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: -15px;
		margin-bottom: 8px;
		background-color: rgba(255,255,255,.3);
		border: 1px solid green;
		border-radius: 4px;
	}
	.navbar-default .navbar-toggle {
		border-color: green;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: green;
	}
	.h1, h1 {
		font-size: 1.8rem;
	}
	.h2, h2, .h3, h3 {
		font-size: 1.65rem;
	}
	.h4, h4, .h5, h5 {
		font-size: 1.45rem;
	}
	#secondary .icon-widget {
		transform: translateX(0);
	}
}

/* RARE - Small devices (landscape phones, 544px to 767px ONLY) */
@media (min-width: 544px) and (max-width: 767px) {
	.hidden-xs {
		display: inline!important;
	}
}
/* like iphone 6/7/8 */
@media (max-width: 767px) and (orientation: landscape) {
}
/* like iphone 5 */
@media (max-width: 568px) and (orientation: landscape) {
}
/* bootstrap override */
@media (min-width: 576px) {
	.container {
		/* max-width: inherit; */
	}
}
/* Extra small devices - Bootstrap xs
 *  (less than 544px: typically phones in portrait mode) */
@media (max-width: 543px) {
	/* xs code goes here */
	.state-indicator {
        z-index: 5;
		background-color: blue;	
    }
	body {
		border-color: blue;	
	}
	#page {
		margin-top: 145px;
	}
	.col, .col-xs-12 {
		width: 100%;
		flex-basis: auto;
	}
	.col.col-xs-6 {
		width: 50%;
		max-width: 50%;
	}
	.col.col-xs-4 {
		width: 33.33333333%;
		max-width: 33.33333333%;
	}
	body.scrollaway-nav header#masthead {
		justify-content: start;
	}
	.header-phone, .icons-region {
		text-align: right;
	}
	.icons-region {
		
	}
	i.social-icon {
		
	}
	.icons-region .search-form {
		transform: translateY(0.2rem);
	}
	.icons-region .fa-search {
		font-size: 1.4rem;
		transform: translateY(0.3rem);
	}
	.header-phone {
		padding-top: .5rem !important;
	}
	nav.site-navigation {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle {
		border-color: #cce5bc;
		background-color: rgba(255,255,255,.7);
		margin-right: -10px;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		border-color: #cce5bc;
		background-color: #e4f1dc;
	}
	.navbar-collapse.show ul.navbar-nav {
		background-color: var(--color-a-hue);
		padding: 3rem 2rem 1rem 1rem;
		overscroll-behavior-y: contain;
		overflow-y: scroll;
	}
	.site-navigation {
		pointer-events: none;
	}
	.navbar-nav a.dropdown-item {
		margin-top: .25rem;
		margin-bottom: .25rem;
		margin-left: 1rem;
		padding-top: .25rem;
		padding-bottom: .25rem;
	}
	body:not(.theme-preset-active) .site-nav .navbar-nav > li > a:hover, body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
		transform: scale(1,1);
	}
	.navbar-header button,
	.navbar-collapse.in {
		pointer-events: auto;
	}
	body.page-template-fullwidth h1.entry-title {
		margin-bottom: 3rem;
	}
	.home section#featured .col.feature {
		margin-bottom: 30px;
	}
	.home section#season p {
		line-height: 2.2;
	}
	.home #season .learn-more > div {
		text-align: right;
	}
	.home #season .learn-more a#peek {
		display: inline-block;
		margin: 3px 0 0 auto;
		padding: 12px;
		color: #fff;
		/* width: 384px; */
		height: 54px;
		border-bottom: 1px hidden transparent;
		background-color: var(--color-a-5);
		color: #fff;
		font-weight: 300;
		font-size: 1.7rem;
		line-height: 1.3;
		letter-spacing: .025em;
	}
	.home section#news img,
	.blog article img,
	.category article img {
		display: block;
		margin: 0 auto 1rem;
	}
	.home section#news h4 {
		font-size: 1.3rem;
		min-height: auto;
		margin-bottom: 1rem;
		text-align: center;
	}
	.home section#news p {
		font-size: 1rem;
		line-height: 1.7;
		margin-bottom: 2rem;
	}
	body.single-show div.featured-hero.breakout {
		display: none;
	}
	div.adv.fp,
	div.row-sponsor-logos {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
	div#collapseMoreSponsors.collapse {
		padding: 0 0 !important;
	}
	div.cast-member button.btn.btn-link[aria-expanded="true"], div.crew-member button.btn.btn-link[aria-expanded="true"] {
		padding-right: 50px;
	}
	#secondary .widget.icon-widget.donate-button { 
		margin: 10px 0 .5em;
	}
	#secondary .widget.icon-widget {
		margin: 0 0 .5em;
	}
	#secondary .widget.icon-widget.donate-button { 
		margin: 10px 0 .5em;
	}
	div.single-show-cover {
		text-align: center;
		margin-bottom: 20px;
	}
	.xs-break {
		display: block;
		max-height: .75rem;
	}
	.list-of-shows dt {
		display: block;
	}
	.list-of-shows dd {
		display: block;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 375px: typically small phones in portrait mode) */
@media (max-width: 375px) {
	#page {
		margin-top: 120px;
	}
	.navbar-toggler:not(:disabled):not(.disabled) {
		top: 6px;
	}
	body.scrollaway-nav header#masthead {
		height: 120px;
		padding: 0 1rem 1rem;
	}
	div.actor-show-bio.collapse p {
		max-height: 65vh !important;
	}
	.home #season .learn-more a#peek {
		font-size: 1.5rem;
		line-height: 1.5;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 321px: typically very very small phones in portrait mode) */
@media (max-width: 321px) {
	#page {
		margin-top: 120px;
	}
	.state-indicator {
		background-color: blueviolet;	
    }
	body {
		border-color: blueviolet;
	}
	.navbar-toggler:not(:disabled):not(.disabled) {
		top: 10px;
	}
	.home #season .learn-more a#peek {
		font-size: 1.3rem;
		line-height: 1.5;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* end of breakpoints code */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */