/* 
-------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
-------------------------------------------------------------
*/
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BOX SHADOW */
/* BORDER RADIUS */
body {
    background-color: #f2f2f2;
    font-family: Arial, sans-serif;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    color: #2d2d2d;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#container {
    margin-top: 10px;
    margin: 0 auto;
    padding: 0;
    width: 100% !important;
    background-color: #ffffff;
}

.clickableContainer {
    cursor: pointer;
}

/* Regular links */
a,
a:visited,
a:link,
a:active {
    font-size: inherit;
    color: #247bbd;
    text-decoration: none;
}

    a:hover {
        color: #247bbd;
        text-decoration: underline !important;
    }

    /* Blue arrow link */
    a.arrow-link,
    a.arrow-link:visited,
    a.arrow-link:link {
        background: transparent url(/images/content/icons/icon-blue-arrow.png) no-repeat center right;
        padding-right: 15px;
    }

        a.arrow-link:hover {
            background: transparent url(/images/content/icons/icon-gray-arrow.png) no-repeat center right;
        }

    /* Orange arrow link */
    a.arrow-orange-link,
    a.arrow-orange-link:visited,
    a.arrow-orange-link:link,
    a.arrow-orange-link.orange,
    a.arrow-orange-link:visited.orange,
    a.arrow-orange-link.orange:link {
        color: #fff;
        background: transparent url(/images/content/icons/icon-orange-arrow.png) no-repeat center right;
        padding-right: 15px;
    }

        a.arrow-orange-link.orange,
        a.arrow-orange-link:visited.orange,
        a.arrow-orange-link.orange:link {
            color: #FF6600;
            padding-right: 5px;
            width: 64px;
            display: block;
        }

        a.arrow-orange-link:hover {
            background: transparent url(/images/content/icons/icon-gray-arrow.png) no-repeat center right;
        }

#main_0_container_0_Calendar1 td {
    padding: 8px;
}

#main_0_container_0_Calendar1 a {
    font-size: 11px;
    line-height: 10px;
    padding: 0;
    margin: 0;
}

#main_0_container_0_Calendar1 .index-1 {
    margin-top: 30px;
}

#main_0_container_0_Calendar1 .index-2 {
    margin-top: 10px;
}

/* Gray arrow link */
a.arrow-gray-link,
a.arrow-gray-link:visited,
a.arrow-gray-link:link {
    color: #fff;
    background: transparent url(/images/content/icons/icon-gray-arrow.png) no-repeat center right;
    padding-right: 15px;
}

a.arrow-link:hover {
    background: transparent url(/images/content/icons/icon-blue-arrow.png) no-repeat center right;
}

/* Gray underlined link */
a.gray-link,
a.gray-link:visited,
a.gray-link:link {
    color: #666666;
    text-decoration: underline;
}

    a.gray-link:hover {
        text-decoration: none;
    }

a.cancel-order,
a.cancel-order:link,
a.cancel-order:visited {
    color: #ff0000;
    font-weight: bold;
    text-align: right;
    display: block;
}

#main-container {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

    #main-container:before, #main-container:after {
        content: " ";
        display: table;
    }

    #main-container:after {
        clear: both;
    }

#main-container-whatson {
    margin-top: -12px;
    padding: 0;
    background: none;
}

#main-container-inner {
    /*padding: 0 50px;*/
    padding: 0;
    background: none;
    min-height: 612px;
    overflow: hidden;
}

    #main-container-inner ul {
        padding-left: 2px;
        list-style-type: disc;
        list-style-position: inside;
    }

        #main-container-inner ul#list-news {
            margin-left: 0px;
        }

            #main-container-inner ul#list-news li {
                list-style-type: none;
                padding: 10px 20px;
                margin: 5px;
            }

                #main-container-inner ul#list-news li a.title {
                    display: block;
                }

            #main-container-inner ul#list-news .news-item-date {
                color: #666666;
                margin-bottom: 4px;
            }

#rounded-top {
    height: 43px;
}

.odd,
.even {
    position: relative;
    border-top: dotted 1px #a1a5ae;
    border-bottom: dotted 1px #a1a5ae;
    background-color: #f3f5f8;
    padding: 10px;
    margin-bottom: -1px;
}

.even {
    background-color: #fff;
}

    .even.last {
        border-bottom: dotted 1px #a1a5ae;
    }

    .odd.narrow,
    .even.narrow {
        padding: 2px 10px 2px 10px;
    }

.template-narrow {
    width: 515px;
}

p,
#template1 h1,
#template1 h2,
#template2 h1,
#template2 h2,
#template3 h1,
#template3 h2,
#template4 h1,
#template4 h2,
#template5 h2,
#template9 h2 {
    font-family: Arial;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2d;
    margin: 0 0 5px 0;
    padding: 0;
}

#template1 h1,
#template1 h2,
#template3 h1,
#template4 h1,
#template5 h1 {
    font-size: 2.2rem;
    line-height: 33px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#template2 h1,
#template4 h1 {
    font-size: 1.7rem;
    line-height: 29px;
    margin: 0;
}

#template1 h2,
#template2 h2,
#template3 h2,
#template5 h2,
#template9 h2 {
    font-size: 0.9rem;
    line-height: 17px;
    margin: 0 0 15px 0;
    font-weight: bold;
}

#template3 h1 {
    font-size: 1.7rem;
    line-height: 29px;
}

    #template3 h1 .alternate {
        line-height: 0px;
    }

#template4 h2 {
    font-size: 1.28rem;
    line-height: 24px;
    margin: 0 0 12px 0;
}

#template4 h1.title {
    margin-bottom: 15px;
    font-weight: normal;
}

.left-details {
    float: left;
    width: 240px;
    background: transparent url(/images/content/assets/left-nav.png) no-repeat;
    min-height: 320px;
}

.two-column-left .left-details {
    float: none !important;
    width: auto !important;
    background: none !important;
}

.left-details.modules,
#resident-companies-left-container {
    float: left;
    width: 180px;
    padding: 25px;
    background: transparent url(/images/content/assets/left-nav.png) no-repeat;
    min-height: 320px;
}

    .left-details.modules hr {
        height: 1px;
        border: 0;
        color: #ccc;
        background-color: #ccc;
        margin: 25px 0;
    }

    .left-details.modules h2 {
        font-weight: bold;
        margin-bottom: 10px;
    }

.left-details-inner {
    padding: 25px;
    width: 175px;
    padding-bottom: 0;
    float: left;
}

.two-column-left .left-details-inner {
    padding: 20px !important;
    width: auto !important;
    float: none !important;
}

/*.right-details,
#resident-companies-right-container,
#facility-rentals-right-container,
#get-involved-content-right-container,
#education-right-container {
	float: left;
	width: 630px;
	margin-left: 10px;
}*/
#resident-companies-right-container,
.right-details {
    margin-bottom: 40px;
    float: left;
    width: 630px;
    /*margin-left: 10px;*/
}

.module-hr {
    border-top: dotted 1px #666;
    padding-top: 10px;
    margin-top: 10px;
}

    .module-hr.help {
        background: transparent url(/images/content/icons/info.png) no-repeat 0px 8px;
        padding-left: 24px;
    }

.page-banner {
    margin-bottom: 15px;
}

.page-body {
    width: 100%;
}

/* Slider
------------------------------------ */
#header-slideshow-nav {
    position: absolute;
    z-index: 999;
    text-align: right;
    width: 778px;
    margin-top: 290px;
}

    #header-slideshow-nav a,
    #header-slideshow-nav a:visited,
    #header-slideshow-nav a:link {
        color: #ccc;
        text-decoration: none;
        margin-left: 6px;
        font-weight: normal;
    }

        #header-slideshow-nav a.activeSlide {
            color: #fff;
            font-weight: bold;
        }

        #header-slideshow-nav a:focus {
            outline: none;
        }

/* Home Information
------------------------------------ */
.home-view-details {
    margin-left: -9999px;
}

.home-feature-top {
    float: left;
    background: transparent url(/images/content/assets/rounded-box.png) no-repeat top left;
    background: #fff;
    height: 202px;
    width: 314px;
    margin-right: 18px;
    color: #323232;
}

.home-feature-top-content {
    height: 100%;
    width: 100%;
}

.home-feature-top-content-inner {
    padding: 20px;
    padding-bottom: 15px;
    position: relative;
    height: 157px;
}

    .home-feature-top-content-inner .title,
    .home-feature-top-content-inner .content {
        position: relative;
        z-index: 1;
        font-size: 12px;
    }

    .home-feature-top-content-inner .extras {
        margin-top: 5px;
        z-index: 1;
        position: relative;
    }

    .home-feature-top-content-inner .link {
        float: left;
        width: 125px;
        margin-top: 10px;
        z-index: 1;
        position: relative;
    }

    .home-feature-top-content-inner .image {
        z-index: 0;
        position: absolute;
        width: 135px;
        height: 60px;
        bottom: 0;
        right: 0;
        margin-right: 10px;
    }

.home-feature-top-content .title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 13px;
}

#home-feature-top-3 {
    margin-right: 0px;
}

.home-feature-bottom {
    font-size: 12px;
    width: 214px;
    padding: 0 20px;
    padding-bottom: 10px;
    border-right: solid 1px #1b1b1b;
    border-bottom: solid 1px #1b1b1b;
    vertical-align: top;
}

    .home-feature-bottom.first {
        padding-left: 0px;
    }

    .home-feature-bottom.last {
        padding-right: 0px;
        border-right: none;
    }

    .home-feature-bottom .title {
        font-size: 14px;
        margin-bottom: 13px;
    }

#home-feature-bottom-container {
    color: #fff;
    margin-top: 20px;
}

/* Home slideshow
------------------------------------ */
#home-slideshow {
    position: absolute;
    width: 100%;
    z-index: -1;
    width: 100%;
}

    #home-slideshow div {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
        height: 856px;
        width: 100%;
        background-color: #FFF;
    }

#home-click-area {
    height: 500px;
    width: 815px;
    margin-left: 70px;
    cursor: pointer;
}

#home-feature-top-container {
    height: 202px;
    margin-top: 0px;
    padding-bottom: 20px;
}

#home-slideshow div.active {
    z-index: 10;
    opacity: 1.0;
}

#home-slideshow div.last-active {
    z-index: 9;
}

#slideshow-controls {
    position: absolute;
    margin-top: 216px;
}

    #slideshow-controls .left,
    #slideshow-controls .right {
        width: 50px;
        position: absolute;
    }

    #slideshow-controls .right {
        margin-left: 900px;
    }

/* Top Menu 
------------------------------------ */
#site-navigation {
    padding: 24px 0 40px;
    clear: both;
    position: relative;
}

#top-logo {
    position: absolute;
    top: 20px;
    left: 0;
    width: 200px;
    height: 35px;
}

    #top-logo img {
        height: 55px;
    }

/*
ul.inline-list {
	margin: 0;
	float: right;
	overflow: auto;
}
	ul.inline-list li {
		list-style-type: none;
		float: left;
		margin: 0;
	}
*/
#field-search {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 0 11px 0;
}

    #field-search input[type="text"] {
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/css/PIE-1.0.0/PIE.htc);
        color: #666666;
        padding: 0.8em;
        font-size: 15px;
        border: 1px solid #e5e5e5;
        width: 200px;
        padding-right: 60px;
        background-color: #888;
        /* IE Fallback */
        background-color: rgba(255, 255, 255, 0.5);
        background-image: url(/images/content/fields/field-global-search-bg.png);
        background-image: url(../images/field-global-search-bg.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

        #field-search input[type="text"]:focus {
            outline: none;
            background-color: #fff;
        }

/* What's On 
------------------------------------ */
.whats-on {
    color: #fff;
    padding: 0 53px;
    padding-top: 20px;
    background: transparent url(/images/content/assets/whatson-bg.png) no-repeat 0px 0px;
    min-height: 1200px;
}

    .whats-on a,
    .featuredShows a {
        color: #fff;
        text-decoration: none;
    }

    .whats-on p {
        color: #fff;
        margin: 0;
        padding: 0;
    }

.what-on-search-panel {
    padding: 20px 30px 20px;
}

.whats-on .refresh {
    float: left;
    margin-left: 4px;
}

.whats-on a.current {
    color: #FFF;
}

.whats-on-keyword input[type="text"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    border: none;
    padding: 10px 48px 10px 10px;
    width: 475px;
    margin-left: 33px;
}

.whats-on-keyword input[type="submit"] {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    border: none;
    padding: 10px;
    background: #ff6600 url("/images/content/assets/search-button.png") no-repeat center center;
    width: 38px;
    margin-left: -40px;
    text-indent: -9999px;
}

.whats-on-expand {
    min-width: 84px;
    text-align: center;
    background: #ff6600;
    color: #fff;
    float: right;
    margin-right: 35px;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    cursor: pointer;
}

    .whats-on-expand:hover {
        background-color: #f06000;
    }

.whats-on-border {
    width: 100%;
    height: 1px;
    border-top: solid 1px #343434;
    margin-top: 10px;
}

.show-filter {
    margin-left: 64px;
    margin-top: 20px;
}

    .show-filter .resco,
    .show-filter .venue,
    .show-filter .category-and-date {
        float: left;
    }

    .show-filter .whats-on-daterange input[type="text"] {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        behavior: url(/css/PIE-1.0.0/PIE.htc);
        border: none;
        padding: 5px;
        width: 106px;
    }

    .show-filter .whats-on-daterange .to {
        margin: 0 11px;
    }

    .show-filter .category {
        border-top: dotted 1px #343434;
        margin-top: 15px;
        padding-top: 15px;
    }

    .show-filter .resco {
        border-right: dotted 1px #343434;
        border-left: dotted 1px #343434;
        padding: 0 15px;
        margin: 0 15px;
    }

    .show-filter h4 {
        display: block;
        font-size: 13px;
        color: #ffa500;
        margin-bottom: 8px;
        margin-left: 1px;
    }

    .show-filter td {
        font-size: 12px;
        color: #ccc;
        width: 50%;
    }

        .show-filter td label {
            padding-left: 6px;
        }

            .show-filter td label:hover {
                cursor: pointer;
            }

    .show-filter checkbox {
        border: solid 1px #666;
    }

.show-filter-zero {
    opacity: 0.3;
    cursor: default;
}

/* Show information
------------------------------------ */
.show-short-info {
    display: block;
    width: 138px;
    min-height: 260px;
    padding: 0px 0px 10px 18px;
    background: center;
}

    .show-short-info a {
        font-weight: bold;
        font-size: 14px;
    }

    .show-short-info div.show-thumbnail-link {
        display: block;
        height: 206px;
        width: 138px;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .show-short-info div.show-thumbnail-link .image {
            height: 206px;
            width: 138px;
            overflow: hidden;
        }

            .show-short-info div.show-thumbnail-link .image img {
                height: 206px;
                width: 138px;
            }

        .show-short-info div.show-thumbnail-link .description {
            color: #fff;
            display: none;
            width: 138px;
            height: 206px;
            position: absolute;
            z-index: 999;
            background-color: #000;
        }

    .show-short-info:hover div.show-thumbnail-link .description {
        display: block;
        color: Red;
        opacity: 0.8;
    }

    .show-short-info div.show-thumbnail-link .description-inner {
        padding: 14px;
    }

    .show-short-info div.show-thumbnail-link .description .teaser {
        line-height: 15px;
        margin-bottom: 17px;
        font-size: 12px !important;
        color: #fff !important;
    }

    .show-short-info div.show-thumbnail-link .description .show-link a {
        display: inline-block;
        position: absolute;
        bottom: 20px;
        left: 36px;
        font-size: 11px;
    }

    .show-short-info div.show-thumbnail-link .description a {
        color: #fff;
    }

    .show-short-info .show-thumbnail-link p {
        text-align: left;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

.show-production-details {
    margin-bottom: 10px;
}

    .show-production-details .performance-date {
        float: left;
        font-size: 18px;
        font-weight: 700;
        color: #2d2d2d;
    }

    .show-production-details .share-this-links {
        margin-right: 4px;
        float: right;
        font-size: 11px;
    }

/* What's on in the tabs */
.what-on-grid {
    width: 530px;
    padding-top: 20px;
}

.whats-on-show-info .image img {
    width: 138px;
    height: 206px;
    padding-bottom: 10px;
}

#you-may-also-enjoy {
    background: transparent url(/images/content/assets/bg-you-may-also-enjoy.png) no-repeat;
    padding: 7px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    margin-top: 50px;
}

.you-may-also-enjoy-shows {
    float: left;
    height: 230px;
    margin-right: 10px;
    overflow: hidden;
}

    .you-may-also-enjoy-shows .image {
        width: 70px;
        height: 105px;
        overflow: hidden;
        padding: 28px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .you-may-also-enjoy-shows img {
        height: 105px;
        width: 70px;
        border: solid 1px #ccc;
    }

    .you-may-also-enjoy-shows .description {
        text-align: center;
        width: 128px;
    }

        .you-may-also-enjoy-shows .description p {
            margin-bottom: 0px;
        }

/* Venue Tab ------------------------------------ */
#venuetab .formline {
    margin: 10px 0px 10px 0px;
    width: 100%;
    border-bottom: #a1a5ae 1px dotted;
}

#venuetab .maptitle {
    font-weight: bold;
    margin-bottom: 5px;
}

#venuetab .imageborder {
    border: 1px #cccccc;
    margin-right: 15px;
    height: 100%;
}

#venuetab .spacer {
    height: 30px;
}

#venuetab .desctext {
    margin-bottom: 5px;
}

/* Show Details 
------------------------------------ */
.left-details .show-poster img {
    width: 176px;
    height: 262px;
    border: 1px solid #CCC;
}

.left-show-poster {
    margin-bottom: 15px;
}

.left-show-promo {
    border: solid 1px #ccc;
    background-color: #f2f2f2;
    width: 165px;
    min-height: 63px;
    padding: 6px 6px 12px 6px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .left-show-promo div p span.label {
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        padding-left:3px;
    }

.promoCodeMsg {
    font-size: 11px;
}

.left-show-promo .enter-promo-code {
    height: 19px;
    width: 90px;
    font-size: 10px;
    color: #666;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    border: 1px solid #ccc;
    padding: 3px;
    margin-right: 8px;
}

.left-show-details {
    width: 176px;
    text-align: left;
}

    .left-show-details .button-cta {
        margin-left: 30px;
    }

    .left-show-details p {
        margin-bottom: 11px;
        padding-bottom: 13px;
        border-bottom: solid 1px #ccc;
        font-size: 11px;
        line-height: 16px;
    }

    .left-show-details span.label {
        font-weight: bold;
        display: block;
    }

    .left-show-details .past {
        opacity: 0.5;
    }

#show-details-header {
    width: 627px;
    height: 360px;
    overflow: hidden;
    margin-bottom: 30px;
}

    #show-details-header #header-slideshow-nav {
        margin-top: 330px;
        width: 610px;
    }

#resident-companies-header #header-slideshow-nav {
    width: 870px;
}

#sponsorshow {
    border-width: 1px;
    border-color: #ccc;
    border-style: dotted none;
    text-align: center;
    margin: 50px 0 10px 0;
    padding: 15px;
}

    #sponsorshow .disclaimer {
        font-weight: normal;
    }

    #sponsorshow p {
        margin: 20px 5px 20px 5px;
        font-weight: bold;
    }

    #sponsorshow div {
        width: 100%;

    }

    #sponsorshow img {
        margin-left: 20px;
        margin-bottom: 10px;
    }

.show-footer-container {
    border-top: dotted 1px #ccc;
}

.show-footer-disclaimer {
    margin: 15px 30px 15px 30px;
}

.show-footer-sponsor {
    margin-top: 15px;
    color: #333;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

/* Resident companies 
------------------------------------ */
#resident-companies-header {
    padding-top: 5px;
    margin-bottom: 25px;
}

#resident-companies-left-container .logo,
#resident-companies-left-container .contact-information {
    text-align: center;
}

#resident-companies-right-container .resident-company-container {
    width: 196px;
    height: 300px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    float: left;
    position: relative;
}

    #resident-companies-right-container .resident-company-container.first {
        padding-right: 10px;
    }

    #resident-companies-right-container .resident-company-container.second {
        padding: 0 10px;
    }

    #resident-companies-right-container .resident-company-container.third {
        padding-left: 10px;
        border-right: none;
    }

    #resident-companies-right-container .resident-company-container .logo {
        height: 101px;
        width: 164px;
        overflow: hidden;
        margin-top: 10px;
    }

    /* This is a design and spec choice to only have padding on the second row because it's really easy to print stuff
out in threes. */
    #resident-companies-right-container .resident-company-container.first.element1,
    #resident-companies-right-container .resident-company-container.second.element2,
    #resident-companies-right-container .resident-company-container.third.element3 {
        height: 290px;
    }

        #resident-companies-right-container .resident-company-container.first.element1 .logo,
        #resident-companies-right-container .resident-company-container.second.element2 .logo,
        #resident-companies-right-container .resident-company-container.third.element3 .logo {
            margin-top: 0;
        }

    #resident-companies-right-container .resident-company-container .teaser {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.35em;
    }

    #resident-companies-right-container .resident-company-container .title {
        font-size: 13px;
        line-height: 17px;
        font-weight: bold;
        color: #2d2d2d;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #resident-companies-right-container .resident-company-container .links {
        padding-bottom: 10px;
    }

/* Facility rentals 
------------------------------------ */
/* Get involved
------------------------------------ */
#get-involved-content-right-container .get-involved-body {
    width: 564px;
}

/* Education 
------------------------------------ */
/* Be Social 
------------------------------------ */
.twitter {
    text-align: left;
}

.be-social-social-media-title {
    padding-left: 30px;
    font-size: 18px;
    color: #676A73;
}

    .be-social-social-media-title.blog,
    .be-social-social-media-title.twitter {
        margin-top: 60px;
    }

    .be-social-social-media-title.twitter {
        padding-left: 50px;
        background-repeat: no-repeat;
        background-position: 20px center;
    }

.be-social-facebook-container {
    /*height: 545px*/
}

.be-social-blog-container-outline {
    border: 1px solid #CCCCCC;
    /*width: 600px;*/
    padding: 20px;
}

.be-social-blog-container {
    margin-top: 80px;
    margin-bottom: 20px;
    /*margin-left: 37px;*/
    /*width: 525px;*/
    overflow: hidden;
}

.be-social-blog-title {
    font-size: 16px;
    color: #676A73;
}

.be-social-left-details {
    width: 240px;
    /*background: transparent url(/images/content/assets/be-social-short-gradient.jpg) no-repeat;*/
}

.be-social-left-details-inner {
    padding: 25px;
    width: 175px;
    margin-bottom: 35px;
}

/* About 
------------------------------------ */
#board-members td {
    vertical-align: top;
    padding-bottom: 25px;
}

#board-members .photo {
    margin-bottom: 10px;
}

/* News 
------------------------------------ */
.news-date-dropdown {
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

p.news-date {
    margin: 0;
    margin-top: 15px;
    color: #999;
}

.news-list-alt {
    background-color: #f8f8f8;
}

/* Features
------------------------------------ */
#section-landing-features {
    margin-top: 46px;
    margin-left: -20px;
}

.section-landing-feature-box {
    float: left;
    width: 175px;
    margin-left: 19px;
    padding-bottom: 30px;
}

    .section-landing-feature-box .image {
        height: 74px;
        width: 172px;
        overflow: hidden;
        margin-bottom: 13px;
    }

.grid-landing-feature-box {
    padding-bottom: 16px;
}

    .grid-landing-feature-box .image {
        margin-bottom: 13px;
    }

    .section-landing-feature-box .caption,
    .grid-landing-feature-box .caption {
        margin-bottom: 13px;
        font-size: 12px;
        line-height: 1.25em;
    }

    .section-landing-feature-box .title,
    .grid-landing-feature-box .title {
        font-size: 13px;
    }

/* Grid */
#grid-landing-features,
.grid-landing-features {
    margin-bottom: 35px;
    width: 420px;
}

    #grid-landing-features td,
    .grid-landing-features td {
        padding: 20px;
        padding-bottom: 0;
    }

        #grid-landing-features td.first,
        .grid-landing-features td.first {
            padding-left: 0;
        }

        #grid-landing-features td.last,
        .grid-landing-features td.last {
            padding-bottom: 0;
        }

        #grid-landing-features td.verylast,
        .grid-landing-features td.verylast {
            padding-right: 0;
        }

        .grid-landing-features td img {
            width: 138px;
            height: 206px;
        }

    .grid-landing-features.whats-on-shows {
        margin-bottom: 20px;
        padding-top: 20px;
        table-layout: fixed;
        width: 90%;
        margin: 0 auto 20px;
    }

        .grid-landing-features.whats-on-shows td {
            width: 173px;
            border-left: solid 1px #343434;
            border-bottom: solid 1px #343434;
            padding: 0px;
            padding-top: 20px;
        }

            .grid-landing-features.whats-on-shows td:first-child {
                border-left: none;
                padding-left: 0px;
            }

            .grid-landing-features.whats-on-shows td:last-child {
                border-right: none;
                padding-right: 0px;
            }

        .grid-landing-features.whats-on-shows tr:last-child td:last-child {
            border-bottom: none;
        }

/* Two Columns */
.two-column-left {
    float: left;
    width: 300px;
}

#main-container-inner .two-column-left ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.side-menu-submenu {
    top: -12px;
    position: relative;
    display: block;
}

.two-column-right {
    float: left;
    width: 559px;
    padding: 30px 60px 60px 60px;
}

/* Series 
------------------------------------ */
.show-features {
    width: 482px;
    margin-bottom: 20px;
    padding-left: 10px;
}

    .show-features tr td {
        padding: 20px;
        padding-bottom: 20px;
        width: 138px;
    }

        .show-features tr td.last {
            padding-right: 0;
        }

        .show-features tr td.first {
            padding-left: 0;
        }

        .show-features tr td.top {
            padding-top: 0;
        }

    .show-features p {
        text-align: center;
        margin: 0;
        padding: 0;
    }

        .show-features p.image {
            margin-bottom: 10px;
        }

        .show-features p.production a,
        .show-features p.production a:visited,
        .show-features p.production a:link {
            color: #336699;
            font-weight: bold;
        }

            .show-features p.production a:hover {
                color: #336699;
                text-decoration: underline;
            }

/* Request a venue */
#main-container-inner ul#form-venue {
    list-style-type: none;
}

    #main-container-inner ul#form-venue > li {
        margin: 12px 0;
    }

#form-venue > li > label {
    float: left;
    width: 160px;
    margin-right: 15px;
}

#form-venue .formline {
    margin: 10px;
    width: 100%;
    border-bottom: #a1a5ae 1px dotted;
}

#form-venue-formbutton {
    width: 100%;
    margin: 0px;
}

#form-venue input[type=text],
#form-venue textarea {
    border: solid 1px #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    width: 200px;
    padding: 2px;
}

#form-venue select {
    border: solid 1px #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(/css/PIE-1.0.0/PIE.htc);
    margin-bottom: 1px;
}

#form-venue input {
    margin-right: 3px;
}

#form-venue .header {
    font-weight: bold;
}

.form-venue-bottom-space {
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: #a1a5ae 1px dotted;
}

#form-venue-formbutton {
    text-align: right;
}

.form-venue-table {
    width: 400px;
}

    .form-venue-table td {
        padding: 4px 0;
    }

/* Event Planning  */
.event-planning ul {
    margin: 0;
    padding: 0;
    margin-left: 5px;
    margin-bottom: 20px;
    padding-left: 10px;
    list-style-type: disc;
}

    .event-planning ul li {
        margin-top: 10px;
    }

        .event-planning ul li strong {
            font-weight: bold;
        }

        .event-planning ul li table {
            margin-top: 10px;
        }

.event-planning p {
    margin: 10px 0;
}

/* Side Menu
------------------------------------ */
.section-heading {

  display: block;

}


.section-heading h2.parent-page {
  display: block;
  font-family: "AvenirLTStd-Book", "Arial", Sans-Serif;
  font-family: 'Gotham Narrow A', 'Gotham Narrow B';
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1.15em;
  color: #222;
  padding: 72px 40px;
  margin: 0; }




#side-menu,
#tree-menu {
    padding: 20px 0;
}

#tree-menu {
    /*width: 220px;*/
}

    #side-menu a,
    #tree-menu a {
        color: #2d2d2d;
        padding: 16px 0;
        padding-left: 40px;
        padding-right: 40px;
        display: block;
        line-height: 1.15em;
        font-family: "AvenirLTStd-Book", "Arial", Sans-Serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
    }

    #side-menu ul li,
    #tree-menu ul li {
        margin-bottom: 0;
    }

        #side-menu ul.side-menu-submenu li a,
        #tree-menu ul li a {
            background: transparent url(/images/content/assets/menu-arrow.png) no-repeat 40px;
            padding: 4px 0;
            padding-left: 60px;
            font-size: 14px;
        }

            #side-menu ul li a:hover,
            #tree-menu ul li a:hover {
                color: #ff6600;
                text-decoration: none;
            }

    #side-menu li.current a,
    #tree-menu li.current a {
        color: #ff6600;
        font-family: "AvenirLTStd-Black", "Arial", San-serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 700;
        font-style: normal;
    }

/* One Column Layout
------------------------------------ */
.one-column {
    width: 600px;
    padding: 40px 0;
    margin: 0 auto;
}

    .one-column h1 {
        font-family: "AvenirLTStd-Black", "Arial", San-serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 700;
        font-style: normal;
        font-size: 48px;
        color: #2d2d2d;
        padding-top: 20px;
        line-height: 1em;
    }

    .one-column .introhighlight {
        font-family: "AvenirLTStd-Book", "Arial", Sans-Serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 1.5em;
        margin-bottom: 1.5em;
    }

/* Landing Page Header
------------------------------------ */
#landingHeaderPanel {
    width: auto;
    padding: 0 190px;
    height: 320px;
    background: #222 no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

/*#landingHeaderPanel:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	height: 400px;
	background: rgba(0,0,0, 0.25);
	background: transparent url(/images/content/assets/landing-header-gradient.png) repeat-x center bottom;
}*/
/* Main Body Template Styles
------------------------------------ */
#template1,
#template3 {
    padding: 40px;
}

#template4 h1,
#template4 h2,
#template4 h3,
#template4 h4,
#template4 h5 {
    /*font-family: "AvenirLTStd-Black", "Arial", San-serif;*/
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
}

    #template4 h1.title {
        font-family: "AvenirLTStd-Black", "Arial", sans-serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 400;
        font-style: normal;
        font-size: 40px;
        color: #2d2d2d;
        line-height: 1.00em;
    }

/*#template4 h2 {
	font-size: 24px;
}*/
body {
    background-color: #fff !important;
}

body,
.ajax__tab_body,
.ajax__tab_body p,
#container p,
#container ul,
#container ol {
    font-size: 14px;
    line-height: 1.5em;
    /*color: #767676;*/
}

#template4 .epcor-tab-style {
    widows: 100%;
}

/* Show Child Pages
------------------------------------ */
#childPagesPanel {
    padding: 0 40px;
    /*background-color: #222;*/
    background-color: #fafafa;
    color: #fff;
    clear: both;
    position: relative;
}

    #childPagesPanel h1 {
        position: absolute;
        display: block;
        font-family: "AvenirLTStd-Black", "Arial", Sans-Serif;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        font-weight: 700;
        font-style: normal;
        font-size: 32px;
        top: 74px;
        left: 190px;
        line-height: 1em;
        max-width: 220px;
        color: #f50;
    }

    #childPagesPanel h2.section-title {
        text-transform: uppercase;
        position: absolute;
        font-size: 14px;
        text-align: left;
        font-weight: 800;
        top: 50px;
        left: 190px;
        /*color: rgba(255,255,255, 0.5);*/
        color: rgba(0, 0, 0, 0.5);
    }

    #childPagesPanel ul {
        margin: 0;
        margin-left: 400px;
        padding: 40px;
        list-style-type: none;
        /*border-left: 1px solid rgba(255,255,255, 0.35);*/
        /*border-left: 1px solid #f50;*/
        border-left: 1px solid rgba(0, 0, 0, 0.05);
    }

        #childPagesPanel ul li {
            margin-bottom: 0;
        }

            #childPagesPanel ul li a {
                /*color: rgba(255,255,255, 0.5);*/
                font-family: "AvenirLTStd-Book", "Arial", Sans-Serif;
                font-family: 'Gotham Narrow A', 'Gotham Narrow B';
                font-weight: 400;
                font-style: normal;
                color: rgba(0, 0, 0, 0.5);
                /*padding: 4px 0;*/
                height: 1em;
                line-height: 1em;
                transition: all 200ms ease;
                display: inline-block;
                padding: 10px 0;
            }

                #childPagesPanel ul li a:hover {
                    /*color: #fff;*/
                    background: #F50;
                    color: #fff;
                    padding: 10px 1em;
                    text-decoration: none;
                    border-radius: 3px;
                }

/* Footer 
------------------------------------ */
#footer-background {
    background: #000;
}

#footer {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 50px;
    padding-top: 10px;
}

    #footer a {
        color: #858585;
        text-decoration: none;
    }

        #footer a:hover {
            text-decoration: underline;
        }

/*

#footer-links-large ul.inline-list {
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
	#footer-links-large ul.inline-list li a {
		padding: 1em;
		font-size: 0.75em;
	}*/
#footer-links-large {
    font-size: 11px;
    line-height: 10px;
}

    #footer-links-large ul {
        margin: 0;
        padding: 0;
    }

        #footer-links-small ul li,
        #footer-links-large ul li {
            display: inline;
        }

            #footer-links-large ul li a,
            #footer-links-large ul li a:link,
            #footer-links-large ul li a:visited,
            #footer-links-small ul li a,
            #footer-links-small ul li a:link,
            #footer-links-small ul li a:visited {
                float: left;
                display: block;
                padding-left: 10px;
                padding-right: 10px;
                border-left: solid 1px #858585;
                line-height: 10px;
            }

                #footer-links-small ul li a,
                #footer-links-small ul li a:link,
                #footer-links-small ul li a:visited,
                #footer-links-small ul li a {
                    border: none;
                    font-size: 10px;
                    margin-top: 10px;
                    line-height: 8px;
                    padding-left: 0;
                    color: #666;
                }

                    #footer-links-large ul li a:hover,
                    #footer-links-small ul li a:hover {
                        text-decoration: underline;
                    }

            #footer-links-small ul li.first a,
            #footer-links-large ul li.first a {
                border-left: none;
                padding-left: 0px;
            }

/* Pretty checkboxes 
------------------------------------ */
label.checkbox span.holder {
    height: 61px;
    background: transparent url(/images/content/fields/field-checkbox.png) 0 -1px no-repeat;
}

label.radio span.holder {
    height: 61px;
    background: transparent url(/images/content/fields/field-radio.png) 0 -1px no-repeat;
}

label.checkbox:hover span.holder,
label.radio:hover span.holder {
    top: -21px !important;
}

label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder {
    top: -42px !important;
}

label.list {
    float: left;
    clear: left;
    margin: 0 0 5px 0;
}

label.inline {
    float: left;
    margin: 0 10px 0 0;
}

input[type="radio"] {
    padding-right: 6px;
}

input.hiddenCheckbox {
    position: absolute;
    left: -10000px;
}

.jquery-radio-checkbox,
.jquery-checkbox {
    display: inline;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}

    .jquery-radio-checkbox .mark,
    .jquery-checkbox .mark {
        display: inline;
    }

    .jquery-radio-checkbox img,
    .jquery-checkbox img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

    .jquery-radio-checkbox img {
        background: transparent url(/images/content/fields/field-radio.png) no-repeat;
    }

    .jquery-checkbox img {
        background: transparent url(/images/content/fields/field-checkbox.png) no-repeat;
    }

    .jquery-radio-checkbox img,
    .jquery-checkbox img {
        background-position: 0px 0px;
    }

.jquery-radio-checkbox-hover img,
.jquery-checkbox-hover img {
    background-position: -16px 0px;
}

.jquery-radio-checkbox-checked img,
.jquery-checkbox-checked img {
    background-position: 0px -16px;
}

.jquery-radio-checkbox-checked .jquery-radio-checkbox-hover img,
.jquery-checkbox-checked .jquery-checkbox-hover img {
    background-position: -16px -16px;
}

.jquery-radio-checkbox-disabled img,
.jquery-checkbox-disabled img {
    background-position: 0px -32px;
}

.jquery-radio-checkbox-checked .jquery-radio-checkbox-disabled img,
.jquery-checkbox-checked .jquery-checkbox-disabled img {
    background-position: 0px -48px;
}

/* Epcor tab Styling */
/*A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.*/
.epcor-tab-style .ajax__tab_header {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent url(/images/content/assets/tab-bg.png) repeat-x 0 0;
    color: #333;
    padding-top: 20px;
    padding-left: 8px;
}

/*An outer element of a tab, often used to set the left-side background image of the tab.*/
.epcor-tab-style .ajax__tab_outer {
    background: transparent url(/images/content/assets/tab-off-right.png) no-repeat scroll right top;
    height: 38px;
    margin: 0px;
    padding: 0px;
    margin-right: 1px;
    padding-right: 8px;
    overflow: hidden;
}

/*An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.*/
.epcor-tab-style .ajax__tab_inner {
    height: 38px;
    padding-left: 8px;
    background: transparent url(/images/content/assets/tab-off-left.png) no-repeat;
}

/*An element of the tab that contains the text content. Child CSS classes:none.*/
.epcor-tab-style .ajax__tab_tab {
    background: transparent url(/images/content/assets/tab-off-spacer.png) repeat-x;
    padding: 13px 8px 0 8px;
    height: 38px;
    cursor: pointer;
    font-weight: normal;
}

.ajax__tab_tab a,
.ajax__tab_tab a:link,
.ajax__tab_tab a:visited {
    color: #333;
}

    .ajax__tab_tab a:hover {
        text-decoration: none;
    }

/*A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.*/
.epcor-tab-style .ajax__tab_body {
    padding-left: 10px;
    padding-top: 25px;
}

/*This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.*/
/*This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.*/
.epcor-tab-style .ajax__tab_active .ajax__tab_tab {
    font-weight: bold;
}

.epcor-tab-style .ajax__tab_active .ajax__tab_inner {
    background: transparent url(/images/content/assets/tab-on-left.png) no-repeat;
}

.epcor-tab-style .ajax__tab_active .ajax__tab_tab {
    background: transparent url(/images/content/assets/tab-on-spacer.png) repeat-x;
}

.epcor-tab-style .ajax__tab_active .ajax__tab_outer {
    background: transparent url(/images/content/assets/tab-on-right.png) no-repeat scroll right top;
}

#calendar_month_dom {
    margin: 15px 0px 15px 10px;
    font-size: 12px;
    font-weight: bold;
}

    #calendar_month_dom table {
        margin: 0px;
    }

    #calendar_month_dom a,
    #calendar_month_dom a:link,
    #calendar_month_dom a:visited {
        font-weight: normal;
        color: #4A75AA;
    }

    #calendar_month_dom #month_nav table td {
        border-right: solid 1px #ccc;
        padding: 0 10px;
    }

/* Search */
.search-results {
    margin: 0;
    padding: 0;
}

    .search-results a {
        font-weight: bold;
    }

    .search-results h1 {
        margin-bottom: 16px;
    }

    .search-results .searchbox {
        margin-bottom: 30px;
    }

    .search-results .for {
        margin-bottom: 30px;
        float: left;
        font-size: 14px;
    }

    .search-results .query {
        font-size: 16px;
        font-weight: bold;
    }

    .search-results .divider {
        border-top: dotted 1px #a1a5ae;
        width: 564px;
    }

    .search-results .show-desc {
        width: 350px;
    }

    .search-results h2 {
        clear: both;
    }

    .search-results .resultsdiv {
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .search-results .showrow {
        height: 105px;
    }

    .search-results .showpiccol {
        width: 90px;
    }

    .search-results .showpicimg {
        height: 105px;
        width: 70px;
        border: 1px;
        border-color: #cccccc;
        border-style: solid;
        margin-bottom: 30px;
    }

    .search-results .alllink {
        margin-bottom: 0px;
    }

    .search-results .alldesc {
        margin-bottom: 25px;
    }

    .search-results .searchbox {
        background: transparent url(/images/content/fields/field-global-search.png) no-repeat top left;
        height: 26px;
        padding: 2px;
        float: left;
    }

        .search-results .searchbox:hover {
            background: transparent url(/images/content/fields/field-global-search-on.png) no-repeat top left;
        }

    .search-results .search-input {
        background: transparent;
        border: none;
        margin-top: 3px;
        margin-left: 4px;
        width: 190px;
    }

    .search-results .submit-searchresult {
        display: block;
        text-decoration: none;
        width: 30px;
        height: 24px;
    }

        .search-results .submit-searchresult:hover {
            text-decoration: none;
        }

/* Gallery */
.media-thumb {
    float: left;
    margin-right: 18px;
    height: 230px;
    overflow: hidden;
}

    .media-thumb .thumb {
        width: 125px;
        height: 125px;
        border: solid 1px #ccc;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
    }

    .media-thumb img {
        width: 125px;
    }

    .media-thumb .description {
        margin-top: 5px;
        width: 125px;
        text-align: center;
    }

/* Reviews */
#template1 .reviews h2 {
    margin-bottom: 10px;
}

.reviews a {
    margin-bottom: 30px;
}

.reviews .review {
    margin-bottom: 20px;
}

    .reviews .review.last {
        margin-bottom: 0;
    }

/* Artists */
.artists .details {
    display: none;
    padding-top: 10px;
}

    .artists .details img {
        float: left;
        padding: 4px 15px 10px 0;
    }

.artists h2 {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}

table {
    width: 100%;
    margin-bottom: 30px;
}

    table td {
        vertical-align: top;
    }

    table.tableHighlight td {
        vertical-align: top;
        font-size: 12px;
        line-height: 13px;
        padding: 10px;
        color: #2d2d2d;
    }

        table.tableHighlight td a {
            color: #336699;
        }

    table.tableHighlight td {
        border-top: dotted 1px #a1a5ae;
    }

.pp-login-info {
    padding-bottom: 15px;
}

    .pp-login-info .required {
        margin-top: 15px;
        border-top: solid 1px #ccc;
        text-align: right;
        font-size: 10px;
    }

    .pp-login-info h3 {
        margin-bottom: 5px;
    }

.pp-cta {
    border-top: solid 1px #cccccc;
    margin-top: 20px;
    padding-top: 10px;
}

.errDiv {
    margin-bottom: 15px;
}

.input-text,
.input-select {
    border: solid 1px #ccc;
    border-radius: 3px;
    width: 200px;
    padding: 2px;
}

.input-select {
    width: 208px;
}

.hasCountdown {
    width: 50px;
}

.purchase-disclaimer-payment p {
    font-size: 10px;
    color: #999999;
    line-height: 13px;
}

img {
    border: none;
}

/* Site Map */
.sitemap {
    list-style-type: none;
}

.sitemap_title {
    font-weight: bold;
    border-bottom: dotted 1px #a1a5ae;
    color: #336699;
}

.sitemap li {
    margin: 2px;
}

.debug {
    background-color: #FFFFCC;
}

.debug2 {
    background-color: Silver;
}

/*
------------------------------
  Impromptu's
------------------------------
*/
.jqifade {
    position: absolute;
    background-color: #000;
}

div.jqi {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 4px;
    padding: 7px;
}

    div.jqi .jqicontainer {
        font-weight: bold;
    }

    div.jqi .jqiclose {
        position: absolute;
        top: 4px;
        right: -2px;
        width: 18px;
        cursor: default;
        color: #bbbbbb;
        font-weight: bold;
    }

    div.jqi .jqimessage {
        padding: 10px;
        line-height: 20px;
        color: #444444;
    }

    div.jqi .jqibuttons {
        text-align: right;
        padding: 5px 0 5px 0;
    }

    div.jqi button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #ff6600;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.jqi button:hover {
            background-color: #f06000;
        }

        div.jqi button.jqidefaultbutton,
        #jqi_state0_buttonOk {
            width: 65px;
            height: 25px;
            padding: 0;
            cursor: pointer;
            border: solid 1px #ccc;
        }

#jqi_state0_buttonCancel {
    width: 65px;
    height: 25px;
    padding: 0;
    cursor: pointer;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #BF5E26;
}

.help-row {
    height: 45px;
}

.oddrow {
    background-color: #E1E1E1;
}

.featuredShows {
    overflow: auto;
    margin-top: 40px;
}

    .featuredShows .show {
        color: #fff;
        display: block;
        float: left;
        width: 196px;
        vertical-align: top;
        position: relative;
    }

        .featuredShows .show .overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 294px;
            width: 100%;
            background: #222;
            background: rgba(0, 0, 0, 0.85);
            opacity: 0;
            -webkit-transition: opacity 200ms;
            -moz-transition: opacity 200ms;
            -ms-transition: opacity 200ms;
            -o-transition: opacity 200ms;
            transition: opacity 200ms;
            z-index: 1;
            behavior: url(/css/PIE-1.0.0/PIE.htc);
            display: none\9;
            /* IE 8 and less */
        }

            .featuredShows .show .overlay p {
                padding: 20px;
                color: #fff !important;
                font-size: 12px !important;
            }

    .featuredShows .clickableContainer:hover .overlay {
        opacity: 1;
        display: block\9;
        /* IE 8 and less */
    }

    .featuredShows .clickableContainer .image img {
        width: 100%;
        height: auto;
    }

    .featuredShows .clickableContainer .title {
        font-size: 16px;
        padding: 10px;
    }

    .featuredShows .clickableContainer .dates {
        margin-top: -70px;
        margin-left: 20px;
        vertical-align: top;
        z-index: 0;
        position: absolute;
    }

        .featuredShows .clickableContainer .dates .start-date {
            background: #ff6600;
        }

        .featuredShows .clickableContainer .dates .header,
        .featuredShows .clickableContainer .dates .number {
            color: #fff;
        }

        .featuredShows .clickableContainer .dates .end-date,
        .featuredShows .clickableContainer .dates .endPanel {
            background: #ffa500;
            color: #fff;
        }

        .featuredShows .clickableContainer .dates .endPanel {
            margin-left: -3px;
            width: 101px;
            border-radius: 0 3px 3px 0;
        }

    .featuredShows.showList .dates .single-date,
    .featuredShows.showList .dates .start-date,
    .featuredShows.showList .dates .end-date {
        border-radius: 3px;
    }

.featureShows.showList .dates .endPanel {
    border-radius: 0 3px 3px 0;
    color: #fff;
}

.backToDetails {
    display: inline-block;
    padding-top: 20px;
    padding-left: 40px;
}

#showListingsRepeater {
    width: 627px;
    min-height: 300px;
}

    #showListingsRepeater .showContainer {
        border-bottom: solid 1px #ccc;
        padding: 8px 0;
    }

    #showListingsRepeater .col1 {
        float: left;
        width: 255px;
    }

    #showListingsRepeater .col2 {
        float: left;
        width: 240px;
    }

    #showListingsRepeater .col3 {
        float: left;
        width: 120px;
        text-align: right;
    }

.showList .dates {
    display: block;
    overflow: hidden;
    margin-top: -10px;
    background: rgba(255, 255, 255, 0.15);
    margin-bottom: 10px;
}

    .showList .dates .single-date,
    .showList .dates .start-date,
    .showList .dates .end-date {
        display: block;
        float: left;
        height: 40px;
        width: 30px;
        padding: 5px;
        font-size: 12px;
        text-align: center;
    }

    .showList .dates .end-date {
        float: right;
        color: #B4B4B4;
        text-transform: uppercase;
        font-size: 11px;
    }

    .showList .dates .header,
    .showList .dates .number {
        display: block;
        color: #B4B4B4;
    }

    .showList .dates .header {
        font-size: 11px;
        text-transform: uppercase;
    }

    .showList .dates .number {
        font-size: 18px;
        font-weight: bold;
    }

.showList .endPanel {
    width: 98px;
    display: block;
    float: left;
    text-align: center;
    height: 50px;
    background: rgba(0, 0, 0, 0.25);
    color: #B4B4B4;
}

.showList .dates .to-date {
    float: left;
    padding: 15px 0;
    width: 55px;
    font-style: italic;
    vertical-align: top;
}

.showList .showFilterStatus {
    font-size: 16px;
    padding: 18px 0px;
    /*margin-bottom: 20px;*/
    width: 100%;
    border-bottom: solid 1px #343434;
}

    .showList .showFilterStatus strong {
        border-bottom: 1px dotted #333;
        border-bottom: 1px dotted #333;
        padding-bottom: 4px;
    }

.showList .clickableContainer:hover .dates .start-date {
    background: #ff6600;
}

.showList .clickableContainer:hover .dates .header,
.showList .clickableContainer:hover .dates .number,
.showList .clickableContainer:hover .dates .end-date {
    color: #fff;
}

.showList .clickableContainer:hover .dates .end-date,
.showList .clickableContainer:hover .dates .endPanel {
    background: #ffa500;
    color: #fff;
}

.button-cta, a.button-cta {
    background-color: #ff6600;
    border-radius: 3px;
    border: 3px solid #ff6600;
    color: #fff;
    padding: 2px 4px;
    font-size: 13px;
    text-transform: capitalize;
    -webkit-appearance: none;
    text-decoration: none;
}

    .button-cta:hover, a.button-cta:hover {
        background-color: #f06000;
        border-color: #f06000;
        cursor: pointer;
    }

.cart-steps {
    overflow: hidden;
    width: 630px;
    height: 28px;
    margin: 0px;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    color: #999999;
    text-transform: uppercase;
}

    .cart-steps li {
        float: left;
        display: inline;
        padding-top: 3px;
        font-weight: bold;
        margin-right: 6px;
        font-size: 12px;
    }

        .cart-steps li.last {
            margin-right: 0;
        }

        .cart-steps li.current {
            color: #2d2d2d;
        }

    .cart-steps .number {
        margin-top: -6px;
        display: block;
        float: left;
        background: transparent url(/images/content/assets/cart-steps.png) no-repeat -8px 0;
        padding: 5px 10px 4px 10px;
        margin-right: 4px;
    }

        .cart-steps .number.previous {
            background-position: -8px -30px;
            color: #fff;
        }

    .cart-steps li.current .number {
        background-position: -8px -60px;
        color: #fff;
    }

#__asptrace {
    background-color: white;
    padding-top: 50px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body.temp .main-navigation li.temporary-highlight a.this {
    background-image: url("/images/bg-current-section.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/*
@media (min-width: 980px) { 
	body { overflow-x: hidden; }
	
}

@media (max-width: 979px) { 
	body { 
		#container {
			width: 980px !important;
			overflow-x: none;
		}
	}
	
}
*/
body.plus-980 {
    overflow-x: hidden;
}

body.less-980 #container {
    width: 980px !important;
    overflow-x: hidden;
}

.wrapper-utility-nav {
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    background-color: #f2f2f2;
}

    .wrapper-utility-nav:before, .wrapper-utility-nav:after {
        content: " ";
        display: table;
    }

    .wrapper-utility-nav:after {
        clear: both;
    }

.utility-nav-container {
    width: 60%;
    margin: 0 auto;
    position: relative;
}

    .utility-nav-container:before, .utility-nav-container:after {
        content: " ";
        display: table;
    }

    .utility-nav-container:after {
        clear: both;
    }



.wrapper-logo {
    width: 980px;
    margin: 0 auto;
    position: relative;
    position: relative;
    margin-top: 20px;
    margin-bottom: 27px;
}

    .wrapper-logo:before, .wrapper-logo:after {
        content: " ";
        display: table;
    }

    .wrapper-logo:after {
        clear: both;
    }

.wrapper-main-navigation {
    background-color: #707372;
}

.utility-nav {
    list-style: none;
    margin: auto 0;
    padding: 0;
    float: right;
}

    .utility-nav li {
        float: left;
        padding: 0;
        margin: 0;
        /* height: 60%; */
    }

        .utility-nav li a {
            display: block;
            padding-bottom: -5px;
        }

        .utility-nav li a {
            color: #888888;
            padding: .5em 0.75em;
            font-family: 'Gotham Narrow A', 'Gotham Narrow B';
            /* font-family: 'Montserrat', sans-serif; */
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            text-decoration: none;
        }

            .utility-nav li a:hover {
                color: #000000;
            }


            .utility-nav li a img {
                width: 66%;
            }

            .utility-nav li.bunchsocial {
                width: 50px;
                height:30px;
            }


.arts-logo {
    background-image: url("/images/logo-teal.png");
    background-position: center center;
    width: 237px;
    height: 80px;
    margin: 0;
    display: inline-block;
}

.wrapper-nav-content {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

    .wrapper-nav-content:before, .wrapper-nav-content:after {
        content: " ";
        display: table;
    }

    .wrapper-nav-content:after {
        clear: both;
    }

.main-navigation {
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
    float: left;
}

    .main-navigation a {
        color: #ffffff;
        text-decoration: none;
    }

    .main-navigation :hover, .main-navigation:active {
        color: #ffffff;
        background-image: url("/images/bg-nav-hover.png");
        background-repeat: repeat;
    }

.lt-ie10 #field-search {
    border: 1px solid #e5e5e5;
}

.lt-ie10 .main-navigation > li {
    display: block;
    float: left;
}

.main-navigation li {
    display: inline-block;
    margin-bottom: 0px;
}

    .main-navigation li a {
        display: block;
        padding: 14px 10px;
    }

    .main-navigation li.highlight > a {
        background-image: url("/images/bg-current-section.png");
        background-position: center top;
        background-repeat: no-repeat;
    }

    .main-navigation li ul {
        display: none;
        position: absolute;
        top: 51px;
        margin: 0;
        padding: 0;
    }

    .main-navigation li:hover ul {
        display: block;
    }

    .main-navigation li li {
        display: block;
        background-color: #707372;
        min-width: 14em;
    }

        .main-navigation li li a {
            padding-right: rem-calc(30);
        }

        .main-navigation li li :hover, .main-navigation li li:active {
            color: #ffffff;
            background-image: url("/images/bg-nav-hover.png");
            background-repeat: repeat;
        }

.social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12.5px;
}

    .social-icons li {
        float: left;
        padding: 0;
        margin: 0;
    }

        .social-icons li a {
            display: block;
        }

#left-wrapper {
    border-top: 1px soild red;
    margin-top: 50px;
}

    #left-wrapper .left-nav {
        border: 1px solid #ccc !important;
        border-top: none !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

        #left-wrapper .left-nav li a {
            display: block;
            padding: 10px 20px 10px 40px !important;
            text-decoration: none;
        }

            #left-wrapper .left-nav li a:hover {
                background-color: #D7D2CB;
            }

    #left-wrapper ul.left-nav:first-child {
        border-bottom: none !important;
    }

    #left-wrapper .left-nav li.section-title {
        margin-bottom: 0 !important;
        border-top: 1px solid #ccc !important;
    }

a.section-title {
    font-weight: bold;
    border-top: 1px solid #ccc;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

.brand-teal-bg {
    background-color: #00C7B1;
}

body.brand-teal .wrapper-main-navigation,
body.brand-teal .main-navigation li li,
body.brand-teal .tweet-button a,
body.brand-teal .cta a {
    background-color: #00C7B1;
}

body.brand-teal .arts-logo {
    background-image: url("/images/logo-teal.png");
}

body.brand-teal .button-cta, body.brand-teal a.button-cta {
    background-color: #00C7B1;
    border-color: #00C7B1;
}

.brand-pink-bg {
    background-color: #CE0F69;
}

body.brand-pink .wrapper-main-navigation,
body.brand-pink .main-navigation li li,
body.brand-pink .tweet-button a,
body.brand-pink .cta a {
    background-color: #CE0F69;
}

body.brand-pink .arts-logo {
    background-image: url("/images/logo-pink.png");
}

body.brand-pink .button-cta, body.brand-pink a.button-cta {
    background-color: #CE0F69;
    border-color: #CE0F69;
}

.brand-blue-bg {
    background-color: #0092BC;
}

body.brand-blue .wrapper-main-navigation,
body.brand-blue .main-navigation li li,
body.brand-blue .tweet-button a,
body.brand-blue .cta a {
    background-color: #0092BC;
}

body.brand-blue .arts-logo {
    background-image: url("/images/logo-blue.png");
}

body.brand-blue .button-cta, body.brand-blue a.button-cta {
    background-color: #0092BC;
    border-color: #0092BC;
}

.brand-orange-bg {
    background-color: #ED8B00;
}

body.brand-orange .wrapper-main-navigation,
body.brand-orange .main-navigation li li,
body.brand-orange .tweet-button a,
body.brand-orange .cta a {
    background-color: #ED8B00;
}

body.brand-orange .arts-logo {
    background-image: url("/images/logo-orange.png");
}

body.brand-orange .button-cta, body.brand-orange a.button-cta {
    background-color: #ED8B00;
    border-color: #ED8B00;
}

.wrapper-footer {
    background-color: #f2f2f2;
    padding: 0 0 0px 0;
}

    .wrapper-footer .footer-header {
        width: 100%;
        margin: 0 auto;
        position: relative;
        font-family: 'Gotham Narrow A', 'Gotham Narrow B';
        /* font-family: 'Montserrat', sans-serif; */
        font-weight: 400;
        font-style: normal;
        color: #707372;
        text-align: center;
        font-size: 30px;
        padding: 30px 0 30px 0;
    }

        .wrapper-footer .footer-header:before, .wrapper-footer .footer-header:after {
            content: " ";
            display: table;
        }

        .wrapper-footer .footer-header:after {
            clear: both;
        }

.footer-bin {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%; /* 310px; */
    margin: 0 25px 20px 0;
    min-height: 225px;
    background-color: #ffffff;
    position: relative;
    text-align: left;
    padding-bottom: 15px;
}

    .footer-bin .socmed-details {
        min-height: 12em;
        padding: 30px 40px 20px 40px;
    }

        .footer-bin .socmed-details span {
            font-size: 24px;
            display: block;
            margin-bottom: 15px;
        }


/* moved to orange.css as an example 
.cta a {
    background-color: var(--main-color);
}
*/

.footer-bin .cta {
    text-align: center;
    width: 75%;
    font-size: 18px !important;
    margin: 0 auto;
}

    .footer-bin .cta a {
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 15px;
        display: block;
        color: #ffffff;
        text-decoration: none;
    }

        .footer-bin .cta a:hover {
            background-color: #707372 !important;
        }
/*
.newsletter-bin {
    background-image: url("/images/bg-footer-bin-email.png");
    background-position: left center;
    background-repeat: no-repeat;
}

.twitter-bin {
    background-image: url("/images/bg-footer-bin-twitter.png");
    background-position: left center;
    background-repeat: no-repeat;
}

.facebook-bin {
    margin-right: 0;
    background-image: url("/images/bg-footer-bin-facebook.png");
    background-position: right center;
    background-repeat: no-repeat;
}
*/
.arts-footer {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.arts-footer:before, .arts-footer:after {
    content: " ";
    display: table;
}

.arts-footer:after {
    clear: both;
}



.instagram {
    width: 100%;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    clear: both;
    margin-top: 20px;
    padding: 10px 0 30px 0;
    /* background-image: url("/images/bg-footer-bin-instagram.png");
    //background-position: right top;
    //background-repeat: no-repeat;
    */
}



.instagram:before, .instagram:after {
    content: " ";
    display: table;
}

.instagram:after {
    clear: both;
}

.instagram .title {
    font-size: 24px;
    padding: 15px 0px 15px 25px;
}

.instagram .cta {
    font-size: 18px !important;

    margin: 2% 2% 2% 2%;
    text-align: center;
    width: 100%;
}

.instagram .cta a {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 15px;
    text-decoration: none;
}

.instagram .cta a:hover {
    background-color: #707372 !important;
}



#instafeed {
    padding-left: 15px;
    min-height: 190px;
    
    padding-bottom: 40px;
}

#instafeed img {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin: 3px;
    padding: 3px;
    background-color: #ffffff;
    width: auto;
}


.wrapper-footer-links {
    background-color: #707372;
    padding: 56px 0;
}

#FooterPanel {
    background-color: #707372;
    min-height:70px;
}

.centered {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

    .centered:before, .centered:after {
        content: " ";
        display: table;
    }

    .centered:after {
        clear: both;
    }

.ie-lt10 .footer-links {
    position: relative;
    top: 10px;
    left: 0px;
    text-align: center;
}

.footer-links {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .footer-links li {
        float: left;
        padding: 0;
        margin: 0;
    }

        .footer-links li a {
            display: block;
        }

    .footer-links a {
        color: #D7D2CB;
        padding: 10px;
        text-decoration: none;
    }

        .footer-links a:hover {
            color: #ffffff;
        }

.brand-teal .section-heading h2.parent-page,
.brand-teal #side-menu li.current a, .brand-teal #tree-menu li.current a, .brand-teal #side-menu a:hover, .brand-teal #tree-menu a:hover {
    color: #00C7B1;
}
/*
.brand-teal .wrapper-banners .slick-dots li.slick-active button {
    background-color: #00C7B1;
}

.brand-orange .section-heading h2.parent-page,
.brand-orange #side-menu li.current a, .brand-orange #tree-menu li.current a, .brand-orange #side-menu a:hover, .brand-orange #tree-menu a:hover {
    color: #ED8B00;
}

.brand-orange .wrapper-banners .slick-dots li.slick-active button {
    background-color: #ED8B00;
}

.brand-blue .section-heading h2.parent-page,
.brand-blue #side-menu li.current a, .brand-blue #tree-menu li.current a, .brand-blue #side-menu a:hover, .brand-blue #tree-menu a:hover {
    color: #0092BC;
}

.brand-blue .wrapper-banners .slick-dots li.slick-active button {
    background-color: #0092BC;
}

.brand-pink .section-heading h2.parent-page.vurrent,
.brand-pink #side-menu li.current a, .brand-pink #tree-menu li.current a, .brand-pink #side-menu a:hover, .brand-pink #tree-menu a:hover {
    color: #CE0F69;
}

.brand-pink .wrapper-banners .slick-dots li.slick-active button {
    background-color: #CE0F69;
}

.wrapper-banners .slick-dots li.slick-active button {
    background-color: var(--main-color) !important;
}
*/
.two-column-left .section-heading {
    display: block;
}

    .two-column-left .section-heading h2.parent-page {
        padding: 40px 40px 0px 40px;
    }

.two-column-left #side-menu ul.side-menu-submenu li a, .two-column-left #tree-menu ul li a {
    padding-right: 10px;
}

#side-menu ul.grandparent .child + ul.side-menu-submenu {
    margin-top: 15px;
}

#side-menu ul.grandparent li.grandchild {
    margin-left: 18px;
    margin-top: 3px;
}

    #side-menu ul.grandparent li.grandchild a {
        font-size: 13px;
    }

html body .two-column-right {
    float: left;
    width: 680px;
    padding: 30px 20px 60px 20px;
    box-sizing: border-box;
}

    html body .two-column-right .header-banner {
        margin-bottom: 30px;
    }

        html body .two-column-right .header-banner img {
            max-width: 100%;
            height: auto;
        }

.loading {
    background-image: url(/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 32px;
}

#header-slideshow {
    z-index: 1;
}

.arts-events {
    /* Hack to get upcoming events to work */
}

    .arts-events .nav {
        border-bottom: none;
        margin-bottom: 0;
        margin-left: inherit;
        box-sizing: inherit;
    }

    .arts-events .tab-pane {
        display: none;
    }

        .arts-events .tab-pane.active {
            display: block;
        }

    .arts-events .carousel-inner {
        width: 570px;
        margin: 0 auto;
    }

    .arts-events.event-items {
        display: none;
        margin: 0;
        width: inherit;
    }

        .arts-events .event-items.active {
            display: block;
        }

    .arts-events .event-item-container {
        width: 33%;
        float: left;
    }

    .arts-events .event-item {
        box-sizing: content-box;
        margin: 0 auto;
        float: none;
    }

        .arts-events .event-item img {
            height: 237px;
            width: 160px;
        }

    .arts-events .carousel {
        display: none;
        width: 570px;
        margin: 0 auto;
    }

        .arts-events .carousel .lefty {
            position: absolute;
            top: 45%;
            left: -27px;
            width: 25px;
            height: 25px;
            margin-top: inherit;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            text-align: inherit;
            background-image: url(/images/scroll-event-left.png);
            border: none;
            opacity: 1;
            display: none;
            cursor: pointer;
        }

        .arts-events .carousel .righty {
            position: absolute;
            top: 45%;
            right: -27px;
            width: 25px;
            height: 25px;
            margin-top: inherit;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            text-align: inherit;
            background-image: url(/images/scroll-event-right.png);
            border: none;
            opacity: 1;
            cursor: pointer;
        }

        .arts-events .carousel .slick-disabled {
            display: none !important;
        }

    .arts-events .event-item .text-wrapper {
        min-height: 113px;
    }

    .arts-events .no-listings {
        text-align: center;
        font-size: 1.25em;
        padding-top: 3em;
        width: 570px !important;
    }

    .arts-events .tab-content > .tab-pane {
        display: block;
        height: 0;
        overflow: hidden;
    }

    .arts-events .tab-content > .active {
        height: auto;
    }

.home-bin {
    color: #ffffff;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

    .home-bin span {
        display: block;
        margin-bottom: 10px;
        font-size: 22px;
    }

.wrapper-banners.slick-initialized {
    overflow-y: initial;
    height: initial;
    opacity: 1;
}

.wrapper-banners {
    overflow-y: hidden;
    transition: opacity 200ms ease-in;
    height: 341px;
    opacity: 0;
    margin: 2em auto 16px auto;
    margin-left: -200px;
    margin-right: -200px;
    width: 1380px;
}

    .wrapper-banners:before, .wrapper-banners:after {
        content: " ";
        display: table;
    }

    .wrapper-banners:after {
        clear: both;
    }

    .wrapper-banners:before, .wrapper-banners:after {
        content: "";
        width: 200px;
        height: 300px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 100;
    }

    .wrapper-banners:before {
        left: 0px;
        background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
        /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
        background-image: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0));
        /* For Firefox (3.6 to 15) */
        background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0));
        /* For old Opera (11.1 to 12.0) */
        background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
        /* Standard syntax; must be last */
    }

    .wrapper-banners:after {
        right: 0px;
        background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
        /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
        background-image: -moz-linear-gradient(right, white, rgba(255, 255, 255, 0));
        /* For Firefox (3.6 to 15) */
        background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
        /* For old Opera (11.1 to 12.0) */
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
        /* Standard syntax; must be last */
    }

    .wrapper-banners .control-left, .wrapper-banners .control-right {
        width: 100px;
        height: 100px;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 150px;
        margin-top: -50px;
        z-index: 100;
        cursor: pointer;
        opacity: .25;
        transition: opacity 200ms ease-in;
    }

        .wrapper-banners .control-left:hover, .wrapper-banners .control-right:hover {
            opacity: 1;
        }

    .wrapper-banners .control-left {
        background-image: url("/images/banner-control-left.png");
        left: 50%;
        margin-left: -475px;
    }

    .wrapper-banners .control-right {
        background-image: url("/images/banner-control-right.png");
        left: 50%;
        margin-left: 375px;
    }
/* 
    .wrapper-banners .slick-dots {
        margin: 16px 0px 0px 0px;
        text-align: center;
    }

        .wrapper-banners .slick-dots li {
            display: inline;
            margin: 20px 0 0 0;
        }

        .wrapper-banners .slick-dots button {
            width: 25px;
            height: 25px;
            display: inline-block;
            background-image: url("/images/bg-banner-indicator.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #707372;
            border: 0;
            font-size: 0;
            line-height: 0;
            cursor: pointer;
        }

        .wrapper-banners .slick-dots li.slick-active button {
            background-color: #ED8B00;
        }

        .wrapper-banners .slick-dots button:focus {
            outline: none;
        }
*/
.banners {
    margin: 0 auto;
    position: relative;
}

    .banners img {
        margin: 0px 5px;
    }

.row-events:before, .row-events:after {
    content: " ";
    display: table;
}

.row-events:after {
    clear: both;
}

.row-events .arts-featured {
    background: #f2f2f2 url("../images/bg-promo-event.jpg") center top no-repeat;
    background-size: cover;
    float: left;
    height: 490px;
    position: relative;
    width: 310px;
}

    .row-events .arts-featured .details {
        background-color: #CE0F69;
        position: absolute;
        bottom: 0;
        padding: 1em;
    }

    .row-events .arts-featured :hover .details {
        background-color: #707372;
    }

.arts-featured:hover .details {
    background-color: #707372;
}

.arts-events {
    background-color: #e5e5e5;
    float: right;
    height: 490px;
    width: 645px;
}

    .arts-events li {
        margin-bottom: 0px;
    }

.arts-events-header {
    background-color: #707372;
    margin-bottom: 10px;
    padding: 15px 15px 0 15px;
    position: relative;
}

    .arts-events-header:before, .arts-events-header:after {
        content: " ";
        display: table;
    }

    .arts-events-header:after {
        clear: both;
    }

    .arts-events-header span {
        float: left;
    }

    .arts-events-header .all-events {
        float: right;
    }

        .arts-events-header .all-events a {
            color: #ffffff;
        }

.events-months {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}

    .events-months:before, .events-months:after {
        content: " ";
        display: table;
    }

    .events-months:after {
        clear: both;
    }

    .events-months li {
        float: left;
        font-size: 16px;
    }

        .events-months li a {
            color: #ffffff;
            display: block;
            padding: 10px 12px;
            text-decoration: none;
        }

            .events-months li a:hover {
                text-decoration: none;
                background-color: #e5e5e5;
            }

    .events-months .active a, .events-months a:hover {
        background-color: #e5e5e5;
        color: #707372;
    }

.wrapper-event-item {
    margin: 0 auto;
    position: relative;
}

    .wrapper-event-item .lefty {
        position: absolute;
        top: 45%;
        left: 10px;
    }

    .wrapper-event-item .righty {
        position: absolute;
        top: 45%;
        right: 10px;
    }

.event-item {
    background-color: #ffffff;
    padding: 10px;
    width: 160px;
    height: 340px;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #707372;
}

    .event-item img {
        margin-bottom: 10px;
    }

    .event-item .text-wrapper {
        background-color: #ffffff;
        padding: 5px 0 10px 0;
        position: absolute;
        bottom: 0;
        width: 90%;
        min-height: 98px;
    }

    .event-item .title {
        margin-bottom: 10px;
        font-weight: bold;
    }

    .event-item .date {
        padding: 5px 2px;
        background: #eee;
        border-radius: 5px;
    }

    .event-item .time {
        display: block;
    }

a .event-item:hover {
    background-color: #f2f2f2;
}

    a .event-item:hover .text-wrapper {
        background-color: #f2f2f2;
    }

    a .event-item:hover .date {
        background: #ddd;
        color: #666;
    }

.row-social {
    border: 1px solid #e5e5e5;
    color: #ffffff;
    font-size: 16px;
    margin: 30px 0;
    padding: 15px 20px;
}

    .row-social a {
        color: #ffffff;
        text-decoration: underline;
    }

.wrapper-tweet-home {
    background-color: #ffffff;
    position: relative;
}

    .wrapper-tweet-home:before, .wrapper-tweet-home:after {
        content: " ";
        display: table;
    }

    .wrapper-tweet-home:after {
        clear: both;
    }

.tweet-home {
    color: #707372;
    background-color: #f2f2f2;
    background-image: url("../images/bg-twitter-home.png");
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    width: 600px;
    padding: 25px 50px 25px 25px;
    word-wrap: break-word;
}

    .tweet-home a {
        color: #707372;
    }

        .tweet-home a:hover {
            color: #000;
        }
/* */
.tweet-button {
  position: absolute;
  right: 40px;
  top: 94px;    /* 94 if p on bottom else 110 */
  transform: translateY(-50%);
}



.tweet-button a {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 20px 30px 20px 50px;
    text-decoration: none;
    background-image: url("../images/icon-twitter-bird.png");
    background-position: 15px center;
    background-repeat: no-repeat;

    /* background-color: var(--main-color); */
}

    .tweet-button a:hover {
        background-color: #707372 !important;
    }

.row-arts {
    width: 980px;
    margin: 0 auto;
    position: relative;
    min-height: 325px;
}

    .row-arts:before, .row-arts:after {
        content: " ";
        display: table;
    }

    .row-arts:after {
        clear: both;
    }

    .row-arts:before, .row-arts:after {
        content: " ";
        display: table;
    }

    .row-arts:after {
        clear: both;
    }

.arts-bin {
    background-image: url("../images/bg-arts-bin.png");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    width: 23%;
    margin: 0 1% 2% 1%;
    height: 325px;
}

    .arts-bin .details {
        position: absolute;
        bottom: 0;
        padding: 1em;
    }

    .arts-bin:hover .details {
        background-color: rgba(255, 255, 255, 0.9);
        background-color: #707372;
    }

.visit {
    background-image: url("../images/bg-visit-bin.jpg");
}

.events {
    background-image: url("../images/bg-free-event-bin.jpg");
}

.story {
    background-image: url("../images/bg-story-bin.jpg");
}

.promo {
    background-image: url("../images/bg-promo-bin.jpg");
}

.page-banners {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    transition: height .5s ease-in-out;
}

    .page-banners .banner-item {
        width: 100%;
        display: inline-block;
        margin-right: 5px;
        height: 300px;
        vertical-align: top;
        margin-bottom: 10px;
        position: absolute;
    }

        .page-banners .banner-item .venue-image {
            width: 100%;
            height: 300px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

    .page-banners .lefty {
        position: absolute;
        top: 45%;
        left: 10px;
        width: 25px;
        height: 25px;
        margin-top: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-align: inherit;
        background-image: url(/images/scroll-event-left.png);
        border: none;
        opacity: 1;
        display: none;
        cursor: pointer;
    }

    .page-banners .righty {
        position: absolute;
        top: 45%;
        right: 15px;
        width: 25px;
        height: 25px;
        margin-top: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-align: inherit;
        background-image: url(/images/scroll-event-right.png);
        border: none;
        opacity: 1;
        cursor: pointer;
    }

.venue-list a {
    text-decoration: none;
}

.venue-list .venue-item {
    width: 48%;
    display: inline-block;
    margin-right: 5px;
    height: 300px;
    vertical-align: top;
    margin-bottom: 10px;
    position: relative;
}

    .venue-list .venue-item :after {
        clear: none;
    }

    .venue-list .venue-item .venue-posters {
        width: 100%;
        height: 230px;
        background-size: cover;
        background-position: top left;
        background-repeat: no-repeat;
    }

        .venue-list .venue-item .venue-posters .venue-image {
            width: 100%;
            height: 230px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .venue-list .venue-item .venue-posters.last-block .venue-image {
            background-position: top left !important;
        }

    .venue-list .venue-item .venue-text {
        position: absolute;
        bottom: 0px;
        padding: 5px 10px;
        left: 0;
        right: 0;
        color: white;
        min-height: 70px;
    }

        .venue-list .venue-item .venue-text.last-block {
            background-color: #E5E5E5;
        }

.venue-list :after {
    clear: none;
}

.brand-teal .featuredShows .clickableContainer .dates .start-date,
.brand-teal .featuredShows .clickableContainer .dates .endPanel,
.brand-teal .featuredShows .clickableContainer .dates .endPanel .end-date {
    background-color: #00C7B1 !important;
}

.brand-blue .featuredShows .clickableContainer .dates .start-date,
.brand-blue .featuredShows .clickableContainer .dates .endPanel,
.brand-blue .featuredShows .clickableContainer .dates .endPanel .end-date {
    background-color: #0092BC !important;
}

.brand-pink .featuredShows .clickableContainer .dates .start-date,
.brand-pink .featuredShows .clickableContainer .dates .endPanel,
.brand-pink .featuredShows .clickableContainer .dates .endPanel .end-date {
    background-color: #CE0F69 !important;
}

.brand-orange .featuredShows .clickableContainer .dates .start-date,
.brand-orange .featuredShows .clickableContainer .dates .endPanel,
.brand-orange .featuredShows .clickableContainer .dates .endPanel .end-date {
    background-color: #ED8B00 !important;
}

.whats-on .whats-on-keyword input[type="text"],
.whats-on .show-filter .whats-on-daterange input[type="text"] {
    background-color: #eee;
}

.whats-on .show-filter td {
    color: #999;
}

.whats-on p {
    color: #333;
}

    .whats-on p a {
        color: #666;
    }

.whats-on .whats-on-border {
    border-top: solid 1px #EEE;
}

.whats-on .showList .clickableContainer .dates .start-date {
    background-color: #EEE;
}

.whats-on .showList .clickableContainer .dates .endPanel .to-date,
.whats-on .showList .clickableContainer .dates .endPanel .end-date {
    background-color: #FBFBFB;
}

.whats-on .showList .clickableContainer:hover .dates .endPanel .to-date {
    color: #fff;
}

.whats-on .grid-landing-features.whats-on-shows td {
    border-color: #eee;
}

.whats-on .dates .header, .whats-on .dates .number, .whats-on .dates .to-date, .whats-on .dates .end-date {
    color: #666;
}

.whats-on .dates:hover .header, .whats-on .dates:hover .number, .whats-on .dates:hover .to-date, .whats-on .dates:hover .end-date {
    color: #fff;
}

.whats-on .showList .endPanel {
    background-color: #FBFBFB;
}

.brand-teal .whats-on .show-filter h4 {
    color: #00C7B1;
}

.brand-teal .whats-on .showList .clickableContainer:hover .dates .end-date,
.brand-teal .whats-on .showList .clickableContainer:hover .dates .endPanel,
.brand-teal .whats-on .showList .clickableContainer:hover .dates .start-date,
.brand-teal .whats-on .showList .clickableContainer:hover .dates .endPanel .to-date,
.brand-teal .whats-on .whats-on-expand,
.brand-teal .whats-on .datepicker .datepicker-days td.active {
    background-color: #00C7B1 !important;
}

.brand-teal .whats-on .whats-on-keyword input[type="submit"] {
    background: #00C7B1 url("/images/magnifying48.png") no-repeat center center;
}

.brand-orange .whats-on .show-filter h4 {
    color: #ED8B00;
}

.brand-orange .whats-on .showList .clickableContainer:hover .dates .end-date,
.brand-orange .whats-on .showList .clickableContainer:hover .dates .endPanel,
.brand-orange .whats-on .showList .clickableContainer:hover .dates .start-date,
.brand-orange .whats-on .showList .clickableContainer:hover .dates .endPanel .to-date,
.brand-orange .whats-on .whats-on-expand,
.brand-orange .whats-on .datepicker .datepicker-days td.active {
    background-color: #ED8B00 !important;
}

.brand-orange .whats-on .whats-on-keyword input[type="submit"] {
    background: #ED8B00 url("/images/magnifying48.png") no-repeat center center;
}

.brand-blue .whats-on .show-filter h4 {
    color: #0092BC;
}

.brand-blue .whats-on .showList .clickableContainer:hover .dates .end-date,
.brand-blue .whats-on .showList .clickableContainer:hover .dates .endPanel,
.brand-blue .whats-on .showList .clickableContainer:hover .dates .start-date,
.brand-blue .whats-on .showList .clickableContainer:hover .dates .endPanel .to-date,
.brand-blue .whats-on .whats-on-expand,
.brand-blue .whats-on .whats-on-keyword input[type="submit"],
.brand-blue .whats-on .datepicker .datepicker-days td.active {
    background-color: #0092BC !important;
}

.brand-blue .whats-on .whats-on-keyword input[type="submit"] {
    background: #0092BC url("/images/magnifying48.png") no-repeat center center;
}

.brand-pink .whats-on .show-filter h4 {
    color: #CE0F69;
}

.brand-pink .whats-on .showList .clickableContainer:hover .dates .end-date,
.brand-pink .whats-on .showList .clickableContainer:hover .dates .endPanel,
.brand-pink .whats-on .showList .clickableContainer:hover .dates .start-date,
.brand-pink .whats-on .showList .clickableContainer:hover .dates .endPanel .to-date,
.brand-pink .whats-on .whats-on-expand,
.brand-pink .whats-on .whats-on-keyword input[type="submit"],
.brand-pink .whats-on .datepicker .datepicker-days td.active {
    background-color: #CE0F69 !important;
}

.brand-pink .whats-on .whats-on-keyword input[type="submit"] {
    background: #CE0F69 url("/images/magnifying48.png") no-repeat center center;
}


#event-listing-parent h3 {
    margin-top: 1rem;
    font-size: 1.7rem;
    color: #666;
}

html .coveo-whats-on .back-to-top {
    background: #ccc;
    padding: 10px;
    font-size: 32px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: opacity 300ms ease-in;
    z-index: 10;
    cursor: pointer;
}

    html .coveo-whats-on .back-to-top span {
        color: #fff;
    }

    html .coveo-whats-on .back-to-top.on {
        display: block;
        opacity: .5;
    }

    html .coveo-whats-on .back-to-top.off {
        display: block;
        overflow: hidden;
        opacity: 0;
    }

html .coveo-whats-on .coveo-cancel-last {
    display: none;
}

html .coveo-whats-on .coveo-executing-query .CoveoResultList .CoveoResult {
    opacity: .5;
}

html .coveo-whats-on .reset-button {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: -36px;
    background: rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    font-size: 85%;
}

    html .coveo-whats-on .reset-button span {
        vertical-align: text-top;
    }

html .coveo-whats-on .menu-bar {
    position: relative;
    margin-top: 60px;
    /*
  <div class="CoveoSearchBox" data-activate-omnibox="True" data-omnibox-delay="500"><a class="CoveoSearchButton" href="javascript:"><span class="coveo-icon">Search</span></a><div>
	  <input type="text" autocapitalize="off" autocorrect="off" class="CoveoQueryBox" form="coveo-dummy-form" placeholder="Search to find out what's on!">
	  <div class="coveo-omnibox" style="display: none;"></div>
	  <span class="coveo-query-box-clear" style="display: block;"><span class="coveo-icon"></span></span></div>
  </div>
  */
}

    html .coveo-whats-on .menu-bar input, html .coveo-whats-on .menu-bar select {
        outline: none;
        outline-style: none;
    }

    html .coveo-whats-on .menu-bar .dropdown {
        float: right;
        display: block !important;
    }

        html .coveo-whats-on .menu-bar .dropdown span.text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        html .coveo-whats-on .menu-bar .dropdown.company {
            width: 31%;
            margin-right: 1%;
        }

            html .coveo-whats-on .menu-bar .dropdown.company span.text {
                width: 155px;
            }

        html .coveo-whats-on .menu-bar .dropdown.category {
            width: 22%;
            margin-right: 1%;
        }

            html .coveo-whats-on .menu-bar .dropdown.category span.text {
                width: 155px;
            }

        html .coveo-whats-on .menu-bar .dropdown.venue {
            width: 23%;
            margin-right: 1%;
        }

            html .coveo-whats-on .menu-bar .dropdown.venue span.text {
                width: 155px;
            }

        html .coveo-whats-on .menu-bar .dropdown.date {
            width: 21%;
        }

            html .coveo-whats-on .menu-bar .dropdown.date span.text {
                width: 105px;
            }

        html .coveo-whats-on .menu-bar .dropdown button {
            width: 100%;
            border-radius: 0px;
            outline: 0;
            text-align: left;
            padding-top: 13px;
            padding-bottom: 13px;
        }

        html .coveo-whats-on .menu-bar .dropdown button, html .coveo-whats-on .menu-bar .dropdown ul {
            color: #fff !important;
        }

        html .coveo-whats-on .menu-bar .dropdown.category ul {
            min-width: 216px;
        }

        html .coveo-whats-on .menu-bar .dropdown.company ul {
            min-width: 216px;
            width: 100%;
        }

        html .coveo-whats-on .menu-bar .dropdown.venue ul {
            min-width: 226px;
        }

    html .coveo-whats-on .menu-bar .CoveoSearchBox {
        width: 100%;
        margin-right: 1%;
        float: left;
    }

    html .coveo-whats-on .menu-bar .caret-box {
        position: absolute;
        height: auto;
        top: 2px;
        padding: 19px;
        right: 0px;
    }

    html .coveo-whats-on .menu-bar .caret {
        border-top: 6px dashed;
        border-top: 6px solid\9;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        color: #fff;
    }

    html .coveo-whats-on .menu-bar ul.dropdown-menu {
        border-radius: 0px;
        color: #fff;
        margin-top: 0px;
        padding: 5px;
    }

        html .coveo-whats-on .menu-bar ul.dropdown-menu li a {
            color: #fff;
            padding: 6px 10px;
            display: block;
        }

        html .coveo-whats-on .menu-bar ul.dropdown-menu .apply {
            cursor: pointer;
            padding: 7px;
            text-align: right;
        }

            html .coveo-whats-on .menu-bar ul.dropdown-menu .apply span {
                margin-left: 5px;
            }

    html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu {
        left: auto;
        right: 0px;
        width: 380px;
    }

        html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-list, html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range {
            width: 50%;
            float: left;
            box-sizing: border-box;
            padding: 0% 1%;
        }

        html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-list {
            padding-left: 0%;
        }

        html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu a {
            text-decoration: none;
            text-align: center;
        }

        html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range {
            padding: 0% 3%;
        }

            html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range label {
                font-weight: normal;
                margin-top: 5px;
                margin-bottom: 0px;
            }

            html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range label, html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range input {
                display: block;
                width: 100%;
                float: none;
                text-align: left;
            }

            html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .date-input-wrapper {
                position: relative;
            }

                html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .date-input-wrapper span {
                    color: #BBB;
                    position: absolute;
                    right: 3px;
                    top: 4px;
                    z-index: 4;
                    font-size: 20px;
                }

                html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .date-input-wrapper input {
                    background-image: none !important;
                }

            html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .date-range-button {
                margin-top: 10px;
            }

        html .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .apply {
            clear: both;
            padding-top: 0px;
        }

    html .coveo-whats-on .menu-bar input, html .coveo-whats-on .menu-bar .dropdown {
        display: inline-block;
        box-sizing: border-box;
    }

    html .coveo-whats-on .menu-bar .search-input {
        padding: 10px;
    }

    html .coveo-whats-on .menu-bar ul li a.on {
        background-color: #666;
        color: #fff;
    }

    html .coveo-whats-on .menu-bar .CoveoSearchBox {
        position: relative;
        vertical-align: middle;
        display: inline-block;
    }

        html .coveo-whats-on .menu-bar .CoveoSearchBox > div {
            overflow: none;
            height: auto;
        }

        html .coveo-whats-on .menu-bar .CoveoSearchBox .CoveoSearchButton {
            position: absolute;
            top: 9px;
            right: 10px;
            height: 30px;
            padding: 2px 8px 6px;
            border-radius: 0px;
            width: 30px;
            text-indent: -5000px;
            background-image: url(/images/Search-48.png);
            background-position: center;
            cursor: pointer;
        }

        html .coveo-whats-on .menu-bar .CoveoSearchBox input.CoveoQueryBox {
            border: 1px solid #ddd !important;
            border-right-width: 1px;
            width: 100%;
            padding: 13px 73px 13px 12px;
            font-size: 14px;
            box-sizing: border-box;
        }

        html .coveo-whats-on .menu-bar .CoveoSearchBox .coveo-query-box-clear {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 9px;
            right: 40px;
            background-image: url(/images/close.png);
            background-position: center;
            cursor: pointer;
        }

html .coveo-whats-on .coveo-omnibox {
    position: absolute;
    z-index: 10;
    background-color: #eee;
    background-color: rgba(240, 240, 240, 0.95);
    padding: 10px;
}

    html .coveo-whats-on .coveo-omnibox .coveo-top-field-suggestion-header {
        display: none;
    }

    html .coveo-whats-on .coveo-omnibox .coveo-omnibox-selectable {
        color: #666;
        padding: 6px 10px;
        cursor: pointer;
        border-top: 1px solid #ddd;
    }

        html .coveo-whats-on .coveo-omnibox .coveo-omnibox-selectable:first-child {
            border-top: 0px solid transparent;
        }

    html .coveo-whats-on .coveo-omnibox .coveo-omnibox-header {
        font-size: 95%;
        color: #999 !important;
    }

    html .coveo-whats-on .coveo-omnibox .coveo-omnibox-selected {
        font-weight: normal;
    }

html .coveo-whats-on .CoveoTopFieldSuggestions {
    position: absolute;
}

html .coveo-whats-on .coveo-results-header:before {
    content: "";
    display: table;
}

html .coveo-whats-on .coveo-results-header:after {
    content: "";
    display: table;
    clear: both;
}

html .coveo-whats-on .coveo-results-header {
    margin-top: 10px;
    zoom: 1;
    background-color: #f4f4f4;
}

    html .coveo-whats-on .coveo-results-header.no-results {
        background-color: #fff;
        margin-bottom: 50px;
        margin-left: 13px;
    }

        html .coveo-whats-on .coveo-results-header.no-results .coveo-summary-section {
            padding: 0;
        }

    html .coveo-whats-on .coveo-results-header .coveo-highlight {
        font-weight: bold;
    }

    html .coveo-whats-on .coveo-results-header .coveo-summary-section {
        display: inline-block;
        padding: 5px 10px;
    }

    html .coveo-whats-on .coveo-results-header .coveo-sort-section {
        display: none;
        /*display: inline-block;*/
        float: right;
        text-align: right;
        padding: 5px 10px;
    }

        html .coveo-whats-on .coveo-results-header .coveo-sort-section div {
            height: auto;
        }

        html .coveo-whats-on .coveo-results-header .coveo-sort-section:first-child .CoveoSort {
            margin-left: 0;
        }

    html .coveo-whats-on .coveo-results-header .CoveoSort {
        margin-left: 10px;
        cursor: pointer;
    }

        html .coveo-whats-on .coveo-results-header .CoveoSort.coveo-selected {
            font-weight: bold;
        }

        html .coveo-whats-on .coveo-results-header .CoveoSort:hover {
            text-decoration: underline;
        }

    html .coveo-whats-on .coveo-results-header .coveo-no-results-string {
        margin-top: 30px;
        font-size: 18px;
        line-height: 3rem;
        width: 500px;
    }

    html .coveo-whats-on .coveo-results-header .coveo-cancel-last {
        margin-top: 5px;
        cursor: pointer;
    }

        html .coveo-whats-on .coveo-results-header .coveo-cancel-last:hover {
            text-decoration: underline;
        }

    html .coveo-whats-on .coveo-results-header .coveo-search-tips-info {
        margin-top: 30px;
    }

html .coveo-whats-on .hidden-load-more {
    height: 50px;
}

    html .coveo-whats-on .hidden-load-more .spinner {
        visibility: hidden;
        position: relative;
        display: block;
        z-index: 10;
    }

        html .coveo-whats-on .hidden-load-more .spinner .loader {
            width: 5em;
            height: 5em;
        }

    html .coveo-whats-on .hidden-load-more.active .spinner {
        visibility: visible;
    }

html .coveo-whats-on .coveo-executing-query .CoveoResultList .CoveoResult {
    opacity: .5;
}

html .coveo-whats-on .coveo-executing-query .no-results .coveo-summary-section {
    display: none;
}

html .coveo-whats-on .coveo-executing-query .CoveoSearchBox .spinner {
    display: block;
}

html .coveo-whats-on .coveo-executing-query .CoveoSearchBox .CoveoSearchButton {
    display: none;
}

html .coveo-whats-on .coveo-executing-query .CoveoResultList .spinner {
    position: absolute;
    display: block;
    z-index: 10;
    left: 50%;
    margin-left: -3.5em;
}

    html .coveo-whats-on .coveo-executing-query .CoveoResultList .spinner .loader:after {
        width: 7em;
        height: 7em;
    }

html .coveo-whats-on .CoveoSearchBox .spinner {
    display: none;
    position: absolute;
    top: 9px;
    right: 10px;
}

    html .coveo-whats-on .CoveoSearchBox .spinner .loader {
        margin: 0px;
        width: 3em;
        height: 3em;
    }

html .coveo-whats-on .CoveoResultList {
    min-height: 300px;
}

    html .coveo-whats-on .CoveoResultList .spinner {
        display: none;
    }

    html .coveo-whats-on .CoveoResultList.no-results {
        display: none;
    }

html .coveo-whats-on .coveo-executing-query .CoveoResultList.no-results {
    display: none;
}

html .coveo-whats-on .loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(192, 192, 192, 0.2);
    border-right: 1.1em solid rgba(192, 192, 192, 0.2);
    border-bottom: 1.1em solid rgba(192, 192, 192, 0.2);
    border-left: 1.1em solid #c0c0c0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

    html .coveo-whats-on .loader,
    html .coveo-whats-on .loader:after {
        border-radius: 50%;
        width: 10em;
        height: 10em;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

html .coveo-whats-on .not-showing-at {
    font-style: italic;
    color: #666;
    margin-top: -13px;
    margin-bottom: 10px;
    font-size: 95%;
}

html .coveo-whats-on .clearfix:before,
html .coveo-whats-on .clearfix:after {
    content: "";
    display: table;
}

html .coveo-whats-on .clearfix:after {
    clear: both;
}

html .coveo-whats-on .clearfix {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

html .coveo-whats-on .selected-filters {
    margin-top: 5px;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

    html .coveo-whats-on .selected-filters.active {
        display: block;
    }

    html .coveo-whats-on .selected-filters .title {
        font-weight: bold;
    }

html .coveo-whats-on .upcoming-shows-text {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
}

html .coveo-whats-on .result.CoveoResult {
    border: 0;
    margin: 0 0 30px 0;
}

html .coveo-whats-on .result .image-sidebar {
    float: left;
    width: 42px;
    background-color: #9A9A9A;
    height: 250px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    color: #fff;
}

    html .coveo-whats-on .result .image-sidebar .short-dates {
        font-size: 1.3rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        position: absolute;
        width: 41px;
        background-color: #707372;
        text-align: center;
        z-index: 1;
        /*Change four 'top' values below to rotate (top/right/bottom/left)*/
    }

        html .coveo-whats-on .result .image-sidebar .short-dates .short-date-start, html .coveo-whats-on .result .image-sidebar .short-dates .short-date-end {
            height: 31px;
            width: 29px;
            padding: 6px;
            box-sizing: content-box;
        }

        html .coveo-whats-on .result .image-sidebar .short-dates .chevron {
            position: relative;
            display: block;
            height: 11px;
            /*height should be double border*/
            left: 11px;
            top: 6px;
            z-index: 1;
        }

            html .coveo-whats-on .result .image-sidebar .short-dates .chevron:before,
            html .coveo-whats-on .result .image-sidebar .short-dates .chevron:after {
                position: absolute;
                display: block;
                content: "";
                border: 9px solid transparent;
                /*adjust size*/
            }

            html .coveo-whats-on .result .image-sidebar .short-dates .chevron:before {
                top: -6px;
                border-top-color: #d4d4d4;
                /*Chevron Color*/
            }

            html .coveo-whats-on .result .image-sidebar .short-dates .chevron:after {
                top: -10px;
                /*adjust thickness*/
                border-top-color: #707372;
                /*Match background colour*/
            }

    html .coveo-whats-on .result .image-sidebar .category-name {
        height: 250px;
        width: 44px;
        position: relative;
        overflow: hidden;
    }

        html .coveo-whats-on .result .image-sidebar .category-name .value {
            -webkit-transform: rotate(-90deg);
            -webkit-transform-origin: left top;
            -moz-transform: rotate(-90deg);
            -moz-transform-origin: left top;
            -o-transform: rotate(-90deg);
            -o-transform-origin: left top;
            transform: rotate(-90deg);
            transform-origin: left top;
            position: absolute;
            bottom: 0;
            left: 10px;
            white-space: nowrap;
        }

html .coveo-whats-on .result .poster-image {
    float: left;
    width: 180px;
    height: 250px;
}

html .coveo-whats-on .result .production-details {
    float: left;
    padding: 0 15px 0 15px;
    width: 550px;
}

    html .coveo-whats-on .result .production-details .presented-by {
        margin-bottom: 13px;
        font-style: italic;
    }

    html .coveo-whats-on .result .production-details .further-detail {
        font-weight: bold;
    }

    html .coveo-whats-on .result .production-details .name {
        font-size: 2.2rem;
        line-height: 2.2rem;
        font-weight: bold;
        color: #565656;
        margin-bottom: 5px !important;
    }

    html .coveo-whats-on .result .production-details .date {
        font-weight: bold;
        font-size: 1.7rem;
        line-height: 1.7rem;
        border-bottom: 1px #D8D8D8 solid;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        html .coveo-whats-on .result .production-details .date .calendar {
            position: relative;
            left: -7px;
        }

        html .coveo-whats-on .result .production-details .date span {
            position: relative;
            left: -9px;
            top: 1px;
        }

    html .coveo-whats-on .result .production-details .description {
        max-height: 40px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    html .coveo-whats-on .result .production-details .location {
        margin-bottom: 15px;
    }

html .coveo-whats-on .result .cta {
    float: right;
    margin-top: 40px;
    width: 170px;
    font-size: 14px !important;
}

html .coveo-whats-on .cta {
    text-align: center;
    width: 200px;
    font-size: 18px !important;
    margin: 0 auto;
}

    html .coveo-whats-on .cta a {
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 15px;
        display: block;
        color: #ffffff;
        text-decoration: none;
    }

        html .coveo-whats-on .cta a:hover {
            background-color: #707372 !important;
        }

html .coveo-whats-on .load-more {
    margin-top: 60px;
    margin-bottom: 60px;
}

html .brand-teal .coveo-whats-on .intro h1 {
    color: #00C7B1;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    margin-top: 25px;
}

html .brand-teal .coveo-whats-on .reset-button {
    color: #00C7B1;
}

html .brand-teal .coveo-whats-on .menu-bar.no-top-pad {
    margin-top: 10px;
}

html .brand-teal .coveo-whats-on .menu-bar .dropdown button {
    background: #00C7B1;
    background: -webkit-linear-gradient(top, #00C7B1 0%, #009484 100%);
    background: linear-gradient(to bottom, #00C7B1 0%, #009484 100%);
    border-color: #00C7B1;
}

html .brand-teal .coveo-whats-on .menu-bar .dropdown .caret-box {
    background: transparent;
}

html .brand-teal .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #009484;
}

html .brand-teal .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #00C7B1;
}

html .brand-teal .coveo-whats-on .menu-bar ul.dropdown-menu {
    background: #009484;
}

    html .brand-teal .coveo-whats-on .menu-bar ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-teal .coveo-whats-on .menu-bar ul.dropdown-menu li a {
            color: #fff;
            background: #00ae9a;
        }

            html .brand-teal .coveo-whats-on .menu-bar ul.dropdown-menu li a.on {
                background: #00c7b1;
            }

        html .brand-teal .coveo-whats-on .menu-bar ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu {
    background: #009484;
}

    html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a {
            color: #fff;
            background: #00ae9a;
        }

            html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a.on {
                background: #00c7b1;
            }

        html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

    html .brand-teal .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .glyphicon-calendar {
        cursor: pointer;
    }

html .brand-teal .coveo-whats-on .coveo-omnibox .coveo-omnibox-selected {
    color: #00C7B1;
}

html .brand-teal .coveo-whats-on .buy a {
    color: #00C7B1;
}

html .brand-teal .selected-filters .selected-filter-values {
    color: #00C7B1;
}

html .brand-blue .coveo-whats-on .intro h1 {
    color: #0092BC;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    margin-top: 25px;
}

html .brand-blue .coveo-whats-on .reset-button {
    color: #0092BC;
}

html .brand-blue .coveo-whats-on .menu-bar.no-top-pad {
    margin-top: 10px;
}

html .brand-blue .coveo-whats-on .menu-bar .dropdown button {
    background: #0092BC;
    background: -webkit-linear-gradient(top, #0092BC 0%, #006a89 100%);
    background: linear-gradient(to bottom, #0092BC 0%, #006a89 100%);
    border-color: #0092BC;
}

html .brand-blue .coveo-whats-on .menu-bar .dropdown .caret-box {
    background: transparent;
}

html .brand-blue .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #006a89;
}

html .brand-blue .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #0092BC;
}

html .brand-blue .coveo-whats-on .menu-bar ul.dropdown-menu {
    background: #006a89;
}

    html .brand-blue .coveo-whats-on .menu-bar ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-blue .coveo-whats-on .menu-bar ul.dropdown-menu li a {
            color: #fff;
            background: #007ea3;
        }

            html .brand-blue .coveo-whats-on .menu-bar ul.dropdown-menu li a.on {
                background: #0092bc;
            }

        html .brand-blue .coveo-whats-on .menu-bar ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu {
    background: #006a89;
}

    html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a {
            color: #fff;
            background: #007ea3;
        }

            html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a.on {
                background: #0092bc;
            }

        html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

    html .brand-blue .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .glyphicon-calendar {
        cursor: pointer;
    }

html .brand-blue .coveo-whats-on .coveo-omnibox .coveo-omnibox-selected {
    color: #0092BC;
}

html .brand-blue .coveo-whats-on .buy a {
    color: #0092BC;
}

html .brand-blue .selected-filters .selected-filter-values {
    color: #0092BC;
}

html .brand-pink .coveo-whats-on .intro h1 {
    color: #CE0F69;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    margin-top: 25px;
}

html .brand-pink .coveo-whats-on .reset-button {
    color: #CE0F69;
}

html .brand-pink .coveo-whats-on .menu-bar.no-top-pad {
    margin-top: 10px;
}

html .brand-pink .coveo-whats-on .menu-bar .dropdown button {
    background: #CE0F69;
    background: -webkit-linear-gradient(top, #CE0F69 0%, #9e0c51 100%);
    background: linear-gradient(to bottom, #CE0F69 0%, #9e0c51 100%);
    border-color: #CE0F69;
}

html .brand-pink .coveo-whats-on .menu-bar .dropdown .caret-box {
    background: transparent;
}

html .brand-pink .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #9e0c51;
}

html .brand-pink .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #CE0F69;
}

html .brand-pink .coveo-whats-on .menu-bar ul.dropdown-menu {
    background: #9e0c51;
}

    html .brand-pink .coveo-whats-on .menu-bar ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-pink .coveo-whats-on .menu-bar ul.dropdown-menu li a {
            color: #fff;
            background: #b60d5d;
        }

            html .brand-pink .coveo-whats-on .menu-bar ul.dropdown-menu li a.on {
                background: #ce0f69;
            }

        html .brand-pink .coveo-whats-on .menu-bar ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu {
    background: #9e0c51;
}

    html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a {
            color: #fff;
            background: #b60d5d;
        }

            html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a.on {
                background: #ce0f69;
            }

        html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

    html .brand-pink .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .glyphicon-calendar {
        cursor: pointer;
    }

html .brand-pink .coveo-whats-on .coveo-omnibox .coveo-omnibox-selected {
    color: #CE0F69;
}

html .brand-pink .coveo-whats-on .buy a {
    color: #CE0F69;
}

html .brand-pink .selected-filters .selected-filter-values {
    color: #CE0F69;
}

html .brand-orange .coveo-whats-on .intro h1 {
    color: #ED8B00;
    font-family: 'Gotham Narrow A', 'Gotham Narrow B';
    margin-top: 25px;
}

html .brand-orange .coveo-whats-on .reset-button {
    color: #ED8B00;
}

html .brand-orange .coveo-whats-on .menu-bar.no-top-pad {
    margin-top: 10px;
}

html .brand-orange .coveo-whats-on .menu-bar .dropdown button {
    background: #ED8B00;
    background: -webkit-linear-gradient(top, #ED8B00 0%, #ba6d00 100%);
    background: linear-gradient(to bottom, #ED8B00 0%, #ba6d00 100%);
    border-color: #ED8B00;
}

html .brand-orange .coveo-whats-on .menu-bar .dropdown .caret-box {
    background: transparent;
}

html .brand-orange .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #ba6d00;
}

html .brand-orange .coveo-whats-on .menu-bar .dropdown.open .caret-box {
    background: #ED8B00;
}

html .brand-orange .coveo-whats-on .menu-bar ul.dropdown-menu {
    background: #ba6d00;
}

    html .brand-orange .coveo-whats-on .menu-bar ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-orange .coveo-whats-on .menu-bar ul.dropdown-menu li a {
            color: #fff;
            background: #d37c00;
        }

            html .brand-orange .coveo-whats-on .menu-bar ul.dropdown-menu li a.on {
                background: #ed8b00;
            }

        html .brand-orange .coveo-whats-on .menu-bar ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu {
    background: #ba6d00;
}

    html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li {
        margin-bottom: 1px;
    }

        html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a {
            color: #fff;
            background: #d37c00;
        }

            html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li a.on {
                background: #ed8b00;
            }

        html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu li:last {
            margin-bottom: 0px;
        }

    html .brand-orange .coveo-whats-on .menu-bar .dropdown.date ul.dropdown-menu .date-range .glyphicon-calendar {
        cursor: pointer;
    }

html .brand-orange .coveo-whats-on .coveo-omnibox .coveo-omnibox-selected {
    color: #ED8B00;
}

html .brand-orange .coveo-whats-on .buy a {
    color: #ED8B00;
}

html .brand-orange .selected-filters .selected-filter-values {
    color: #ED8B00;
}

html body .datepicker.datepicker-dropdown {
    height: auto !important;
}

.featured-shows {
    /* max-height: 0; */
    height: auto;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    margin: 0;
    padding: 0;

}

    .featured-shows.active {
        min-height: 484px;
        transition: max-height 0.25s ease-in;
        margin: 0 auto;
        width: 68.3%; /* rg, was: 68.3% last then 55% before that; */

    }

    .featured-shows h3 {
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 3rem;
        font-size: 1.4em;
        font-weight: bold;
        color: #666;
    }

    .featured-shows .shows {
        padding: 16px;
        background-color: #fff; /* #f4f4f4; */
        overflow: hidden;
        overflow-x: hidden;
    }

        .featured-shows .shows a:first-child .show {
            margin-left: 0 !important;
        }

        .featured-shows .shows .show {
            width: 100%;
            height: auto;
            position: relative;
            color: #eee;
            float: left;
            background-size: cover !important;
            overflow: visible;
            z-index: 1;
            
            border: 1px solid #bbb;
            background-color: #000;
            margin-bottom: 16px;
        }

        .featured-shows .shows .show .imgholder,
        .featured-shows .shows .show .imgholder img {
            width: 100%;
        }

        .featured-shows .shows .show .show-teaser-overlay {
            width: 100%;
            height: 81%;   /* was 78% */
            position: absolute;
            top:0;
            background-color: #000;
            opacity: 0;
            transition-duration: 200ms;
            overflow: hidden;
            padding: 10px;
            z-index: 20;
            white-space: normal;
            font-size: 1.1em;
            display: block;
        }

                .featured-shows .shows .show .show-teaser-overlay:hover {
                    opacity: 0.85;
                }

                    .featured-shows .shows .show .show-teaser-overlay:hover span {
                        opacity: 1;
                    }

            .featured-shows .shows .show .name-container {
                position: relative;
                bottom: 0;
                font-weight: bold;
                padding: 4px 10px 30px 0px;
                box-sizing: content-box;
                margin-bottom: 16px;

            }

                .featured-shows .shows .show .name-container .name {
                    overflow: hidden;
                    width: 85%;
                    height: 45px;
                    white-space: normal;
                    font-size: 1.1em;
                    padding-left: 10px;
                }

            .featured-shows .shows .show .date-range {
                text-transform: uppercase;
                z-index: 3;
                position: absolute;
                bottom: 0px;
                padding: 6px 10px;
                font-size: 1.0rem;
                
                background-color: #555;
            }

/*# sourceMappingURL=screen.css.map */
img.slide-image {
    padding-bottom: 20px;
}

#myFooter {
	background-color: #373a48;
	color:white;
}

#myFooter .footer-copyright{
	background-color: #383737;
	padding-top:3px;
	padding-bottom:3px;
	text-align: center;
}

#myFooter .footer-copyright p{
	margin:10px;
	color: #ccc;
}


}
#myFooter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#myFooter li {
/*    display: inline-block;*/
    position: relative;
    line-height:20px;
    font-size:14px;
    text-transform: initial;
    color:#ababab;
    white-space: pre-wrap;
	margin-left: 15px;
}

#myFooter h5{
	font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
	margin-left: 15px;
}

#myFooter a{
	color:#d2d1d1;
	text-decoration: none;
	white-space: pre-wrap;
}

#myFooter a:hover, #myFooter a:focus{
	text-decoration: none;
	color:white;
}

#myFooter .myCols{
	text-align: left;
}

#myFooter .social-networks{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 38px;
}

#myFooter .social-networks a{
    font-size: 32px;
    margin-right: 5px;
    margin-left: 5px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover{
	text-decoration: none;

}

#myFooter .facebook:hover{
	color:#0077e2;
}

#myFooter .insta:hover{
	color:#ef1a1a;
}

#myFooter .twitter:hover{
	color: #00aced;
}

#myFooter .blog:hover{
	color: #FFA500;
}

#myFooter .youtube:hover{
	color: #8b0000;
}

@media screen and (max-width: 767px){
	#myFooter li {
	text-align: center;
	}
	#myFooter .myCols {
	text-align: center;
	}
}






/*for middle bottom of footer with buttons*/
.col-md-4.col-xs-12 {
	width: 50%; 
}

@media screen and (max-width: 767px){
	.col-md-4.col-xs-12 {
	width: 100%; 
}






/*FAQS*/
.faq_question {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	margin-top: 15px;
}

.faq_answer_container {
	height: 0px;
	overflow: hidden;
	padding: 0px;
}