@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|Playfair+Display:400italic";@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";@import "https://use.typekit.net/bgl4xvq.css";@font-face@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800&display=swap'); {
    font-family: 'icomoon';
    src: url(https://hqtheatres.com/static/fonts/icomoon.eot?-xvchzi);
    src: url(https://hqtheatres.com/static/fonts/icomoon.eot?#iefix-xvchzi) format("embedded-opentype"),url(https://hqtheatres.com/static/fonts/icomoon.ttf?-xvchzi) format("truetype"),url(https://hqtheatres.com/static/fonts/icomoon.woff?-xvchzi) format("woff"),url(https://hqtheatres.com/static/fonts/icomoon.svg?-xvchzi#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

:root {
    --primary-color:#de3e0f;
		--primary-color-lighter:#EB4310;
	--secondary-color:#00203c;
		--secondary-color-lighter:#00274A;
	--tertiary-color:#5e98a1;
		--tertiary-color-lighter: #65A4AD;
	--quaternary-color:#848482;
		--quaternary-color-lighter:#9C9A8C;
}

body {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondary-color);
    background: transparent;
	
}

h1,h2,h3,h4,h5,h6,.h4,.h5,.h6 {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 800;
    color: var(--secondary-color)
}

#content h1 {
    margin-bottom: 20px;
    letter-spacing: -.04em
}

h2,h3,.event-content h1 {
    letter-spacing: -.01em
}

h2,.h2,.event-content h1 {
    font-size: 32px!important;
    margin-bottom: 10px
}

h3,.h3 {
    font-size: 28px
}

h4,.h4 {
    font-size: 24px
}

h5,.h5 {
    font-weight: 700;
    font-size: 18px
}

h6,.h6 {
    font-weight: 700;
    font-size: 14px
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: 400ms all
}

p,li,dl,.main-article-body {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 300
}

b,strong {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}


a:hover, a:active, a:focus,
a:not(.btn):focus, a:not(.btn):hover
 {
    color: var(--primary-color-lighter);
    text-decoration: none;
}


blockquote {
    padding: 10px 30px 10px 110px;
    margin: 10px 0;
    position: relative;
    background: whitebfc;
    border: 1px solid #e2ebee
}

blockquote:first-of-type {
    margin: 30px 0 10px
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 120px;
    position: absolute;
    left: 20px;
    top: 40px;
    color: var(--tertiary-color-lighter);
    font-family: 'Playfair Display',Georgia,serif;
    font-weight: 700
}

blockquote p {
    color: var(--primary-color-lighter);
    font-family: 'Playfair Display',Georgia,serif;
    font-style: italic;
    font-size: 24px
}

blockquote p strong {
    display: block;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: var(--tertiary-color)
}

blockquote p strong:before {
    content: "\2014";
    margin-right: 5px;
    font-weight: 300
}

hr {
    border: 0;
    color: #e2ebee;
    background: #e2ebee;
    height: 1px;
    width: 100%
}

img {
    height: auto!important;
    max-width: 100%
}

label {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.table td,.table th {
    border-top: 1px solid #e2ebee!important;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: white
}


abbr[title], acronym[title] {
    text-decoration: none;
    border-bottom: 1px dotted #aaa;
}

.text-info {
    color: #1d426e!important;
}


#right-items div {
    display: none
}



.fancybox-title {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important
}

#searchItems li.item-search-start-date,#searchItems li.item-search-end-date {
    display: none
}

.customer-greeting {
    display: none
}

.active-promotions {
    display: none
}

#content {
    padding-top: 20px;
    background: whitebfc;
    z-index: 1
}

.menu-toggle.btn-default:hover,.menu-toggle.btn-default:focus {
    color: var(--primary-color)
}

#menu li a {
    font-weight: 700;
    text-transform: uppercase
}

#menu li ul li a {
    font-weight: 400
}

#utility-menu-item-logout,
#menuTopItem-help,
.greeting-message,
.greeting-name
{
    display: none
}

.nav > li > a {
    background: white2f2
}

.dropdown-menu > li > a {
    background: whitebfc
}

.nav > li > a:hover,.nav > li > a:focus {
    background-color: var(--primary-color);
    text-decoration: none;
    color: white
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    background-color: var(--primary-color);
    color: white;
    text-decoration: none
}

#menu,#content,.customer-options {
    transition: all .5s ease 0
}

#menu li li {
    display: none
}

#menu ul .menuTopItem.open li {
    display: block
}

#menu .dropDown {width: auto;}

.nav > li > a:hover,.nav > li > a:focus,.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
    background-color: var(--primary-color);
    text-decoration: none;
    color: white
}

#orderTimeout {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
	color: white
}

.btn,.book-button,.info-button,.hq-form input[type="submit"] {
    -moz-user-select: none;
    /* color: white; */
    background-image: none;
    border: none!important;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 800;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 24px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase
}

.btn:focus,.btn:active:focus,.btn.active:focus {
    outline: none;
    border: none!important
}

.book-button,.hq-form input[type="submit"] {
    font-size: 18px;
    margin-bottom: 10px;
    border: none!important
}

.book-button .glyphicon {
    font-size: 14px;
    margin-left: 2px;
    margin-right: -2px;
    opacity: .6;
    transition: 600ms opacity
}

.book-button:hover .glyphicon {
    opacity: 1
}

.result-box-item .btn-primary {
    font-size: 20px;
    margin-top: 12px
}

.btn-primary,.book-button,.hq-form input[type="submit"], a.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary,
a.book-button:hover,
a.book-button:focus,
a.book-button:active,
.hq-form input[type="submit"]:hover,
.hq-form input[type="submit"]:focus,
.hq-form input[type="submit"]:active,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary:not(:disabled):not(.disabled):hover,
a.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus {
     background-color: var(--primary-color-lighter);
     color: white 
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary.active[disabled],fieldset[disabled] .btn-primary.active {
    background-color: var(--primary-color)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    opacity: .4
}

.info-button,.btn-default {
    text-shadow: none;
    background: var(--tertiary-color);
	color: white;
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.info-button:hover,.info-button:focus,.info-button:active,

a.info-button:not(.btn):focus, a.info-button:not(.btn):hover

 {
    background: var(--tertiary-color-lighter);
    color: white;
    border: none!important
}

.menu-toggle:hover,.menu-toggle:active,.menu-toggle:focus {
    background-color: rgba(0,0,0,0.25);
    color: var(--primary-color)
}

.menu-toggle span.mobile-cart-indicator {
    background-color: var(--primary-color);
    text-transform: lowercase
}

.btn-lg,.btn-group-lg > .btn {
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px
}

#shoppingCart .navigation-box .btn {
    margin-bottom: 10px
}

.blue-button {
    background: #1b94f0;
    color: white
}

.blue-button:hover {
    background: #d8d8d8;
    color: #4a4442
}

.gl-conferencing h2 a {
    color: black
}

.gl-conferencing {
    background-color: #eee;
    border: 1px solid #d8d8d8;
    min-height: 200px;
    margin-right: 15px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.gl-conferencing:hover,.gl-conferencing:hover h2 a,.gl-conferencing:hover p a {
    background-color: #1b94f0;
    color: white
}

.gl-conferencing h2 a:hover,.gl-conferencing h2 a:active,.gl-conferencing h2 a:focus {
    text-decoration: underline
}

.no-padding {
    padding: 0
}

.form-control {
	max-width: 90%;
}

.form-control:focus,form[name="avArticleForm"] input[type="text"]:focus,form[name="avArticleForm"] input[type="password"]:focus,form[name="avArticleForm"] textarea:focus {
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 4px rgba(37,127,146,0.5);
    border-color: var(--tertiary-color)
}

.form-control option {
    padding: 5px
}

.hq-form input[type="text"],.hq-form textarea,
form[name="avArticleForm"] .input-group .form-control

 {
    width: 90%;
	max-width: 90%;
}


.hq-form .requiredIcon {
	position: inherit;
}

.alert {
    padding: 2em;
	text-shadow: none; 
}

.error-message,.timeout-message {
    background-color: var(--primary-color);
    color: white
}

.info-message {
    background-color: var(--primary-color);
    color: white
}

.info-message a {
    color: white;
    text-decoration: underline
}

.info-message a:hover {
    text-decoration: none
}

.info-message h4 {
    color: white;
    text-shadow: none;
}

.alert-info,.alert-warning {
    background-color: white;
    border-color: var(--primary-color);
    color: #4A4442;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.alert-danger {
    background: grey;
    color: white
}

.alert-danger a {
    color: white;
	text-decoration: underline; 
}

.alert-danger a:hover {
    color: white;
	text-decoration: none; 
}

.system-message-block {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    z-index: 99;
    width: 80%;
    left: 0;
    position: relative;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    margin: 20px 10%;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-transform: translateZ(0);
    animation: animateIn ease-in-out .6s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: animateIn ease-in-out .6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animateIn ease-in-out .6s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: animateIn ease-in-out .6s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: animateIn ease-in-out .6s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards
}

@keyframes animateIn {
    0% {
        left: -1500px;
        opacity: 0
    }

    60% {
        left: 30px;
        opacity: 1
    }

    80% {
        left: -10px
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes animateIn {
    0% {
        left: -1500px;
        opacity: 0
    }

    60% {
        left: 30px;
        opacity: 1
    }

    80% {
        left: -10px
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes animateIn {
    0% {
        left: -1500px;
        opacity: 0
    }

    60% {
        left: 30px;
        opacity: 1
    }

    80% {
        left: -10px
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes animateIn {
    0% {
        left: -1500px;
        opacity: 0
    }

    60% {
        left: 30px;
        opacity: 1
    }

    80% {
        left: -10px
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-ms-keyframes animateIn {
    100%,60% {
        opacity: 1
    }

    0% {
        left: -1500px;
        opacity: 0
    }

    60% {
        left: 30px
    }

    80% {
        left: -10px
    }

    100% {
        left: 0
    }
}

.offerExpired {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#header {
    background: var(--secondary-color);    
}

.powered-by-ttx {
    position: fixed;
    top: 12px;
    z-index: 1002;
}

a.header-logo:hover {
    opacity: .9
}

.header-logo img {
    /* width: 100%; */
    height: auto
}

@media (min-width: 992px) {
    .header-logo img {
        /* width:60% */
    }

    .watford-header-logo img {
        width: 40%
    }

    .glive-header-logo img {
        width: auto
    }

    .dartford-header-logo img {
        width: 50%
    }

    .hayes-header-logo img {
        width: 50%
    }

    .southend-header-logo img {
        width: 50%
    }

    .swindon-header-logo img {
        width: 45%
    }

    .wycombe-header-logo img {
        width: 25%
    }
}

.wycombe-header-logo img {
    max-width: 60%
}

a.header-logo .glyphicon {
    display: none
}

.header-content.container h1 {
    padding-top: 45px;
    padding-bottom: 10px
}

.ot-premiere-login {
    background: url(https://orchardtheatre.co.uk/ArticleMedia/Images/logos/sprites/ot-premiere-card.png) no-repeat scroll left bottom transparent;
    color: white;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    height: 52px;
    margin-left: 0;
    padding: 8px 0 5px 22px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 40px;
    width: 202px;
    opacity: .9;
    transition: all 300ms
}

.ot-premiere-login:hover {
    background: url(https://orchardtheatre.co.uk/ArticleMedia/Images/logos/sprites/ot-premiere-card.png) no-repeat scroll left top transparent;
    height: 145px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    text-indent: -9999px;
    z-index: 10;
    top: 25px
}

/* Takeover

<div class="takeover">
<div class="takeover-banner d-none"><a class="tracked-link" href="https://crewelyceum.co.uk/Online/tickets-death-drop-crewe-2021" title="Death Drop"><img alt="Death Drop" class="d-lg-none" src="/ArticleMedia/Images/Crewe/Headers/DD-Crewe-1000x150-min.jpg" /><img alt="Death Drop" class="d-none d-lg-block" src="/ArticleMedia/Images/Crewe/Headers/DD-Crewe-2000x500-min.jpg" /></a></div>

<div class="container">
<h1><a class="header-logo" href="default.asp" title="Go to the Lyceum Theatre Homepage"><img alt="Crewe Lyceum Theatre" src="https://hqtheatres.com/static/images/logos/2016/Lyceum-Theatre-SVG.svg" /></a></h1>
</div>
</div>

*/



.takeover-banner img {
    position: absolute;
    top: 0;
    width: 100%;    
    max-width: inherit;
    left: 0;
}
    .takeover {padding-top: 12%;}


@media screen and (min-width: 576px) {
    .takeover {padding-top: 18%;}
}

@media screen and (min-width: 992px) {
    .takeover {padding-top: 10%;}
}

@media screen and (min-width: 1200px) {
    .takeover {padding-top: 15%;}
}





@media screen and (min-width: 515px) {
    .ot-premiere-login {
        margin-left:-120px
    }
}

.site-wide-message {
    z-index: 1002;
    position: fixed;
    color: #ff0;
    padding: 5px 0 6px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 992px) {
    .site-wide-message {
        font-size:.7em;
        width: 100%;
        left: 0;
        position: absolute
    }
}

#footer {
    background: var(--secondary-color);
    color: #132e63;
    position: relative;
    width: 100%;
    z-index: 0;
    padding-top: 20px;
    bottom: 0
}

#footer a {
    color: white
}

#footer a:hover,#footer a:focus,#footer a:active {
    color: var(--primary-color)
}

#footer .list-unstyled li {
    font-size: 13px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#footer p.lead {
    color: white;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 20px
}

#footer p.lead.footer-address {
    font-size: 16px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    margin-top: 0
}

#footer .footer-address a {
    color: white
}

#footer .footer-address a:hover,.footer-address a:focus {
    color: var(--primary-color)
}




#footer .icon-social a {
    font-size: 0
}

#footer .icon-social a:hover,#footer .icon-social a:focus {
    text-decoration: none;
    color: var(--primary-color)
}

.icon-mail:before {
    content: "\ea86";
    font-size: 24px
}

.icon-google:before {
    content: "\ea8a";
    font-size: 24px
}

.icon-facebook:before {
    content: "\ea8e";
    font-size: 24px
}

.icon-twitter:before {
    content: "\ea93";
    font-size: 24px
}

.fa-social a {
    font-size: 0
}

.fa-social a:before {
    font-size: 19px;
    background: rgba(249,247,251,1);
    padding: 5px;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    display: inline-block;
    color: var(--secondary-color)
}

.fa-social a:hover:before,.fa-social a:focus:before,.fa-social a:active:before {
    background: rgba(249,247,251,0.8)
}

.site-footer-logos {
    margin-top: 20px;
    margin-left: 0;
    line-height: 80px
}

.site-footer-logos a img {
    opacity: .75;
    transition: opacity .4s
}

.site-footer-logos a img:hover,.site-footer-logos a img:active,.site-footer-logos a img:focus {
    opacity: 1
}

.footer-content {
    font-size: 14px
}

.footer-content p.small {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 20px 0;
    color: rgba(white, 0.7);
}

.footer-content.container {
	max-width: inherit;
	padding: 0;
}

.sticky-footer {
    position: fixed;
    bottom: 0;    
    width: 100%;
    left: 0;
	z-index: 1;
}


p.series_venue {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin: 0
}

p.series_dates {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color-lighter);
    font-size: 24px;
    margin: 0
}

#content h1.series_title {
    margin-top: 0;
    margin-bottom: 0
}

#content h1.page-heading,#content .page-heading h1 {
    margin-top: 10px;
    margin-bottom: 0
}

h3.series_subtitle {
    margin: 5px 0 5px 20px
}

img.event-page-image {
    width: 100%!important;
    margin: 10px 0
}

.tab-container td.event-tab {
    background: whitebfc;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e3e3e6;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    padding: 10px;
    color: var(--primary-color);
    text-align: center
}

.tab-container td.event-tab span {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    background: var(--primary-color);
    color: white;
    padding: 5px 25px;
    border-radius: 20px;
    white-space: nowrap;
    font-size: 13px
}

.tab-container td.event-tab.current,.tab-container td.event-tab.current:hover,.tab-container td.event-tab.current:focus,.tab-container td.event-tab.current:active {
    background: white;
    border-left: 2px solid #e3e3e6;
    border-right: 1px solid #e3e3e6;
    border-top: 1px solid #e3e3e6;
    border-bottom: 1px solid white;
    color: var(--tertiary-color)
}

.tab-container td.event-tab:hover,.tab-container td.event-tab:focus,.tab-container td.event-tab:active {
    background: transparent;
    color: var(--tertiary-color)
}

.tab-container td.event-tab.current {
    cursor: default
}

.tab-container td.event-tab:first-of-type.current {
    border-left-width: 1px
}

.tab-container td.event-tab.current span {
    background: white;
    color: var(--tertiary-color)
}

.tab-container {
    width: 100%;
    margin-top: 15px
}

table.event-content-slide {
    width: 100%
}

table.event-content-slide td.event-content {
    border: 1px solid #e3e3e6;
    border-top: none;
    padding: 10px 40px 20px 20px;
    margin-bottom: 20px;
    background: white;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 300
}



table.event-content-slide td.event-content h2 {
    border-top: 1px solid #e3e3e6;
    padding-top: 18px
}

.templated-content .booking-fee {
    font-size: 12px;
    line-height: 20px
}

.event-watch-video {
    background-size: cover;
    padding-bottom: 33%;
    width: 100%!important
}

.event-watch-video img {
    width: 100%
}

.image-gallery .img-thumbnail {
    vertical-align: top
}

#event-gallery > img {
    border: 1px solid #cca;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%
}

#searchItems li.item-search-keyword {
    text-align: left
}

.search-box form ul li .form-control {
    border-radius: 5px;
    max-width: 100%
}

span.searchBoxLabel.field-label::before {
    content: "Event "
}

#content .search-box #searchItems .form-control {
    text-transform: capitalize;
    background: whitebfc
}

#content .search-box #searchItems .form-control:focus {
    background: white
}

.pull-left.with-padding {
    padding: 0 20px 20px 0
}

.pull-right.with-padding {
    padding: 0 0 20px 20px
}

.series_search_widget .attention {
    visibility: hidden
}

.series_search_widget .attention:before {
    content: "No performances found. This event may no longer be on sale.";
    padding: 2em;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    visibility: visible;
    display: block;
    background: var(--primary-color-lighter);
    color: white;
    margin-top: 20px
}

.list-inline.inline-menu > li:not(:last-child):after {
    content: "|";
    padding-left: 10px
}

@media (min-width: 515px) {
    #content h1.series_title,h2.series_title,p.series_venue,p.series_dates {
        margin-left:20px
    }

    p.series_venue {
        font-size: 24px;
        margin: 0 0 15px
    }

    p.series_dates {
        font-size: 28px;
        margin: 0
    }

    #content h1.series_title {
        margin-top: 20px;
        margin-bottom: 0
    }

    #content h1.page-heading,#content .page-heading h1 {
        margin-top: 10px;
        margin-bottom: 0
    }

    h3.series_subtitle {
        margin: 5px 0 5px 20px
    }

    #content h1.series_title,p.series_venue,p.series_dates {
        margin-left: 20px
    }

    a[href="#search_results"].book-button {
        float: right;
        margin-top: 30px;
        margin-left: 25px
    }

    .row.event-dining-times {
        margin-bottom: 20px
    }

    #content .search-box #searchItems .form-control {
        width: 300px;
        height: 40px
    }

    .item-search-submit input {
        margin-left: -16px;
        height: 40px;
        border-radius: 0 5px 5px 0
    }

    .search-box form ul li .form-control {
        border-radius: 5px 0 0 5px
    }
}

@media (min-width: 768px) {
    #content .search-box #searchItems .form-control {
        width:400px
    }

    .item-search-submit input {
        margin-left: -31px;
        margin-top: 0
    }

    .result-box-item.odd,.result-box-item.even {
        width: 49%
    }

    .full-width-search-widget .result-box-item.even,.full-width-search-widget .result-box-item.odd {
        width: 100%
    }

    #content .search-box #searchItems .form-control {
        width: 400px
    }
}

@media (min-width: 992px) {
    #content .search-box #searchItems .form-control {
        width:260px
    }
}

#content .search-box .item-search-keyword {
    width: auto
}

.search-box {
    background: none;
    margin: 0
}

.searchInput {
    text-transform: capitalize
}

.tertiary-linked-features a:hover img {
    opacity: .9
}

.warning-alert {
    background: rgba(255,64,70,0.95) none repeat scroll 0 0;
    bottom: 20px;
    right: 20px;
    text-align: center;
    padding: 20px;
    width: 300px;
    position: fixed;
    z-index: 100;
    border-radius: 0px;
    border: solid 1px white;
    color: white
}

.alert-hq {
    color: white;
    background-color: rgba(255,64,70,1);
    border-color: rgba(255,64,70,1)
}

.alert-hq hr {
    border-top-color: white
}

.alert-hq .alert-link {
    color: black
}

.alert-hq h1,.alert-hq h2,.alert-hq h3,.alert-hq h4 {
    color: white
}

.alert-hq p a {
    color: white;
    font-weight: 700
}

.alert-hq p a:hover {
    text-decoration: underline
}



.badge-primary {
    background-color: var(--tertiary-color);
}

.alert-primary {
    background: var(--tertiary-color);
    border: none;
}

.alert-primary, 
.alert-primary h4 {
    color: white;
    text-shadow: none;
}






.hq-modal {
    box-shadow: 0 0 0 5000px rgba(0,0,0,0.8);
    position: fixed;
    width: 75%;
    left: 50%;
    margin-left: -37.5%;
    z-index: 1000
}

.venuepage .header-content.container h1 {
    padding-top: 15px;
    margin-bottom: 0
}

body.venuepage .customer-options,body.venuepage #searchBox {
    display: none
}

body.venuepage .carousel {
    margin-top: 10px
}

body.venuepage img + h1 {
    margin-bottom: 20px
}

body.venuepage .tertiary-linked-features h4 {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0 0;
    border-top: 1px solid #e3e3e6;
    padding-top: 15px;
    font-style: normal
}

body.venuepage .tertiary-linked-features h4:first-of-type {
    margin-top: 10px
}



body.venuepage .tertiary-linked-features h4 a.current {
    cursor: text;
    color: #6c6a7a!important
}

body.venuepage .tertiary-linked-features h4 a.current:after {
    content: ''
}

.venuepage #content h1 {
    margin-top: 0;
    font-size: 54px;
    font-weight: 300
}

.venuepage h2,.venuepage h3,.venuepage h4,.venuepage h5 {
    font-family: 'Playfair Display',Georgia,serif;
    font-weight: 400;
    font-style: italic;
    color: var(--tertiary-color);
    line-height: 1.2
}

.venuepage h2,.venuepage h3 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 25px
}

.venuepage h1 + h2 {
    margin-top: 10px;
    margin-bottom: 30px
}

.venuepage h5 {
    color: #696464;
    font-size: 18px;
    margin: 20px 0;
    padding: 20px 0;
    text-align: center;
    border-top: 1px dotted #e3e3e6;
    border-bottom: 1px dotted #e3e3e6
}

.venuepage table.event-content-slide td.event-content {
    padding: 60px;
    border-color: white;
    border-bottom: 1px solid #f2f0f2;
    background: #fcf5f5;
    background: -moz-linear-gradient(top,#fcf5f5 0%,#fcf5f5 66%,#faf3f3 100%);
    background: -webkit-linear-gradient(top,#fcf5f5 0%,#fcf5f5 66%,#faf3f3 100%);
    background: linear-gradient(to bottom,#fcf5f5 0%,#fcf5f5 66%,#faf3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf5f5',endColorstr='#faf3f3',GradientType=0);
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75)
}

.venuepage .tab-container td.event-tab.current {
    background: #fcf5f5;
    border-color: #fcf5f5 white
}

.venuepage .tab-container td.event-tab {
    border-bottom: 1px solid transparent;
    padding: 30px 10px
}

.venuepage .tab-container td.event-tab.current span {
    color: #7f7878;
    background: #fcf5f5
}

.venuepage .event-content h1 {
    font-family: 'Playfair Display',Georgia,serif;
    font-style: italic;
    font-size: 42px!important;
    color: var(--secondary-color);
    color: var(--tertiary-color)
}

.venuepage .event-content p,.venuepage .event-content li {
    color: #696464
}

.venuepage .tab-container td.event-tab span {
    font-weight: 300;
    font-size: 14px
}

.venuepage .book-button,.venuepage .info-button {
    background: var(--secondary-color);
    color: white!important;
    text-shadow: none;
    background-image: none;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 24px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border: none!important;
    opacity: .8
}

.venuepage .book-button:hover,.venuepage .info-button:hover,.venuepage .book-button:focus,.venuepage .info-button:focus {
    opacity: 1
}

.venuepage .homepage-feature-text-container {
    background: whitebfc;
    background: rgba(255,251,252,.9);
    padding: 20px 40px 10px
}

.venuepage .homepage-feature-text-container h2 {
    color: var(--tertiary-color);
    font-size: 36px!important
}

.venuepage .homepage-feature-text-container p {
    color: var(--secondary-color)
}

.tertiary-linked-features h2 {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px!important;
    line-height: 24px;
    margin: 15px 0 5px
}

.tertiary-linked-features p {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #696464
}

.venuepage .tertiary-linked-features p {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 10px
}

.venuepage .tertiary-linked-features-div {
    padding: 0 0 10px
}

@media (min-width: 768px) {
    .venuepage #content h1 {
        font-size:72px
    }

    .venuepage h5 {
        font-size: 22px;
        margin: 40px 60px 60px
    }
}

.weddingpage #content h1 {
    color: #C59742
}

.weddingpage #content a {
    color: #DF854F;
    border-color: #DF854F
}

.weddingpage .tab-container td.event-tab span {
    background: #C59742;
	color: white;
}

.weddingpage .carousel-control .icon-prev,.weddingpage .carousel-control .icon-next,.weddingpage .carousel-control .glyphicon-chevron-left,.weddingpage .carousel-control .glyphicon-chevron-right {
    color: white;
    background: rgba(197,151,66,0.8);
    border: 2px solid rgba(156,120,52,1)
}

.eventpage #content h1 {
    color: #983897
}

.eventpage #content a {
    color: #983897;
    border-color: #983897
}

.eventpage .tab-container td.event-tab span {
    background: #983897;
	color: white;
}

.eventpage .carousel-control .icon-prev,.eventpage .carousel-control .icon-next,.eventpage .carousel-control .glyphicon-chevron-left,.eventpage .carousel-control .glyphicon-chevron-right {
    color: white;
    background: rgba(152,56,151,0.8);
    border: 2px solid rgba(152,56,151,1)
}

.hvrbox,.hvrbox * {
    box-sizing: border-box
}

.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.hvrbox img {
    max-width: 100%
}

.hvrbox .hvrbox-layer_bottom {
    display: block
}

.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 15px;
    -moz-transition: all .4s ease-in-out 0;
    -webkit-transition: all .4s ease-in-out 0;
    -ms-transition: all .4s ease-in-out 0;
    transition: all .4s ease-in-out 0
}

.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top {
    opacity: 1
}

.hvrbox .hvrbox-text {
    text-align: center;
    font-size: 18px;
    display: inline-block;
    position: absolute
}

.hvrbox .hvrbox-text_mobile {
    font-size: 15px;
    border-top: 1px solid #b3b3b3;
    border-top: 1px solid rgba(179,179,179,0.7);
    margin-top: 5px;
    padding-top: 2px;
    display: none
}

.hvrbox.active .hvrbox-text_mobile {
    display: block
}

.hvrbox .hvrbox-layer_slideup {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.hvrbox:hover .hvrbox-layer_slideup,.hvrbox.active .hvrbox-layer_slideup {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.showstopping #content > .container {
    width: 100%;
    padding: 0
}

.showstopping #content {
    width: 100%;
    padding-top: 0;
    border-radius: 0;
    box-shadow: none;
    background: white
}

.showstopping .bodyDetails {
    padding: 0
}

.showstopping #menu {
    margin-bottom: 0
}

.showstopping .articles .article-container.main-article-body {
    margin: 0 auto;
    display: block
}

.showstopping .search-box {
    display: none
}

@media screen and ( min-width: 992px ) {
    .showstopping .articles .article-container.main-article-body {
        width:970px
    }

    .showstopping .search-box {
        display: block
    }
}

@media screen and ( min-width: 1200px ) {
    .showstopping .articles .article-container.main-article-body {
        width:1170px
    }
}

@media screen and (max-width: 768px) {
    .showstopping .article-container.primary-feature-wrapper {
        margin:0
    }
}

.col-sm-4.ss-dining p,.col-sm-4.ss-toshare p,.col-sm-4.ss-drinks p {
    margin-bottom: 40px
}

.col-sm-4.ss-dining,.col-sm-4.ss-toshare {
    border-right: solid 1px #eee
}

.row.display-flex.ss-dining {
    background-color: #8b68aa;
    color: white
}

.ss-dining h2,.ss-dining h3,.ss-dining h4,.ss-dining h5 {
    color: #8b68aa
}

.ss-dining .col-sm-9 {
    background-color: black;
    background-image: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/showstopping/ss-dining-background.jpg);
    background-repeat: no-repeat;
    background-size: auto cover
}

.ss-dining .small {
    font-size: 70%;
    line-height: 120%
}

.ss-dining .col-sm-3,.ss-dining h2,.ss-dining h3,.ss-dining .col-sm-3 p {
    color: white;
    font-family: capitolium-news-2,serif;
    font-weight: 400
}

.ss-dining .col-sm-3 li {
    color: #ccc
}

.ss-dining .col-sm-3 li.active {
    color: white;
    font-weight: 600
}

.ss-dining h2 strong {
    font-family: capitolium-news-2,serif
}

.ss-dining a.more-info {
    color: #8b68aa
}

.ss-dining .btn-primary {
    background-color: #8b68aa
}

.showstopping .ss-dining h4,.showstopping .ss-toshare h4,.showstopping .ss-drinks h4 {
    font-family: capitolium-news-2,serif;
    font-size: 26px;
    text-transform: capitalize;
    letter-spacing: .01em
}

.showstopping .ss-dining a:hover,.showstopping .ss-toshare a:hover,.showstopping .ss-drinks a:hover {
    opacity: .8
}

.showstopping .ss-dining h4 {
    color: #8B68AA
}

.showstopping .ss-toshare h4 {
    color: #00A1C6
}

.showstopping .ss-drinks h4 {
    color: #E79700
}

.ss-dining .book-button {
    background: #8B68AA
}

.ss-toshare .book-button {
    background: #00A1C6
}

.ss-drinks .book-button {
    background: #E79700
}

.ss-menu .tab-content {
    background: #f4f4f4;
    padding: 0 20px
}

.ss-menu .nav>li>a {
    font-family: acumin-pro-extra-condensed,sans-serif;
    background: rgba(196,0,15,255);
    color: white;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    border-left: solid 2px #f4f4f4;
    border-right: solid 2px #f4f4f4;
    font-size: 22px;
    letter-spacing: 3px
}

.ss-menu .nav-tabs.nav-justified a.active {
    color: rgba(196,0,15,255);
    background: white;
    border: solid 1px transparent
}

.ss-menu .nav>li>a:hover {
    color: #ccc
}

.ss-menu .nav>li>a.ss-childrens {
    background: #E79700
}

.ss-menu .nav>li>a.ss-cafe {
    background: #3aaa35
}

.showstopping.ss-menu h3 {
    letter-spacing: 0;
    font-family: capitolium-news-2,serif;
    text-transform: capitalize
}

.ss-menu .tab-pane > .row {
    border-bottom: solid 1px rgba(196,0,15,255);
    padding: 70px 0;
    margin: 0 20px
}

.ss-menu h5 {
    color: black;
    font-weight: 800
}

.ss-menu .tab-pane {
    background-color: white
}

.ss-menu .nav {
    background: #f4f4f4;
    padding: 0 20px
}

.ss-menu .tab-pane > .row:last-child,.ss-share.ss-menu .tab-pane > .row:last-child {
    border: none
}

.ss-menu {
    background-color: #f4f4f4
}

.ss-menu-footer {
    padding: 20px
}

.ss-menu-footer strong {
    color: rgba(196,0,15,255)
}

.ss-menu h5 u {
    font-weight: 400
}

@media (min-width: 768px) {
    .ss-menu .col-sm-9 {
        border-left:solid 1px #eee
    }
}

.ss-review {
    margin-top: 80px
}

.toshare h2,.toshare h3,.toshare .nav li,.toshare u {
    font-family: capitolium-news-2,serif;
    font-weight: 400
}

p.ss-stars {
    color: var(--secondary-color);
    font-size: 30px
}

img.ss-hero {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ss-share.head .col-sm-6:first-child {
    border-right: solid 1px #eee;
    margin-bottom: 40px
}

.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.ss-share .book-button {
    background: #00A2C6
}

@media (max-width: 767px) {
    .row.vertical-align {
        display:block
    }

    .ss-share.head .col-sm-6 {
        border-right: none;
        margin-bottom: 0
    }
}

.ss-share.ss-menu h3,.ss-share.ss-menu .nav-tabs.nav-justified > .active > a,.ss-share .ss-menu-footer strong {
    color: #00A2C6
}

.ss-share.ss-menu .nav>li>a {
    background: #00A2C6
}

.ss-share.ss-menu .tab-pane > .row {
    border-bottom: solid 1px #00A2C6
}

.ss-share.ss-menu h4 {
    color: #00A2C6;
    font-size: 17px
}

.toshare .well {
    padding: 10px;
    text-align: center;
    margin: 10px;
    background: transparent;
    border: solid 1px white;
    border-radius: 0px;
    margin: 20px
}

.toshare .well p {
    font-size: .8em;
    line-height: 1.4em
}

.toshare h2,.toshare h3 {
    color: white
}

.toshare .col-sm-3 {
    background: #00A2C6;
    padding: 0 0 20px
}

.row.toshare {
    background-color: black;
    color: white;
    background: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/showstopping/ss-share-bg.jpg) no-repeat center center;
    background-size: cover
}

.toshare strong,.toshare .col-sm-9 h2,.toshare .col-sm-9 h3 {
    color: #00A2C6;
    padding-bottom: 20px;
    font-weight: 400
}

.toshare .col-sm-9 h2 {
    padding: 40px 30px;
    font-size: 40px!important
}

.toshare .nav-pills > li > a {
    border-radius: 0;
    margin-bottom: 10px
}

.toshare .nav>li>a {
    background: #0081A0;
    color: white
}

@media (min-width: 768px) {
    .toshare .nav>li>a {
        margin-left:20px
    }

    .toshare .col-sm-4:not(:last-child) {
        border-right: solid 1px #00A2C6
    }
}

.toshare .nav>li>a:hover,.toshare .nav>li>a:focus {
    background: #006881
}

.toshare .nav-pills > li.active > a,.toshare .nav-pills > li.active > a:hover,.toshare .nav-pills > li.active > a:focus {
    color: white;
    background-color: #111418
}

.toshare .label {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: black;
    background: white
}

.toshare .col-sm-4 {
    padding: 0 40px
}

.toshare .tab-content {
    padding-bottom: 50px
}

.toshare .col-sm-9 li,.toshare p strong {
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 1.3
}

.toshare u {
    position: relative;
    display: inline-block;
    font-size: 24px;
    text-decoration: none
}

.toshare u:before {
    right: 100%
}

.toshare u:after {
    left: 100%
}

.toshare u:after,.toshare u:before {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 150%;
    margin: 0 20px
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column
}

.christmaspage #content {
    border-radius: 0;
    background: white
}

.christmaspage #footer {
    background: #131a2c
}

.christmaspage .content-wrapper {
    background: url(https://i.imgur.com/detIIqr.jpg) no-repeat 0 0/contain #131a2c
}

.christmaspage h1 {
    color: var(--primary-color);
    font-family: 'Playfair Display',Georgia,serif;
    padding: 50px 0
}

.btn-gold {
    background: rgba(177,144,45,1);
    background: -moz-linear-gradient(left,rgba(177,144,45,1) 0%,rgba(224,192,87,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(177,144,45,1)),color-stop(100%,rgba(224,192,87,1)));
    background: -webkit-linear-gradient(left,rgba(177,144,45,1) 0%,rgba(224,192,87,1) 100%);
    background: -o-linear-gradient(left,rgba(177,144,45,1) 0%,rgba(224,192,87,1) 100%);
    background: -ms-linear-gradient(left,rgba(177,144,45,1) 0%,rgba(224,192,87,1) 100%);
    background: linear-gradient(to right,rgba(177,144,45,1) 0%,rgba(224,192,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1902d',endColorstr='#e0c057',GradientType=1)
}

.christmaspage #searchBox {
    display: none
}

.christmaspage .result-box-item.odd,.christmaspage .result-box-item.even {
    background: #f5f5f5
}

.christmas-footer {
    background: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/christmas/2020/Xmas-2020-Footer_background.jpg) black;
    color: white;
    padding: 30px 0;
    margin: 20px 0
}

.christmas-footer a {
    color: white
}

.christmas-footer a:hover {
    color: #ddd
}

.christmaspage h3 {
    color: var(--primary-color)
}

.christmas2019 #searchBox {
    display: none
}

.christmas2019 .content-wrapper,.christmasbackground2019 .content-wrapper {
    background: #003;
    background-image: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/showstopping/Christmas-2019-Background.jpg);
    background-position: top;
    background-repeat: no-repeat
}

.christmas2019 #footer,.christmasbackground2019 #footer {
    background: #003
}

.christmas2019 h1 {
    font-family: capitolium-news-2,serif;
    color: #c41420;
    font-size: 1.9em!important
}

.christmas2019 h5 {
    font-family: capitolium-news-2,serif
}

.christmas2019 p,.christmas2019 h2,.christmas2019 h3,.christmas2019 h4,.christmas2019 h5 {
    color: #737373
}

.christmas2019 p.lead {
    font-weight: 400
}

.christmas2019 .container,.christmas2019 #content,.christmas2019 .bodyDetails {
    padding: 0
}

.christmas2019 .article-container .container {
    padding: 0 20px
}

.christmas2019 .articles .article-container {
    margin: 0
}

.nyeevent .odd.result-box-item {
    width: 100%
}

@media (min-width: 768px) {
    .search-results-container.nyeevent .item-image .item-logo {
        max-width:inherit
    }
}

.christmas2020 #content {
    border-radius: 0;
    padding: 0
}

.christmas2020 #content .container,.christmas2020 .bodyDetails {
    padding: 0
}

.christmas2020 h1,.christmas2020 h3 {
    font-family: capitolium-news-2,serif
}

.christmas2020 h1 {
    color: #ed1c24
}

.christmas2020 h3 {
    color: #25275f
}

.christmas2020 .content-wrapper {
    background: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/showstopping/christmas/Xmas-2020-Background_crowd.jpg) no-repeat 0 0/contain #01022e
}

.christmas2020 #footer {
    background-color: #01022e
}

.christmas2020 form[name="avArticleForm"] input[type="text"] {
    width: 100%;
    color: black;
    font-weight: 700
}

.christmas2020 .panel-body,.christmas2020 .panel-footer {
    background: #96070a;
    background: linear-gradient(0deg,rgba(150,7,10,1) 0%,rgba(209,24,32,1) 100%);
    color: white;
    border-top: 0
}

.christmas2020 .panel-footer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.christmas2020 .panel-body {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.christmas2020 input[type="submit"] {
    background: white;
    color: #ed1c24;
    text-transform: uppercase;
    font-weight: 800;
    border: none;
    padding: 10px 30px;
    border-radius: 6px;
    letter-spacing: .15em
}

.christmas2020 .article-container {
    margin: 0
}

.christmas2020 .search-box {
    display: none
}

.peterpanstyle .content-wrapper {
    background: url(https://wycombeswan.co.uk/ArticleMedia/Images/Wycombe%20Swan/Christmas/Webpage-Sparkle.jpg);
    background-repeat: no-repeat;
    background-color: #00114b;
    background-size: contain
}

.peterpanstyle #footer {
    background: #00114b
}

@media (min-width: 768px) {
    .tertiary-linked-features-div {
        width:47%;
        float: left;
        padding: 0
    }
}

.media > .pull-left {
    margin-right: 20px
}

.media-body h1,.media-body h2,.media-body h3,.media-body h4,.media-body h5 {
    margin-top: 0
}

iframe {
    border: 0 none
}

.hq_accordion .panel-title a {
    display: block
}

.hq_accordion .panel-title a:hover,.hq_accordion .panel-title a:focus,.hq_accordion .panel-title a:active {
    color: var(--primary-color)
}

.hq-tooltip span {
    display: none;
    color: white;
    background: rgba(28,96,110,0.9);
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 200px;
    text-align: left;
    position: absolute;
    z-index: 10;
    margin-top: 10px;
    line-height: 1.5;
    margin-left: -80px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.hq-tooltip {
    display: inline-block
}

.hq-tooltip:hover span,.hq-tooltip:active span,.hq-tooltip:focus span {
    display: block
}

@keyframes highlight {
    0% {
        background: var(--primary-color)
    }
}

.highlight {
    animation: highlight 3s
}

.hidden-public {
    display: none;
    visibility: hidden
}

.imageAndText {
    position: relative
}

.imageAndText p {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 20px;
    background: rgba(0,0,0,0.5);
    margin: 0
}

.imageAndText.w175 p {
    width: 175px
}

@media only screen and (min-width : 320px) {
    td .table-responsive {
        width:310px
    }
}

@media only screen and (min-width : 480px) {
    td .table-responsive {
        width:420px
    }
}

@media only screen and (min-width : 600px) {
    td .table-responsive {
        width:550px
    }
}

@media only screen and (min-width : 768px) {
    td .table-responsive {
        width:625px
    }
}

.menu_wrapper {
    border: 1px solid #cca;
    max-width: 500px;
    font-family: Georgia,"Times New Roman",Times,serif;
    text-align: center;
    padding: 20px;
    width: 100%;
    margin: 20px auto
}

.vegetarian {
    color: green;
    font-weight: 400
}

.gluten_free {
    color: #B22222;
    font-weight: 400
}

.menu_wrapper h2 {
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
    font-weight: 400;
    color: #602C6E;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Georgia,"Times New Roman",Times,serif
}

.menu_wrapper h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #12355B;
    text-transform: capitalize;
    margin-top: 0
}

.menu_wrapper p {
    font-size: 12px;
    line-height: 14.4px;
    color: #12355b;
    margin-bottom: 10px;
    margin-top: 4px
}

.menu_wrapper hr {
    width: 75%;
    height: 1px;
    color: #999;
    background-color: #999;
    text-align: center;
    border-style: none;
    margin: 20px auto
}

p.wine-pairing {
    background: url(/ArticleMedia/Images/Site_Elements/CSS_Elements/wine-icon-9-20.png) no-repeat left top;
    color: #4A8817;
    display: inline-block;
    min-height: 20px;
    padding-left: 20px
}

.two-columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-break-inside: avoid
}

.glive-dining-intro {
    height: 230px
}

.glive-dining-intro2 {
    height: 440px
}

.orchard-dining-intro {
    height: 245px
}

.glive-dining-intro-shopping-cart {
    height: 260px
}

.well.childrens-menu {
    background: #f6ea34 url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/Childrens-Spotlight-Menu-2017-Background.jpg) no-repeat right top
}

.andmenu {
    text-align: center;
    background: #f5f5f5 url(https://churchilltheatre.co.uk/ArticleMedia/Images/Site_Elements/CSS_Elements/andmenubackground.jpg) repeat;
    border: solid 1px #df9b60;
    padding-top: 0;
    border-radius: 0
}

.andmenu h3 {
    color: black;
    text-transform: uppercase;
    font-size: 22px;
    border: solid 1px #df9b60;
    padding: 5px
}

.andmenu h4 {
    color: #df9b60;
    text-transform: uppercase;
    font-size: 20px
}

.andmenu {
    text-align: center;
    background: #f5f5f5 url(https://churchilltheatre.co.uk/ArticleMedia/Images/Site_Elements/CSS_Elements/andmenubackground.jpg) repeat;
    border: solid 1px #df9b60;
    padding-top: 0;
    border-radius: 0
}

.andmenu h3 {
    color: black;
    text-transform: uppercase;
    font-size: 22px;
    border: solid 1px #df9b60;
    padding: 5px
}

.andmenu h4 {
    color: #df9b60;
    text-transform: uppercase;
    font-size: 20px
}

.leavesmenu {
    text-align: center;
    background: #f5f5f5 url(https://swindontheatres.co.uk/ArticleMedia/Images/Site_Elements/WT-cafe-background.png) no-repeat;
    border: solid 1px #752b97;
    padding-top: 0;
    border-radius: 0
}

.leavesmenu h3 {
    color: black;
    text-transform: uppercase;
    font-size: 22px;
    border: solid 1px #752b97;
    padding: 5px
}

.leavesmenu h4 {
    color: #752b97;
    text-transform: uppercase;
    font-size: 20px
}

#christmasMenu {
    background: url(https://churchilltheatre.co.uk/ArticleMedia/Images/global-images/showstopping/christmas/christmas-2019-bkg.jpg) no-repeat #4995d6;
    padding: 50px;
    text-align: center;
    background-size: 100%
}

.well.christmasmenu {
    background: white;
    border: none
}

.christmasmenu h3 {
    color: #d23653;
    font-weight: 400
}

.showstopping > .well {
    border-top: solid 10px rgba(196,0,15,255);
    border-radius: 0;
    border-bottom: solid 10px rgba(196,0,15,255);
    background: #F3EEE7
}

.showstopping .well > .well {
    background: white;
    background: -moz-linear-gradient(45deg,transparent 10px,white 10px),-moz-linear-gradient(135deg,transparent 10px,white 10px),-moz-linear-gradient(225deg,transparent 10px,white 10px),-moz-linear-gradient(315deg,transparent 10px,white 10px);
    background: -o-linear-gradient(45deg,transparent 10px,white 10px),-o-linear-gradient(135deg,transparent 10px,white 10px),-o-linear-gradient(225deg,transparent 10px,white 10px),-o-linear-gradient(315deg,transparent 10px,white 10px);
    background: -webkit-linear-gradient(45deg,transparent 10px,white 10px),-webkit-linear-gradient(135deg,transparent 10px,white 10px),-webkit-linear-gradient(225deg,transparent 10px,white 10px),-webkit-linear-gradient(315deg,transparent 10px,white 10px);
    background-position: bottom left,bottom right,top right,top left;
    -moz-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    background-size: 50.5% 50.5%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none
}

.showstopping h3 {
    overflow: hidden;
    text-align: center;
    color: rgba(196,0,15,255);
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 10px
}

.showstopping h2 {
    font-family: 'Playfair Display',Georgia,serif;
    color: #555
}

.showstopping h3 > strong {
    position: relative;
    display: inline-block
}

.showstopping h3 > strong:before,.showstopping h3 > strong:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 200%;
    margin: 0 20px
}

.showstopping h3 > strong:before {
    right: 100%
}

.showstopping h3 > strong:after {
    left: 100%
}

.showstopping h4 {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: black
}

.showstopping u {
    color: #aaa;
    text-decoration: none
}

.showstopping .showstoppinghighlight div {
    padding: 10px;
    text-align: center;
    color: white;
    margin: 0 40px;
    background: rgba(196,0,15,255);
    background: -moz-linear-gradient(45deg,transparent 10px,rgba(196,0,15,255) 10px),-moz-linear-gradient(135deg,transparent 10px,rgba(196,0,15,255) 10px),-moz-linear-gradient(225deg,transparent 10px,rgba(196,0,15,255) 10px),-moz-linear-gradient(315deg,transparent 10px,rgba(196,0,15,255) 10px);
    background: -o-linear-gradient(45deg,transparent 10px,rgba(196,0,15,255) 10px),-o-linear-gradient(135deg,transparent 10px,rgba(196,0,15,255) 10px),-o-linear-gradient(225deg,transparent 10px,rgba(196,0,15,255) 10px),-o-linear-gradient(315deg,transparent 10px,rgba(196,0,15,255) 10px);
    background: -webkit-linear-gradient(45deg,transparent 10px,rgba(196,0,15,255) 10px),-webkit-linear-gradient(135deg,transparent 10px,rgba(196,0,15,255) 10px),-webkit-linear-gradient(225deg,transparent 10px,rgba(196,0,15,255) 10px),-webkit-linear-gradient(315deg,transparent 10px,rgba(196,0,15,255) 10px);
    background-position: bottom left,bottom right,top right,top left;
    -moz-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    background-size: 50.5% 50.5%;
    background-repeat: no-repeat
}

.cl-vfs {
    color: red;
    background-image: url(/ArticleMedia/Images/Crewe/View-from-seat/cl_seatingplan_full.png);
    height: 740px;
    width: 605px;
    display: block
}

.cl-vfs ul {
    margin: 0;
    padding: 0
}

.cl-vfs li {
    margin-left: 0;
    list-style-type: none
}

.cl-vfs a {
    display: block;
    float: left;
    color: black;
    text-decoration: none;
    text-indent: -9999px
}

.cl-gallery-restricted-view-right {
    height: 175px;
    width: 100px
}

.cl-gallery-right {
    height: 175px;
    width: 92px
}

.cl-gallery-right-middle {
    height: 175px;
    width: 110px
}

.cl-gallery-left-middle {
    height: 175px;
    width: 110px
}

.cl-gallery-left {
    height: 175px;
    width: 88px
}

.cl-gallery-restricted-view-left {
    height: 175px;
    width: 88px
}

.cl-circle-right {
    height: 140px;
    width: 145px
}

.cl-circle-right-middle {
    height: 140px;
    width: 159px
}

.cl-circle-left-middle {
    height: 140px;
    width: 143px
}

.cl-circle-left {
    height: 140px;
    width: 145px
}

.cl-stalls-back-right {
    height: 85px;
    width: 306px
}

.cl-stalls-back-left {
    height: 85px;
    width: 290px
}

.cl-stalls-middle-right {
    height: 85px;
    width: 234px
}

.cl-stalls-middle-left {
    height: 85px;
    width: 222px
}

.cl-box-b {
    height: 85px;
    width: 70px
}

.cl-box-a {
    height: 85px;
    width: 65px
}

.cl-stalls-front-right {
    height: 70px;
    width: 298px
}

.cl-stalls-front-left {
    height: 70px;
    width: 298px
}

.cl-vfs a:hover {
    background-color: var(--primary-color);
    background: rgba(153,51,153,0.5);
    text-shadow: 0 0 3px white;
    text-indent: 0;
    text-align: center;
    font-weight: 700
}

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.blue-pricing {
    background-color: #7fc3f8
}

.red-pricing {
    background-color: #ffa07a
}

.green-pricing {
    background-color: #77f8c1
}

.gold-pricing {
    background-color: #ffb149
}

.coloured-pricing-table td {
    border-bottom: 1px solid #d8d8d8;
    padding: 5px
}

.coloured-pricing-table tr:hover td {
    background-color: var(--secondary-color);
    color: white
}

.coloured-pricing-table tr:hover h3,.coloured-pricing-table tr:hover h2,.coloured-pricing-table tr:hover h4 {
    color: white
}

.no-performances {
    color: #d8d8d8;
    text-align: center
}

#bundleResult .item-amount .section-box-detail-data {
    display: none
}

#miscItemDetail h1 {
    display: none
}

#bundleSelect #aisleSeats,#bundleSelect #unobstructedSeats {
    display: none
}

.select-misc-item-column .no-min,.select-misc-item-column .no-max,.select-misc-item-column .no-min .optional-element {
    display: none
}

.bundle-misc-items .item-box-item.even,.bundle-misc-items .item-box-item.odd {
    border-bottom: solid 1px #eee
}

.seat-tabs {
    margin-top: 20px
}

.seat-tabs-box {
    padding: 10px 0 30px;
    margin-bottom: 40px;
    border-bottom: 2px solid #e9e2e3
}

.seat-tabs-box .seat-tabs .seat-tab {
    background: transparent;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    color: var(--primary-color);
    border-radius: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.seat-tabs-box .seat-tabs .seat-tab:hover {
    background: var(--primary-color-lighter);
    color: white
}

.seat-tabs-box .seat-tabs .seat-tab.active {
    background-color: var(--secondary-color);
    color: white;
    cursor: default;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.seat-tabs-box .seat-tabs .seat-tab.active:hover {
    background-color: var(--secondary-color)!important;
    color: white!important
}

.seat-tabs-box .seat-tabs .seat-tab.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: var(--secondary-color);
    border-width: 15px;
    margin-left: -15px
}

.seatMap li span.item-description {
    display: none
}

.more-info.btn.btn-default {
    background: transparent none repeat scroll 0 0;
    border: none;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-align: left;
    text-transform: inherit
}

.more-info.btn.btn-default:hover,.more-info.btn.btn-default:active,.more-info.btn.btn-default:focus {
    background: transparent none repeat scroll 0 0;
    color: var(--primary-color-lighter);
    text-decoration: none
}

.more-info.btn.btn-default::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    font-size: 80%;
    padding-left: 3px
}

.promotional-code-input ul li {
    font-size: 16px;
    line-height: 1.4
}

.promotional-code-input .btn {
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 8px
}

#price_zone_section .item-box-item {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding: 3px 0;
    background: whitebfc;
    font-size: 14px
}

.unavailable-indicator {
    top: 2px!important;
    line-height: 30px!important;
    width: 10px!important;
    height: 10px!important;
    font-size: 14px!important
}

.seats,.seatS,.seatu {
    opacity: .3;
    fill: #d3d3d3;
    r: 3.5;
    stroke: grey
}

#selected_seats_ul li {
    border-bottom: 1px solid #e2ebee;
    font-family: monospace;
    font-weight: 700;
    font-size: 14px
}

#selected_seats_ul li img {
    margin-top: 6px
}

.seatMap .navigation-box {
    margin: 0;
    width: auto
}

.seatMap div.navigation-box.item-select-navigation.item-box a.btn.btn-link {
    display: none
}



#mapSelect a.select-seat-price.btn.btn-default {
    background-color: var(--primary-color);
    color: white
}

#mapSelect a.select-seat-price.btn.btn-default:hover,#mapSelect a.select-seat-price.btn.btn-default:focus,#mapSelect a.select-seat-price.btn.btn-default:active {
    background-color: var(--primary-color-lighter);
    color: white;
    border-color: var(--primary-color)
}

#mapSelect .price-label::before {
    content: "| "
}

#mapSelect .fee-charges,
#mapSelect .price-zone-price-text > sup {
    display: none;
}


#mapSelect .charge-label {
    opacity: .6;
    font-size: 80%;
    text-transform: none;
	display: inline-block;
	display: none;
}


#mapSelect #pricing_list .price-zone-price {color: var(--secondary-color) !important;}



.pricetype-desc-label {
    display: none;
}

.venue-image h4 {
    border-bottom: none;
    padding-bottom: 0
}

.venue-image-column .venue-image.item-box {
    padding: 0 20px
}

.venueImage.seat-location {
    max-width: 93%!important
}

.venue-image.item-box img {
    max-width: 100%!important
}

span#closing_span {
    color: white!important;
    line-height: 1;
    text-shadow: none
}

.price-type-modal {
    width: 100%;
    left: 1%
}

.available_price_types {
    width: 60%!important
}

#seat_pic {
    width: 37%!important;
    margin: 0 0 0 2.5% !important;
    max-height: 400px!important
}


#mapSelect .attention.alert.alert-info, #seatSelect .attention.alert.alert-info {
    border-color: #ddd;
}

#mapSelect .attention.alert.alert-info button, #seatSelect .attention.alert.alert-info a {
    display: none;
}

#mapSelect .small-heading-text, #seatSelect .small-heading-text {
	color: var(--secondary-color);
	font-size: 65%;
	font-weight: normal;
	text-transform: initial;
}



#screenMap .sold_out {
    cursor: url(http://hqtheatres.com/static/Sold-Out-Cursor.cur) 40 10,not-allowed
}

#screenMap .limited,#screenMap .good,#screenMap .excellent {
    cursor: pointer
}

.dropDown select {
    background: white none repeat scroll 0 0;
    text-align: center
}

#seatSelect .pricetype-label,#seatSelect .price-label {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

#seatSelect .price-details [id^=charge] {
    display: none;
}

#seatSelect .navigation-box.item-select-navigation.item-box a.btn.btn-link,#seatSelect #aisleSeats,#seatSelect #unobstructedSeats {
    display: none
}


#seatSelect #item-description-text, #mapSelect #item-description-text {
  visibility: hidden;  
}

#seatSelect #item-description-text .more-info, #mapSelect #item-description-text .more-info {
  visibility: visible;   
}

#seatSelect .seat-tab .linkNone {background: var(--secondary-color);color: white;padding: 9px 24px 10px;border-radius: 20px;font-weight: 700;}
#seatSelect .seat-tab {line-height: 3em;}


.odd {
    background: transparent
}



.navigation-box.item-select-navigation .btn {
    width: auto;
    margin: 10px 0;
    font-size: 18px
}

#showSeats.bodyDetails {
    margin: 0 20px
}

#max_cap_note_dialog {
    font-size: 12px;
    text-align: center
}



.optional-charge-page .optional-charge-buttons {
    padding-top: 20px
}

.optional-charge-page #decline-button {
    background: var(--tertiary-color)
}

.optional-charge-page #decline-button:hover {
    background: var(--tertiary-color-lighter)
}

#accept-button,#decline-button {
    margin-bottom: 20px
}

.optional-charge-page h1 + p {
    font-weight: 800
}

#viewOrder .performance-header .item-description {
    display: none
}

#viewOrder .new-order {
    display: none
}



#viewOrder .alert.alert-blue {
	/* AV Support Case: 01591911 */
    display: none;
}

.performance-header.item-box {
    background-color: white;
    border-radius: 6px;
    border: 1px solid #e3e3e6;
    padding: 10px
}

.select-tickets-column h4 {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tertiary-color);
    font-size: 24px;
    margin-top: 20px
}

.my-account-nav-heading {
    color: var(--secondary-color);
    background: transparent;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid var(--tertiary-color);
    padding-bottom: 20px
}

.account-header .customer-summary {
    border-bottom: 1px solid var(--tertiary-color)
}

.my-account-section-heading {
    margin: 20px 0 0;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color-lighter);
    font-size: 28px
}

.account-header .customer-summary .customer-name {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 800;
    color: var(--secondary-color);
    font-size: 36px;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: -.04em
}

.small-heading-text {
    display: block;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color-lighter);
    margin: 10px 0
}

.my-account-nav {
    margin: 0
}

.my-account-nav ul li {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #e2ebee;
    margin: 0
}

.my-account-nav ul li a .badge {
    background-color: var(--primary-color)
}

.my-account-nav ul li a {
    border: none;
    transition: 100ms all
}

.my-account-nav ul li:hover a,.my-account-nav ul li:focus a {
    color: white;
    background: var(--primary-color-lighter)
}

.my-account-nav ul li:not(#listItem_visitTicketsLink).active > *, .my-account-nav ul li:not(#listItem_visitTicketsLink):hover > *
 {
    border-right-color: var(--tertiary-color);
    background-color: var(--tertiary-color);
    color: white
}

.my-account-nav ul li:hover:after {
    background: transparent;
    border-left-color: #eaeff2
}

.my-account-nav ul li.active:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #ffc;
    border-width: 10px;
    margin-top: -10px;
    transition: 500ms all;
    background: white;
    border-left-color: var(--tertiary-color)
}

.membership-points.membership-detail.section-box-item-details {
    display: none
}

.account-box-detail-data,.section-box-detail-data {
    font-family: monospace;
    font-weight: 700
}

#accountContent .section-box-detail-data {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.account-header .customer-summary .account-header-text {
    color: #6c6a7a;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
    margin-right: 10px
}

.account-header .customer-summary .account-header-text .account-header-label {
    color: var(--tertiary-color)
}

.account-box-item-details .default-selected-text,.section-box-item-details .default-selected-text {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #6c6a7a;
    font-style: normal;
    margin-left: 5px
}

.account-options-heading {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 18px
}


/* Hide "Ticket Taken Date" from Ticket History (ticketUsage.asp) */
.ticket-usage-details.last-column {
    display: none;
}


#seatMessages .header .date {
    background: #eee;
    padding: 16px;
    color: black;
    text-align: left;
}

#seatMessages .header {
    background-color: transparent;
    color: inherit;
}

#seatMessages .seats {
    opacity: 1;
}








#shoppingCart .order-performance.row .section-box-item.item-total {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    background: transparent
}

.section-box-item.item-total .item-total-value {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    margin-right: 0
}

.account-box .field-label,.section-box .field-label {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--tertiary-color)
}

#accountInformation .edit-item-link {
    background: var(--tertiary-color);
    border: none;
    color: white;
    font-weight: 400
}

#accountInformation .edit-item-link:hover,#accountInformation .edit-item-link:active,#accountInformation .edit-item-link:focus {
    background: var(--tertiary-color-lighter)
}

#accountInformation #cancelButton, 
#accountInformation #contacts-box #updateButton, 
#accountInformation #addresses-box #updateButton,
#accountInformation #addresses-box .default-selected-text,
#accountInformation #contacts-box .default-selected-text,
#accountInformation input[type="radio"] 
	{
		display: none;
	}



#popupBody,.popupDetails {
    background: white none repeat scroll 0 0
}

.modal-dialog {
    box-shadow: 0 0 2px 4000px rgba(0,0,0,0.6)
}

.price-type-modal .modal-dialog {
    margin-top: 0
}

.popup-upsell .modal-dialog,.popup-add-donation .modal-dialog {
    margin-top: 50px
}

@media (min-width: 768px) {
    .popup-upsell .modal-dialog,.popup-add-donation .modal-dialog {
        width:80%
    }
}

#popupDiv_confirmDiv.modal-body p {
    font-size: 18px;
    margin: 0
}

.info-content.modal-body,.info-content.modal-body iframe,.popup-add-donation .modal-body {
    height: 500px
}

.popup-section iframe#section {
    height: 350px
}

.modal-content {
    border: 3px solid rgba(255,255,255,.9)
}

.modal-header {
    background: var(--tertiary-color) none repeat scroll 0 0;
    color: white;
    border-radius: 6px 6px 0 0;
    min-height: 50px
}

.modal-header h5 {
    color: white
}

.modal-title {
    color: white;
    text-transform: uppercase
}

#popupDiv_confirmDiv {
    background: none;
    padding-left: 1em
}

.close {
    color: white;
    opacity: 1;
    margin-top: -10px!important;
    margin-left: 1em;
    margin-bottom: 1em;
    font-size: 30px
}

.close:hover,.close:focus {
    color: inherit
}

.item-box-item-details.last-column,.item-amount,.item-total-value,.method-charge.last-column,.section-box-item-details.last-column {
    font-weight: 700
}

.item-box .field-label {
    color: inherit;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 700;
    font-size: 14px;
    color: var(--tertiary-color)!important
}

.account-box .field-label,.section-box .field-label {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}

.seat-request.item-box-item,.seat-on-order.item-box-item {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.seat-request.item-box-item .field-value,.seat-on-order.item-box-item .field-value {
    font-size: 14px
}

.tooltip-seat-info {
    font-family: monospace!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 10px;
    color: var(--secondary-color)
}

.tooltip-avail-message {
    border-radius: 0;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 600
}

.current-seat-request {
    margin-bottom: 0
}

.login-box.account-box,.forgot-password-box.account-box {
    background: white;
    border: 1px solid #e2ebee;
    border-radius: 6px;
    margin: 10px 0
}

.forgot-password a {
    padding: inherit;
    text-transform: inherit;
    border: inherit;
    font-weight: normal;
}

#login .account-box.create-account-box .btn {
    color: white;
    background: var(--primary-color);
    margin-top: 10px;
    text-transform: uppercase
}

#login .account-box.create-account-box .btn:hover,#login .account-box.create-account-box .btn:focus,#login .account-box.create-account-box .btn:active {
    background: var(--primary-color-lighter);
    color: white;
    text-decoration: none
}

#createAccount .customer-communication .btn {
    display: none
}

.address-lookup {
    height: 400px;
    padding-bottom: 0
}

.popup-addressVerification .modal-dialog {
    margin-top: 5%
}

.customer-communication h3 {
    display: none
}

.well.gdpr p {
    font-size: 14px
}

.order-contact .billing-info .btn-group {
    width: auto
}

.order-contact .billing-info .btn-group .btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px
}

.breadcrumb {
    line-height: 2.5;
    padding: 8px 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    list-style: none;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #e3e3e6
}

.breadcrumb li {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 700;
    font-size: 14px;
	line-height: unset;
}

.breadcrumb > li + li:before {
    color: var(--tertiary-color);
    font-size: 60%;
    padding: 5px
}

.delivery-methods .section-box-item {
    padding: 0;
    border-bottom: solid 1px #eee
}

.delivery-methods .section-box-item label span {
    padding-left: 5px
}

.delivery-method-description {
    font-size: 100%;
    color: var(--tertiary-color);
    padding-left: 1em
}

.order-contact .billing-info,.order-contact .shipping-info {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 700
}

#phone_number1 {
    float: left;
    clear: left;
    margin: 10px 0;
    width: 100%;
    font-size: 14px
}

.order-contact .billing-info .btn-group {
    margin-top: 10px
}

#giftCertificateDetails textarea.form-control {
    height: 34px;
    resize: none;
	overflow: hidden;
}

#giftCertificateDetails textarea,
#giftCertificateDetails input[type=text] {
    width: 200px;
	display: block;
    margin-bottom: 30px;
}



.order-customer-details h3 {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.order-customer-details .item-box-item,.order-totals .section-box-item {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    border-top: 1px solid #e3e3e6
}

.order-customer-details .item-box-item img {
    margin-left: 5px
}

.payment-methods-list .payment-method-option {
    border: 1px solid #e3e3e6
}

.payment-methods-list .payment-method-option:hover {
    background: white7fa
}

.payment-box .field-value {
    font-weight: 700;
    font-size: 14px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important
}

#orderContact .btn-link, .order-customer-delivery a.section-link {
    border: none;
    text-transform: inherit;
    font-weight: normal;
    color: var(--primary-color);    
}



.gift-card-payment .card-payment-details.section-box-item-details {
    font-weight: 700;
}

input#giftCardRedemption {
    font-family: monospace;
}





.detailed-search-results .item-name a.more-info {
    font-size: 24px
}

.detailed-search-results .result-box-item .item-link .btn,.detailed-search-results .result-box-item .availability-icon,.standard-search-results .result-box-item .availability-icon,.result-box-item .start-date-label,.item-description .start-date-label, .detailed-search-results .item-start-date, .detailed-search-results .item-end-date {
    display: none
}

.availability-indicator,
.availability-text,
.availability-label,
.detailed-search-results .unavailable-message 
{
    display: none
}



.block-button .standard-search-results .result-box-item .item-link .btn, 
.block-button .detailed-search-results .result-box-item .item-link .btn,
.block-button .item-link
{
    width: 100%;    
}


.standard-search-results .result-box-item,
.detailed-search-results .result-box-item {
    flex-wrap: wrap;
}

.item-link.result-box-item-details.last-column {
    flex-grow: 1;
}



/* Remove "On Sale" message from search widget results */
.whatson .detailed-search-results .item-link.result-box-item-details > span,
.whatson .item-link.result-box-item-details > span,
.whatson .detailed-search-results .av_on_sale_date {
    display: none;
}


.PriorityPatronSearchWidget .attention {font-size: 0;}

.PriorityPatronSearchWidget .attention:before {
    content: "No priority events found. Either there are no priority events available or you are not logged in or do not have a valid membership.";
    font-size: 18px;
}



.detailed-search-results .item-start-date,.series-data-4,.detailed-search-results .performance-date {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0e234b;
    font-size: 14px
}

.active-promo-event,.active-promo-event td {
    background: rgba(0,0,0,0) none repeat scroll 0 0
}

.show-buy-buttons .detailed-search-results .item-teaser,.show-buy-buttons .detailed-search-results .result-box-item .item-link .btn,.show-buy-buttons .detailed-search-results .result-box-item .availability-icon,.show-buy-buttons .standard-search-results .result-box-item .availability-icon,.show-buy-buttons .result-box-item .start-date-label,.show-buy-buttons .detailed-search-results .last-column span {
    display: block
}

.show-availability-icon .standard-search-results .result-box-item .availability-icon {
    display: inline-block
}

.show-event-date .item-teaser {
    display: none;
}

.show-event-date .item-start-date  {
    display: block;
}


.hide-item-name .search-results-container .item-description .item-name {
    display: none
}


.hide-end-date .item-end-date {
    display: none;
}

.hide-start-date .item-start-date {
    display: none;
}


.search-results-container .item-image .item-logo {
    border-radius: 0
}

.search-results-container .item-image .item-logo:hover {
    opacity: .9
}

.item-image.result-box-item-details {
    width: 35%!important
}

.item-description.result-box-item-details {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    float: right;
    text-align: left;
    width: 100%
}

.item-description .start-date {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px
}

.detailed-search-results .item-description.result-box-item-details {
    width: 60%
}

.detailed-search-results .soldout {
	display: none;
}

.unavailable-message {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.search-results-container .item-start-date .start-date-label,.search-results-container .item-end-date .end-date-label {
    font-size: 12px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.item-description .item-name a {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
    font-weight: 800;
    line-height: 32px;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.search-results-container .item-venue {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 16px
}

.display-teaser .item-teaser {
    display: initial
}

@media (min-width: 768px) {
    .search-results-container .item-image .item-logo {
        max-width:175px
    }
}

.detailed-search-results .item-link.result-box-item-details {
    color: var(--tertiary-color)
}

@media screen and (min-width: 515px) {
    .detailed-search-results .item-link.result-box-item-details {
        /* width:60%;*/
        text-align: left;
        font-size: 16px
    }
}

[id^=avWidget] p.attention {
    border: 1px solid #e3e3e3;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    font-weight: 700
}

.whats-on-filter {
    margin: 20px 0 10px
}

.whats-on-filter ul.dropdown-menu {
    box-shadow: 0 4px 10px rgba(0,2px,0,0.2);
    padding: 0;
    margin-top: 0;
    margin-left: -1px;
    width: 100%;
    border-radius: 0;
    border-top: none
}

.whats-on-filter .dropdown-menu > li > a {
    border-color: rgba(217,55,59,.25);
    border-image: none;
    border-style: none none solid;
    border-width: 1px;
    padding: 8px 5px 8px 15px;
    font-size: 12px
}

.whats-on-filter .btn-default {
    text-align: left;
    padding: 15px 5px 15px 15px !important;
    background: var(--primary-color);
    border-right: 1px solid rgba(255,255,255,.5);
    border-radius: 0
}

.whats-on-filter .btn-group.open .dropdown-toggle,.whats-on-filter .btn-group.open .btn-default:hover,.whats-on-filter .btn-group.open .btn-default:focus {
    color: white
}

.whats-on-filter .btn-default:hover {
    background: var(--primary-color-lighter)
}

.whats-on-filter .btn-default:active,.whats-on-filter .btn-default.active,.whats-on-filter .open .dropdown-toggle.btn-default {
    background: #ff767a
}

.whats-on-filter .btn-default .glyphicon {
    color: white;
    font-size: 60%;
    display: inline;
    height: 10px;
    line-height: 10px;
    margin: 0 0 0 4px;
    top: 0
}

.whats-on-filter .btn-group.open .glyphicon {
    opacity: .8
}





/* What's on filter v7 */

.nav.whats-on-filter > li > a {
  background: var(--primary-color);
  color: white;
}

.nav.whats-on-filter > li > a:hover {
  background: var(--primary-color-lighter);
}

.nav.whats-on-filter a {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
}

.nav.whats-on-filter a.dropdown-item:hover {
  background: var(--primary-color);
  color: white;
}











a.btn.btn-default.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.whats-on-calendar {
    margin-top: 20px
}

#calendarWidget-navigation {
    background: var(--tertiary-color-lighter)!important;
    color: white;
    width: 100%;
    font-weight: 700
}

#calendarWidgetHeader td {
    background: #e2ebee;
    border: solid #ececec;
    color: #6c6a7a
}

#calendarWidgetTable .WidgetEvent {
    background: var(--primary-color) none repeat scroll 0 0;
    transition: 400ms all
}

#calendarWidgetTable .WidgetEvent:hover,#calendarWidgetTable .WidgetEvent:active,#calendarWidgetTable .WidgetEvent:focus {
    background: var(--primary-color-lighter) none repeat scroll 0 0
}

#calendarWidget-navigation td a {
    display: block
}

#calendarWidget-body td {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

#calendarWidget-body .table {
    margin-bottom: 0
}

#calendarWidget-body {
    width: auto;
    background: transparent
}

#widget-nextmonth a span,#widget-lastmonth a span {
    color: white
}



/* calendar-search-results - SearchWebWidget4 */
.calendar-month {
    background: var(--tertiary-color-lighter);
    color: white;
    font-weight: bold;
}

#prevMonthButton, #nextMonthButton {color: white;}


#prevMonthButton:hover, #nextMonthButton:hover {opacity: 0.8}

.days-of-week {
    font-size: 80%;
    color: grey;
}

.calendar-search-results .calendar-container .calendar-week .calendar-day .calendar-date-button[aria-pressed="true"] {
	background-color: var(--tertiary-color-lighter);
    color: white;
}


/* --------------- */


.preshowdiningsearchresults .start-date {
    font-size: 19px
}

.preshowdiningsearchresults a.more-info {
    font-size: 16px!important
}

.carousel-indicators {
    top: 10px;
    height: 0
}

.carousel-control {
    background-image: none!important;
    filter: alpha(opacity=75);
    opacity: .75
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    top: 40%;
    font-size: 20px;
    width: 45px;
    height: 45px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(255,64,70,0.8);
    text-align: center;
    border: 2px solid rgba(255,64,70,1)
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 20%
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 20%
}

.carousel-control .pagination > .active > a,.carousel-control .pagination > .active > span,.carousel-control .pagination > .active > a:hover,.carousel-control .pagination > .active > span:hover,.pagination > .active > a:focus,.carousel-control .pagination > .active > span:focus {
    background-color: var(--primary-color);
    border-color: white
}

.homepage-feature-text-container {
    background: var(--primary-color);
    right: 15%;
    bottom: 3%;
    padding: 20px 20px 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    display: none
}

.homepage-feature-text-container h2 {
    margin: 0;
    font-size: 28px
}

.homepage-feature-text-container p {
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.homepage-feature-text-container a {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 800;
    color: white
}


.homepage-feature-text-container a:hover {
    color: #eee;
}

.BTHomepagenew .articles .article-container.secondary-linked-features,.CLHomepagenew .articles .article-container.secondary-linked-features,.COHomepagenew .articles .article-container.secondary-linked-features,.GLHomepagenew .articles .article-container.secondary-linked-features,.OTHomepagenew .articles .article-container.secondary-linked-features,.STHomepagenew .articles .article-container.secondary-linked-features,.WRHomepagenew .articles .article-container.secondary-linked-features,.WSHomepagenew .articles .article-container.secondary-linked-features,.WTHomepagenew .articles .article-container.secondary-linked-features,.CBHomepagenew .articles .article-container.secondary-linked-features {
    width: 100%
}

#content .homepage-content h1 {
    margin: 0
}

@media (min-width: 515px) {
    #content h1 {
        font-size:52px;
        line-height: 1
    }

    #content .homepage-content h1 {
        margin: 0;
        font-size: 58px
    }

    .homepage-feature-text-container {
        display: block
    }

    .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
        font-size: 40px;
        width: 65px;
        height: 65px;
        padding: 10px
    }
}

.result-box-item.odd,.result-box-item.even {
    float: left;
    background: transparent;
    margin-top: 20px;
    background: white;
    border: 1px solid #e3e3e6;
    padding: 10px
}

.result-box-item.odd {
    clear: left
}

.result-box-item.even {
    float: right
}

.pagination-box {
    padding-bottom: 10px;
}

.pagination {
    margin: 20px 10px 0 0
}

.pagination li a {
    color: var(--primary-color)
}

.pagination li a,.pagination span.current {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    border: 1px solid #F2D6E7!important;
    border-radius: 0;
    border: 2px solid var(--primary-color)!important;
    margin-left: 8px;
    background: white;
    width: 42px;
    height: 42px;
    line-height: 28px;
    text-align: center
}

.pagination span.current {
    border: 1px solid var(--secondary-color)!important;
    background: var(--secondary-color)!important;
    color: white
}

.pagination li a:hover {
    background: var(--primary-color);
    color: white
}

.pagination a span.glyphicon {
    margin: 2px -2px 3px -4px
}

.pagination .ellipsis,.pagination .ellipsis:hover {
    border: 2px solid var(--primary-color);
    background: white;
    width: 42px;
    height: 42px;
    line-height: 28px;
    margin-left: 8px;
    border-radius: 0;
    color: var(--primary-color)
}

.search-results-container .item-start-date /*,.search-results-container .item-end-date,.search-results-container .item-venue,.search-results-container .item-price-range,.search-results-container .item-teaser */
{
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #0e234b;
    font-size: 12px
}

@media (max-width: 768px) {
    .homepage-feature-text-container {
        padding:5px
    }

    .homepage-feature-text-container h2 {
        font-size: 16px;
        margin-bottom: 0
    }

    .carousel-indicators {
        top: 20px;
        height: 0
    }

    .carousel-indicators li:hover {
        background-color: rgba(255,255,255,0.85)
    }

    .article-container.primary-feature-wrapper {
        margin: 10px 0
    }

    .homepage-left-content-container {
        margin-bottom: 20px;
        transition: 400ms all
    }

    .homepage-left-content-container:hover {
        border-color: #CFCFB1;
        color: black
    }

    body.venuepage .homepage-left-content-container {
        margin-top: 20px;
        margin-left: 5px
    }

    .homepage-left-content-text {
        padding: 10px 5px;
        font-size: 16px;
        color: #6F6E59
    }

    .homepage-left-content-text h3 {
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 700;
        font-style: normal;
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        line-height: inherit
    }

    .homepage-left-content-text h3 a::after {
        font-family: 'Glyphicons Halflings';
        content: "\e080";
        font-size: 14px;
        padding-left: 5px
    }

    .homepage-left-content-text p {
        font-size: 16px;
        line-height: 24px;
        color: #6c6a7a
    }

    h2.whats-on {
        margin: 0;
        font-size: 28px;
        text-transform: uppercase
    }

    .venuepage .tab-container td.event-tab.current span {
        color: #7f7878;
        background: #fcf5f5
    }

    .tab-container td.event-tab,.venuepage .tab-container td.event-tab {
        background: whitebfc;
        border: none!important;
        padding: 0;
        margin: 0 10px 10px 0;
        color: var(--primary-color);
        text-align: left;
        display: inline-block
    }

    .tab-container td.event-tab.current,.tab-container td.event-tab.current:hover,.tab-container td.event-tab.current:focus,.tab-container td.event-tab.current:active {
        background: whitebfc
    }

    .tab-container td.event-tab.current span,.venuepage .tab-container td.event-tab.current span {
        background: var(--tertiary-color);
        color: white
    }

    table.event-content-slide td.event-content,.venuepage table.event-content-slide td.event-content {
        border: none;
        background: transparent;
        padding: 0
    }
}


/* HQtabs used before August 2020 onwards, to be phased out */

.hqtabs .tab-content {
    background: white;
    padding: 10px 40px 20px 20px;
    border: 1px solid #e3e3e6;
    margin-bottom: 20px
}

.hqtabs .nav > li > a {
    background: none
}

.hqtabs .nav-tabs a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

.hqtabs .nav-tabs span {
    background: var(--primary-color);
    color: white;
    padding: 5px 25px;
    border-radius: 20px;
    white-space: nowrap
}

.hqtabs .nav-tabs > li.active > a,.hqtabs .nav-tabs > li.active > a:hover,.hqtabs .nav-tabs > li.active > a:focus {
    color: var(--tertiary-color)
}

.hqtabs .nav-tabs > li.active > a span,.hqtabs .nav-tabs > li.active > a:hover span,.hqtabs .nav-tabs > li.active > a:focus span {
    color: var(--tertiary-color);
    background: none
}

.hqtabs .nav > li > a:hover,.hqtabs .nav > li > a:focus {
    background: none
}

.hqtabs .nav > li > a:hover span,.hqtabs .nav > li > a:focus span {
    background-color: var(--primary-color-lighter)
}

.hqtabs .nav-tabs.nav-justified > .active > a,.hqtabs .nav-tabs.nav-justified > .active > a:hover,.hqtabs .nav-tabs.nav-justified > .active > a:focus {
    border: none
}

.hqtabs .nav-tabs > li > a:hover {
    border-color: transparent
}

@media (min-width: 768px) {
    .hqtabs .nav-tabs > li.active > a,.hqtabs .nav-tabs > li.active > a:hover,.hqtabs .nav-tabs > li.active > a:focus {
        background:white
    }

    .hqtabs .nav-tabs.nav-justified > .active > a,.hqtabs .nav-tabs.nav-justified > .active > a:hover,.hqtabs .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #e3e3e6;
        border-bottom: 1px solid white
    }

    .hqtabs .tab-content {
        border-top: none
    }
}




/* v7 HQtab used from August 2020 onwards */

.hqtab .tab-content {
    background: white;
    padding: 30px;
    border: 1px solid #e3e3e6;
}

.hqtab .nav-pills .nav-link.active, 
.hqtab .nav-pills .show>.nav-link {
    background: white;
    color: var(--tertiary-color);   
    border: 1px solid #e3e3e6; 
}

.hqtab .nav-pills .nav-link {
   text-transform: uppercase;
   font-weight: 700;
}

.hqtab .nav > li > a {
    background: transparent;
}

.hqtab .nav > li > a:hover,
.hqtab .nav > li > a:focus {
    color: var(--primary-color-lighter);

}


.hqtab .nav-pills {
    margin: 10px 0 -1px;
}




.BTHomepagenew .articles .article-body-container .article-container.main-article-body,.CLHomepagenew .articles .article-body-container .article-container.main-article-body,.COHomepagenew .articles .article-body-container .article-container.main-article-body,.GLHomepagenew .articles .article-body-container .article-container.main-article-body,.OTHomepagenew .articles .article-body-container .article-container.main-article-body,.STHomepagenew .articles .article-body-container .article-container.main-article-body,.WRHomepagenew .articles .article-body-container .article-container.main-article-body,.WSHomepagenew .articles .article-body-container .article-container.main-article-body,.WTHomepagenew .articles .article-body-container .article-container.main-article-body,.CBHomepagenew .articles .article-body-container .article-container.main-article-body {
    width: 100%
}

@media (min-width: 992px) {
    .homepage-left-content-container {
        width:47%;
        float: left;
        margin: 0 10px 20px
    }
}

@media (min-width: 1400px) {
    #right-items div {
        display:block;
        position: fixed;
        bottom: 20px;
        right: 10px
    }
}

.payment-methods-list .payment-method-option .payment-method-label img {
    display: none
}

.gift-card-heading a.btn.btn-default:nth-child(1) {
    border-bottom-right-radius: 20px!important;
    border-top-right-radius: 20px!important
}

.gift-card-heading a.btn.btn-default:nth-child(2) {
    display: none
}

.selected-payment-method-name.no-label-indent {
    display: none
}

.order-customer-details .item-box-item img {
    -webkit-animation: zoom-in-out 2s linear 0 infinite normal;
    animation: zoom-in-out 2s linear 0 infinite normal
}

@-webkit-keyframes zoom-in-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoom-in-out {
    0% {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.btn-link,.section-link {
    border: 1px solid #ffd7d9;
    color: var(--primary-color);
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
    -moz-user-select: none;
    background-image: none;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 800;
    line-height: 1.42857;
    padding: 6px 24px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase
}

.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover,.section-link:active,.section-link:focus,.section-link:hover {
    border: 1px solid var(--primary-color-lighter);
    text-decoration: none;
    color: var(--primary-color-lighter)
}

.menuContainer.main-nav .nav .menuTopItem .menu_item .glyphicon {
    display: inline-block
}

@media screen and ( min-width: 1200px ) {
    .menuContainer.main-nav {
        width:1170px
    }

    .menuContainer.main-nav ul#menuTop {
        margin-left: 0
    }
}

@media screen and ( min-width: 992px ) {
    #header {
        padding:0 0 10px
    }

    #orderInfo {
        display: block;
        width: auto;
        color: white;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 700
    }

    .menu-toggle {
        display: none
    }

    #menu,.active-nav #menu,.active-sidebar #menu {
        padding: 10px 0;
        margin: 0;
        float: none;
        width: auto;
        text-align: center
    }

    #menu {
        padding: 10px 0 0!important;
        background: var(--tertiary-color);
        margin: 0 0 30px;
        border-top: 1px solid rgba(255,255,255,.1);
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    #menu ul ul {
        margin: 0
    }

    #menu ul li:hover > ul {
        display: block
    }

    #menu li li {
        display: inherit
    }

    #menu ul .menuTopItem.open li {
        display: inherit
    }

    a.menu_item {
        font-family: 'Montserrat',Helvetica,Arial,sans-serif!important;
        font-weight: 700!important;
        font-size: 16px!important
    }

    .menuContainer.main-nav {
        display: inline-block
    }

    

    .menuContainer.main-nav .nav .menuTopItem {
        display: inline-block;
        position: relative;
        margin: 0 5px;
        border-radius: 4px 4px 0 0
    }

    .menuContainer.main-nav .nav .menuTopItem .menu_item,.menuContainer.main-nav .nav .open .menuTopItem .menu_item {
        background-color: transparent;
        color: white;
        border: 0;
        display: inline-block;
        margin: 0;
        padding: 10px;
        float: left;
        text-transform: uppercase;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 400
    }

    .menuContainer.main-nav .nav .menuTopItem .menu_item:hover,.menuContainer.main-nav .nav .open .menuTopItem .menu_item:hover {
        color: #eaf1f3
    }

    .menuContainer.main-nav .nav .menuTopItem .menu_item span {
        display: inline
    }

    .menuContainer.main-nav .nav .menuTopItem .menu_item .glyphicon {
        color: #ff8185;
        font-size: 60%;
        display: inline;
        height: 10px;
        line-height: 10px;
        margin: 0 0 0 4px;
        top: 0
    }

    .menuContainer.main-nav .nav .menuTopItem .dropdown-toggle .glyphicon {
        top: 0;
        margin: 0
    }

    .menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
        background: white;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 300px;
        top: 100%;
        z-index: 1000
    }

    .menuContainer.main-nav .nav .menuTopItem.open,.btn-group.open .dropdown-toggle {
        background: white
    }

    .menuContainer.main-nav .nav .menuTopItem.open .menu-label {
        color: #0e234b;
        text-shadow: none
    }

    .menuContainer.main-nav .nav .menuTopItem.open .glyphicon {
        color: #0e234b;
        opacity: .5;
        text-shadow: none
    }

    .menuContainer.main-nav .nav .menuTopItem.open .dropdown-menu {
        display: block;
        border: none
    }

    .menuContainer.main-nav .nav .menuTopItem.open [data-toggle="dropdown"] {
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        background: white;
        border-radius: 5px 5px 0 0
    }

    .menuContainer.main-nav .nav li .dropdown-menu li a {
        font-size: 16px;
        border: 0;
        border-bottom: 1px solid #CFD3DB;
        padding: 10px
    }

    .dropdown-menu > li > a {
        text-transform: uppercase;
        color: var(--primary-color);
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 700!important
    }

    .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
        background-color: whitebfc;
        color: inherit;
        text-decoration: none
    }

    .customer-options,.active-nav .customer-options,.active-sidebar .customer-options {
        background: black;
        background: rgba(94, 152, 161, 0.6);
        display: inline-block;
        float: none;
        margin-right: 0;
        padding: 0;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        border-bottom: 1px solid rgba(255,255,255,.1);
        opacity: 1
    }

    .order-message {
        font-style: normal;
        font-weight: 400;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 13px
    }

    .shopping-cart-link {
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 800;
        font-size: 13px;
        background: var(--primary-color);
        border: none;
        border-radius: 0;
        color: white;
        margin: 0 10px;
        text-transform: uppercase;
        padding: 10px;
        vertical-align: baseline
    }

    .shopping-cart-link:hover,.shopping-cart-link:focus,.shopping-cart-link:active {
        color: white;
        background: var(--primary-color-lighter);
        font-size: 13px;
        margin: 0 10px;
        padding: 10px
    }

    #searchBox {
        margin: 0;
        padding: 0;
        position: absolute;
        top: -150px;
        right: 10px;
        opacity: .9
    }

    .content-wrapper {
        overflow: visible;
        min-height: 600px;
        background: transparent;
    }

    .search-box form ul li .field-label {
        display: none
    }

    .search-box form {
        text-align: right
    }

    .homepage-left-content-container {
        width: 100%;
        float: none;
        margin: 0 0 20px
    }

    .tertiary-linked-features-div {
        width: 100%;
        float: none;
        margin: 20px 0 0;
        padding: 10px;
        font-size: 16px;
        color: #6F6E59
    }

    #right-feature-scroller.tertiary-linked-features-div {
        background: transparent
    }
}

#shoppingCart .recommendations-heading {
    display: none
}

#shoppingCart > * {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

.order-items h3 {
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color-lighter);
    font-size: 28px
}

.btn-danger {
    background: var(--primary-color)
}

.section-box-item.item-total .item-total-value {
    font-weight: 700
}

#shoppingCart .more-info {
    display:none;
}


#shoppingCart .order-performance.row {
    border-bottom: 2px solid #e9e2e3;
    padding-top: 20px;
    padding-bottom: 20px
}

.item-total-label.section-box-detail-data,.item-total-value.section-box-detail-data {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-size: 18px!important;
    font-weight: 700
}

.admission-row.section-box-item .section-box-item-details select {
    font-family: monospace;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px
}

.order-totals .section-box-item {
    font-weight: 700
}

.grand-total.section-box-item {
    font-size: 28px;
    margin-top: 10px
}

.fine-print,.fine-print p {
    color: var(--primary-color-lighter);
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px!important;
    line-height: 1.4;
    padding-bottom: 10px
}



.fine-print .btn-link {
    font-size: 13px;
    border: none;
    text-transform: inherit;
    padding: 0;
    text-decoration: underline;
    font-weight: normal;
}

.remove-admissions a.btn-default {
    font-size: 10px;
    line-height: 1.875
}

.remove-admissions a.btn-default:after {
    content: ' selected seats'
}

.order-items .item-options :nth-child(2) {
    display: none
}



#shoppingCart .order-performance.row .col-md-8,#shoppingCart .order-performance.row .col-md-3 {
    width: 91.66666667%;
    padding-right: 5px
}

#shoppingCart .col-md-pull-1 {
    right: 0
}

.order-items .section-box-item .section-box-item-details .field-label,.order-item-details .section-box-item .section-box-item-details .field-label,.seat-location-information .section-box-item .section-box-item-details .field-label,.bundle-result-admission.section-box-item .section-box-item-details .field-label {
    font-size: 14px
}

.item-box-item-details,.result-box-item-details {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.item-box-item-details a {
    font-family: monospace;
    font-size: 14px
}

.item-box h4,.result-box h3 {
    font-size: 28px;
    line-height: 1.2
}

.field-value {
    font-family: monospace;
    font-weight: 700;
    font-size: 16px
}

.section-box-item-details a {
    font-family: monospace;
    font-weight: 700
}

.last-column .field-value {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif
}

@media (min-width: 992px) {
    #shoppingCart .col-md-push-8 {
        left:0
    }
}

#shoppingCart .item-information {
    margin: 10px;
    padding: 10px 0
}

#shoppingCart .item-information.item-box ul li {
    margin: 0;
    line-height: 1.4em
}

#shoppingCart .gift-appeal,#shoppingCart .gift-fund {
    display: none
}

.account-box,.section-box {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    border-top: none;
    padding-top: 20px;
    margin-top: 0;
    max-width: 100%
}

.create-account-box input.btn {
    clear: left;
    display: block
}

.performance-date {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;    
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color-lighter)
}

.btn.navForward,input#continue,input#buyBtn,#select_seats .btn-primary {
    font-size: 24px!important
}

#shoppingCart .navigation-box {
    margin: 50px 0 30px;
    margin: 50px 0 30px 0
}

#shoppingCart .order-performance.row:first-of-type {
    border-top: 2px solid #e9e2e3;
    padding-top: 18px
}

#shoppingCart .order-performance.row .section-box-item {
    padding-top: 20px;
    padding-bottom: 10px;
    background: white;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,251,252,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,251,252,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,251,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='whitebfc',GradientType=0);
    border-top: 1px solid #e9e2e3
}

#shoppingCart .order-performance.row .section-box-item:last-of-type {
    padding-top: 20px;
    padding-bottom: 20px
}

.order-totals .section-box-item {
    border-top: none;
    background: transparent!important;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    padding: 0
}

.order-items .item-options .btn {
    padding: 6px 18px
}

@media (min-width: 768px) {
    .account-box-item-details .form-control,.section-box-item-details .form-control {
        /* max-width:330px */
    }
}

@media print {
    a[href]:after {
        content: none
    }

    #footer,#header,#searchBox,#menu,.container .tertiary-linked-features,#customer-utilities {
        display: none
    }
}

.on-sale-soon .av_on_sale_date,.on-sale-soon .item-link.result-box-item-details > span {
    display: inline-block
}

.item-link.result-box-item-details.soldout > span {
    display: initial
}

.coronavirus-info-banner {
    background: black;
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 12px;
    font-size: .9em
}

.coronavirus-info-banner a {
	color: white07C;
}

.coronavirus-info-banner a:hover {
	color: white8C2;
}




/* == AudienceView 7.38 CSS Changes */
/*
.article-container.tertiary-linked-features {
    display: none !important;
}
*/


svg.svg-inline--fa.fa-chevron-down.fa-w-14 ,
a.menuSubItem.dropdown-item {
    color: var(--primary-color);
}

a.menuSubItem.dropdown-item {
    text-align: left;
}


a.menuSubItem.dropdown-item:hover {
    color: var(--secondary-color);
}

.dropdown-item.active, .dropdown-item:active {
	background-color: whitebfc;
}


a:not(.btn):focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.homepage-left-container {
    display: inline-flex;
}

#content .container {
    padding: 0px;
}

.btn-group,
a.btn.btn-default {
	width: 100%;
}

.tab-container td.event-tab.current span,
.tab-container td.event-tab span {
    background: white;
    color: var(--tertiary-color);
}

ul.nav.nav-tabs.nav-justified li {
    /* width: 50%; */
    text-align: center;
}

/*

.btn-primary, .book-button, .hq-form input[type="submit"] {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary, 
.book-button:hover, .book-button:focus, .book-button:active, .hq-form input[type="submit"]:hover, 
.hq-form input[type="submit"]:focus, .hq-form input[type="submit"]:active {
    background-color: var(--primary-color-lighter) !important;
    color: white !important;
}


*/

div#price_type_section {
    padding-right: 0px !important;
}

.modal-dialog {
    background: rgba(0,0,0,0.6);
}

.modal-backdrop {
    z-index: 0;
}

.promotional-code-input .btn {
    padding-top: 9px;
    padding-bottom: 10px;
    background: var(--tertiary-color);
}

.promotional-code-input .btn:hover {
	background: var(--tertiary-color-lighter);
	color: white;
}

.input-group-append {
    background-color: transparent;
    border: 0px solid #ccc;
}

#seat-price-zone .dropDown {
    position: relative;
    top: -19px;
    margin-right: 15px;
}


#available_price_types a.btn-secondary {
    color: white;
    background-color: var(--primary-color);
    border-color: #cccccc;
}

#available_price_types a.btn-secondary:hover {
    color: white;
    background-color: var(--primary-color-lighter);
    border-color: #cccccc;
}

#shoppingCart a.btn.btn-secondary ,
input.btn.btn-secondary.cancel-order {
    background: var(--secondary-color);
    color: white;
}

a.more-info.btn.btn-secondary {
    position: relative;
    left: -30px;
}

.breadcrumb {
    padding: 9px 15px 0px 15px;
}

.dropdown-menu.show {
    display: contents;
}

a.btn-secondary, .btn-secondary,
a.btn-secondary.disabled, .btn-secondary.disabled, 
a.btn-secondary:disabled, .btn-secondary:disabled {
	background-color: var(--secondary-color);
	color: white;
}

a.btn-secondary:hover, a.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:focus {
	background-color: var(--secondary-color);
	color: white;	
}

.questions .col-lg-3 {
    max-width: 100%;
    flex: 100%;
}

.questions .col-lg-3 .answer {
	max-width: 100%;
}

.questions .row {
	margin-left: 0px;
	margin-right: 0px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 650px;
		margin: 1.75rem auto;
	}
}

@media screen and (max-width: 767px) {
	.item-search-submit input {
		margin-left: 0px;
		color: white;
	}
}

@media screen and (min-width: 768px) {
    .item-search-submit input {
        background-color: white;
        background-image: url(https://churchilltheatre.co.uk/ArticleMedia/Images/Site_Elements/CSS_Elements/magnifying-glass-ff4046.png);
        background-position: center center;
        background-size: 30%;
        background-repeat: no-repeat;        
        padding: 6px 30px;        
        text-indent: -9999px
    }

    .item-search-submit input:hover,.item-search-submit input:active,.item-search-submit input:focus {
        background-color: white;
        background-image: url(https://churchilltheatre.co.uk/ArticleMedia/Images/Site_Elements/CSS_Elements/magnifying-glass-ff4046.png);
        background-position: center center;
        background-size: 30%;
        background-repeat: no-repeat;
        border-radius: 0 5px 5px 0;
        padding: 6px 30px;
        border: 1px solid #ccc !important;
        text-indent: -9999px
    }
}

@media screen and (max-width: 991px) {
	.price-type-modal {
		width: 98%;
		/* left: calc(50% - 500px);
		margin-left: 250px; */
	}
}

@media screen and (min-width: 992px) {
	.shopping-cart-link {
		font-family: 'Montserrat',Helvetica,Arial,sans-serif !important;
		font-size: 13px !important;
		background: var(--primary-color) !important;
		margin: 0 10px !important;
		text-transform: uppercase !important;
		padding: 10px !important;
		vertical-align: baseline !important;
	}
	.customer-options {
		height: 39px;
	}
	.header-content {
		padding: 0 0px;
	}	
	#header {
		padding: 20px 0 10px;
	}	
	#menu {
		padding: 10px 0 10px!important;
	}
	.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
		box-shadow: inset 0 3px 05px rgba(0, 0, 0, 0);
		background-color: transparent;
	}
	
	.menuContainer.main-nav .nav .menuTopItem.show .dropdown-menu {
		display: none;
	}	
	
	.dropdown:hover>.dropdown-menu {
		display: block !important;
	}
		
	.whats-on-filter .btn-default:hover {
		background: var(--primary-color-lighter);
		color: white !important;
	}	
	
	.price-type-modal {
		width: 100%;
		left: 18%;
	}	
}

#header .navbar {
	/* display: none; */
}

	a.menuSubItem.dropdown-item {
    color: var(--primary-color);
    background: white;
}



/* HQ Custom Manual Menu */

/* Hide AV menu */
.menu-toggle.menu-button.btn,
.active-nav #menu,
#menu
{
    display: none;
}




.hq-site-menu .navbar-toggler {
    color: white;
    background-color: rgba(0,0,0,0.25);
    border-radius: 0px;
    font-size: 25px;
    padding: 10px;
    border: 0;
    
    
    position: fixed;
    left: 10px;
    top: 68px;
    
}


#hqSiteMenu .nav-item.dropdown::after {
    color:var(--primary-color);
    display: inline-block;
    width: 0;
    height: 0;
    /* margin-left: .255em; */
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#hqSiteMenu .nav-item.dropdown.show::after {
    display:none    
}

#hqSiteMenu a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}



#hqSiteMenu li {
    padding: 15px 15px 0 0;
}

#hqSiteMenu .nav-link {
	padding: 0
}



#hqSiteMenu a.dropdown-item {
    color: white;    
    padding: 15px;
}

@media (min-width: 992px) {
#hqSiteMenu a.dropdown-item {
    color: var(--primary-color);        
    }

}


#hqSiteMenu a.dropdown-item:not(:first-child) {
    border-top: 1px solid #ddd;
}

#hqSiteMenu a.dropdown-item:hover {
    color: var(--secondary-color);        
}


.d-none-bt,
.d-none-cb,
.d-none-cl,
.d-none-gl,
.d-none-nt,
.d-none-ot,
.d-none-st,
.d-none-wr,
.d-none-ws,
.d-none-wt {
    display: none!important;
}