/*
Theme Name: VAULT 2020
Author: Mat Burt with Tom Dearden after Joe Birkin's original 'VAULT' Theme for Wordpress
Author URI: https://vaultfestival.com & https://joebirkin.com
Version: 2.2

V20 Orange:     #FF6B00 rgba(255,107,0,1)
V20 Charcoal:   #1D1D1D rgba(29,29,29,1)
V20 Blue:       #00CCDD rgba(0,204,221,1)
V20 Light Grey: #CACACA rgba (202,202,202,1)

Rubik

V19 Charcoal: 	#272726
V19 Turquoise:	#0cd
V19 Cream:		#ffffe7
V19 Raspberry:  #e40346 rgba(228,3,70,1) (mb)

Mukta - 400, 700
Teko - 400, 600
*/
body {background: #cacaca url(https://vaultfestival.com/wp-content/uploads/v20/Background_V20_low.jpg) repeat top center; background-size:100%;padding-top:3.5rem;overflow-x:hidden;
    transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -webkit-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    }
    body.searching {padding-top:6.4rem;}
    #page-wrapper {overflow:hidden;width:100%;}
    .ucta {appearance:none;-webkit-appearance:none;-moz-appearance:none;border-bottom:2px solid #1d1d1d;display:inline-block;padding:.3em 0;padding-right:1em;font-family:'Teko';position:relative;color:#1d1d1d;text-decoration:none!important;font-size:1.5rem;
    transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -webkit-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    }
    .ucta:after {font-family:'dashicons'; content:"\f345";display:inline-block;position:absolute;right:0;line-height:.9em;}
    .ucta:hover {padding-right:1.5em;}
    .container {padding:2em 4em;max-width:90em;margin:0 auto;}
    .nudge {margin-top: 1em;} 
    .container.thin {padding-top:2em;padding-bottom:2em;}
    .container.full {padding-left:0;padding-right:0;max-width:none;}
    .container.no-padding {padding-top:0;padding-bottom:0;}
    .centre, .center {text-align:center;}
    .container p, .text ul > li {line-height:1.2em;font-size:1.2em;}
    .narrow-container {padding:0 6em;margin:0 auto;}
    .text ul > li {line-height:1.4em;}
    .text ul {list-style-type:disc;padding-left:3em;}
    .text p strong, .text td strong, .text li strong {font-weight:bold;} /* Value was 700 */
    a strong, strong a {font-weight:300!important;}
    .iframe-wrapper {position:relative;background:#1d1d1d;padding-bottom:56.3%;}
    .iframe-wrapper iframe {position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
    h4 {position:relative; margin-bottom: 0.5em;}
    a {color:#FF6B00;text-decoration:none;}
    a:hover {text-decoration:underline;}
    li {padding: 0.4em; font-size: 1.2em; line-height:1.2;}
    
    
    h1, h2, h3, h4 {max-width:36em;} /* Removed h5 & h6 */
    /* h4 + p, h2 + p {margin-top:1.5em;} Removed */
    /* h5 + p, h3 + p, p + h4, h3 + h5, h3 + h4, ul + h4, h3 + h6 {margin-top:1.2em;} ///MB Removed 03.06 /// */
    .container p + p, .container ul + p, .container p + ul, .container p + h4, .container p + h5, .container p + h6, .container ul + h4  {margin-top:1em;}
    .container p + h3 {margin-top: 0.3em;}
    p + .cta, p + .ucta {margin-top:2em;}
    .upper {text-transform:uppercase;}
    .hero {height:31vw;background:#bbb no-repeat center;background-size:cover;backface-visibility:hidden;overflow:hidden;position:relative;margin-top: 60px;/*margin for sticky nav_v20*/}
    .single-spektrix_event .hero {background-position:center top;}
    .hero.no-image {background-image:url(images/vault-v.svg);background-size:12em;}
    .hero iframe {
       width: 102%;
       height: 102%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
       position: absolute;
       top: -1%;
       left: -1%;
       right: -1%;
       bottom: -1%;
       /*pointer-events:none;*/
    }
    svg path, svg group {fill:inherit;}
    .noverflow {overflow:hidden;}
    .relative {position:relative;}
    .half {width:50%;min-height:1em;}
    .half.marged {width:48%;}
    .half.marged:nth-child(2n+2) {margin-left:4%;}
    .third {width:33.33%;}
    .two-thirds {width:66.67%;}
    .two-thirds.marged {width:65%;}
    .third.marged {width:30%;}
    .two-thirds.marged + .third.marged {margin-left:5%;}
    .third.marged + .two-thirds.marged {margin-left:5%;}
    .third p, .two-thirds p {margin-left:0;}
    .fifth {float:left;width:20%;}
    .fifth.marged {width:16%;}
    .fifth.marged + .fifth.marged {margin-left:5%;}
    .flex {display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;align-items:stretch; flex-wrap:wrap;}
    blockquote {font-size:.9em;padding-left:2em;border-left:2px solid #FF6B00;margin-left:2em;}
    * + blockquote, blockquote + * {margin-top:1em;}
    blockquote em {display:block;margin-top:.5em;color:#FF6B00;}
    section {clear:both;}
    .pgrad {
    background: rgb(228,3,70);
    background: -moz-linear-gradient(left, rgba(228,3,70,1) 0%, rgba(242,137,168,1) 100%);
    background: -webkit-linear-gradient(left, rgba(228,3,70,1) 0%,rgba(242,137,168,1) 100%);
    background: linear-gradient(to right, rgba(228,3,70,1) 0%,rgba(242,137,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6B00', endColorstr='#f289a8',GradientType=1 );	
    }
    .fade {
    background: -moz-linear-gradient(top, rgba(236,110,120,0) 14%, rgba(236,110,120,0.57) 63%, rgba(228,3,70,1) 100%);
    background: -webkit-linear-gradient(top, rgba(236,110,120,0) 14%,rgba(236,110,120,0.57) 63%,rgba(228,3,70,1) 100%);
    background: linear-gradient(to bottom, rgba(236,110,120,0) 14%,rgba(236,110,120,0.57) 63%,rgba(228,3,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ec6e78', endColorstr='#FF6B00',GradientType=0 );
    }
    #menu-toggle .bar-container {position:relative;width:2.5em;height:20px;cursor:pointer;margin-top:-4px;}
    #menu-toggle b {position:absolute;left:0;right:0;border-top:4px solid #1d1d1d;top:0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    }
    #menu-toggle b + b {top:50%;}
    #menu-toggle b + b + b {top:100%;}
    #menu-toggle .bar-container:hover b {border-color:#FF6B00;}
    .image {background-size:cover;background-position:center;background-color:#1d1d1d;}
    header {background:#cacaca url(https://vaultfestival.com/wp-content/uploads/v20/Background_V20_low.jpg) repeat top center; background-size:100%;}
    footer {background:#1d1d1d;}
    .footer_decoration {
        height: 30px;
        background: url(images/WatercolourFooter.png);
        background-position: top center;
    }
    header {position:fixed;top:0;left:0;right:0;z-index:90;}
    header a {text-decoration:none!important;}
    /*header .cta {color:#fff;font-size:.8em;padding:.6em 1em .45em;}*/
    header .cta {padding:0 .75em;height:3.5rem;line-height:3.7rem;}
    header .flex {justify-content:space-between;align-items:center;}
    header .container.thin {padding-top:1.5em;padding-bottom:1.5em;}
    header .container > div {width:18em;min-height:2em;}
    header .container #main-logo {flex-direction:column;justify-content:center;align-items:flex-start;}
    header .container #menu-toggle {justify-content:flex-start;}
    header .container #main-logo {background:url(images/vault.svg) no-repeat center;background-size:contain;width:15em;}
    header .container #main-logo a {position:absolute;top:0;left:0;right:0;bottom:0;display:block;text-indent:-999em;overflow:hidden;}
    header .container #search-tickets {color:#fff;text-align:right;align-items:center;justify-content:flex-end;}
    header .container #search-tickets a:not(.cta) {margin-left:1.5em;white-space:nowrap;display:inline-block;font-size:.8em;min-width:2em;min-height:2em;position:relative;vertical-align:middle;color:#fff;font-family:'Teko';text-transform:uppercase;width:1em;}
    header .container #search-tickets a:not(.cta) span {display:none;}
    header .container #search-tickets a:not(.cta):after {content:"";color:#FF6B00;display:inline-block;width:1em;height:1em;font-size:1.5em;position:absolute;top:50%;left:50%;margin:-.5em;background-size:contain;background-position:center right;background-repeat:no-repeat;}
    header .container #basket:after {background-image:url(images/cart.svg);}
    header .container #basket:hover:after {background-image:url(images/cart_hover.svg);}
    header .container #account:after {background-image:url(images/account.svg);}
    header .container #account:hover:after {background-image:url(images/account_hover.svg);}
    /*header .container #search-toggle {margin-left:2em;font-family:'Teko';color:#1d1d1d;white-space:nowrap;display:inline-block;text-transform:uppercase;font-size:1.2em;padding-right:1.5em;padding-top:.15em;position:relative;}*/
    header .container #search-toggle:after {background-image:url(images/search.svg);}
    header .container #search-toggle:hover:after {background-image:url(images/search_hover.svg);}
    #search-form {position:fixed;top:3.5rem;left:0;right:0;background:#333;z-index:80;height:0;overflow:hidden;
    transition: height .3s ease;
    -moz-transition: height .3s ease;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    }
    #search-form input {
        -webkit-appearance:textfield;
        /* height:1.8em;
        padding:1.2em 2em 1.3em; */
        background:transparent;
        width:100%;
        color:#fff;
        outline:none;
        border:none;
        font-size:1.3em;
        height:3.5rem;
        padding-left:0;
    }
    body.searching #search-form {height:3.5rem;}
    #search-form input::-webkit-input-placeholder {color:#999;font-family:inherit;}
    #search-form input::-moz-placeholder {color:#999;font-family:inherit;}
    #search-form input:-ms-input-placeholder {color:#999;font-family:inherit;}
    #search-form input:-moz-placeholder {color:#999;font-family:inherit;}
    #search-form input::-webkit-search-decoration {-webkit-appearance: none;}
    .mailchimp_signup {margin-top:2em;position:relative;max-width:24em;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    }
    .mailchimp_signup input[type=email] {width:100%;height:2.5rem;font-size:1em;}
    .mailchimp_signup input[type=submit] {position:absolute;right:0;top:0;height:2.5rem;font-size:1.25em;background-repeat:no-repeat;background-size:1em;background-position:center;}
    .mailchimp_signup.loading {opacity:.6;}
    .mailchimp_signup.loading input[type=submit], .mailchimp_signup.loading input[type=submit]:hover {color:transparent;background-image:url(images/loading.svg);}
    .signup-status {opacity:0;max-height:0;overflow:hidden;font-size:.8em!important;line-height:1.2em;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    }
    .signup-status.active {opacity:1;margin-top:1em;max-height:3em;padding-bottom:.1em;}
    .signup-status.error {color:#FF6B00;}
    .signup-status.success {color:#4AB648;}
    footer {position:relative;z-index:5;color:#fffff7;}
    footer a {color:inherit;}
    footer .links a {text-decoration:none!important;}
    footer .container.flex {align-items:center;justify-content:space-between;}
    footer .container.flex > div {width:30%;}
    footer .links a + a:before {content:"";display:inline-block;margin:0 1em;border-left:1px solid #ffffe7;height:1em;vertical-align:middle;margin-top:-.2em;}
    footer #back-to-top {position:absolute;top:0;left:50%;height:2em;line-height:2.1em;width:8em;margin:-1em -4em;background:#272726;border:2px solid #FF6B00;color:#ffffe7;white-space:nowrap;text-align:center;font-family:'Teko';text-transform:uppercase;text-decoration:none!important;}
    footer .social {margin:-.3em 0;}
    footer .social a svg {fill:#ffffe7;}
    .wiggle {width:5rem;height:2rem;background:url(images/wiggle.svg) no-repeat center;background-size:contain;}
    h4 .wiggle {position:absolute;top:100%;right:100%;margin-right:.5rem;}
    .decoration {background-position:top left;}
    /*.dots.bottom-right {background-position:bottom right;}
    .dots.top-right {background-position:top right;}
    .dots.bottom-left {background-position:bottom left;}*/
    .dots-cream {background-image:url(images/dots-cream.svg);}
    .watercolour {background-image:url(images/WaterColour_600px.png); background-repeat: no-repeat;}
    .xo {width:10rem;height:8rem;background-size:contain;background-position:center;background-repeat:no-repeat;display:none!important;}
    .xo-cream {background-image:url(images/xo-cream.svg);}
    .xo-pink {background-image:url(images/xo-pink.svg);}
    .triangles {width:10rem;height:8.4rem;background-size:contain;background-repeat:no-repeat;background-position:center;}
    .triangles-cream {background-image:url(images/triangles-cream.svg);}
    .triangles-pink {background-image:url(images/triangles-pink.svg);}
    #home-intro .image {display:block;/*margin:-8em 5.8em 0 auto;*/position:relative;z-index:2;overflow:visible;height:30em;}
    #home-intro .narrow-container {width:100%;margin-top:2em;}
    #home-intro > .flex {flex-wrap:wrap;}
    /*#home-intro .image:after, #home-intro .image:before {content:"";position:absolute;bottom:0;right:0;transform:rotate(-65deg);border-top:1.2em solid #ffffe7;margin-bottom:0;width:10em;margin-right:-3.5em;}*/
    /*#home-intro .image:before {margin-bottom:5em;width:17em;margin-right:-6em;}*/
    #home-intro .intro-text-left {padding-right:2em;margin-top:2em;}
    #home-intro .intro-text-left a, #home-intro .intro-text-right a {margin:0.75em 0em 1em;}
    #home-intro .intro-text-right {padding-left:2em;margin-top:2em;}
    
    #home-intro h1 {margin: 0 auto;position:relative;z-index:3;font-size:5em;line-height:0.6em; padding-bottom: 0.4em;}
    /*#home-intro h1 span {display:block;white-space:nowrap;}*/
    /*#home-intro h1 span::first-letter {color:#ffffe7;}*/
    /*#home-intro p {text-transform:uppercase;}*/
    .featured-events .highlights-wrapper {/*padding-top:8em;*/position:relative;}
    .featured-events .highlights {/*border:5px solid #FF6B00;margin:0 -1.5em;padding-right:20em;margin-right:-20em;background:#ffffe7;*/padding:1.25em;position:relative;z-index:2;;background-size:cover;margin-top:2em;justify-content:space-between;}
    /*.featured-events .highlights .third {padding:1.5em;}*/
    .featured-events .highlights .third {position:relative;padding-bottom:3.5rem;}
    .featured-events .highlights .third .cta {width:100%;position:absolute;bottom:0;height:2.4rem;padding:0;line-height:2.6rem;font-size:1.5em;}
    .featured-events .highlights .third p {font-size:1em;}
    .featured-events .highlights .image {width: 20rem; height: 20rem;/*margin:-8em 0  1em;*/position:relative;margin-bottom:1em;}
    .featured-events .highlights .image a {position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;}
    .featured-events .highlights .image.no-image:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url(images/vault-v.svg) no-repeat center;background-size:30%;display:block;opacity:.7;}
    /*.featured-events .highlights h5 {margin-top:1em;}
    .featured-events .highlights h5:after {content:"";display:block;width:3em;margin:.4em 0;border-top:4px solid #1d1d1d;}*/
    .featured-events .container {position:relative;z-index:2;}
    .featured-events .pgrad {position:absolute;left:0;top:2.5em;right:50%;height:3.6em;margin-right:18.5em;}
    .featured-events h4 {margin-left:4em;}
    .featured-events .decoration {position:absolute;width:37rem;height:10rem;top:-1.8rem;right:50%;margin-right:-45rem;z-index:0;}
    #home-video {background: #cacaca;}
    #home-video .video-wrapper {max-width:70em;background:#1d1d1d;padding-bottom:48%;margin:0 auto;}
    /*#home-video .video-wrapper:before {position:absolute;content:"";height:15em;bottom:-10%;background:#ffffe7;left:-6em;right:-2em;}*/
    /*#home-video .video-wrapper:after {position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:#1d1d1d;}*/
    #home-video .video-wrapper .decoration {position:absolute;bottom:-10%;left:-6em;width:8em;height:14em;margin-left:-3em;}
    #home-video .video-wrapper .xo {position:absolute;top:0;left:100%;margin-left:2em;}
    #home-video .video-wrapper iframe {position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
    #home-ftk {position:relative;z-index:2;}
    #home-ftk .half {z-index:3;}
    #home-ftk .half:first-child {padding-top:2em;}
    #home-ftk .wrapper {padding-left:6em;z-index:3;margin-top:1em;}
    #home-ftk .half .instagram {width:80%;margin-left:auto;}
    /*
    #home-ftk .cream-section:before {position:absolute;content:"";right:4em;left:-50em;top:2.3em;bottom:-6em;background:#ffffe7;z-index:1;}
    #home-ftk .cream-section:after {position:absolute;content:"";right:4em;left:50%;margin-left:-13em;top:-4em;bottom:0;background:#ffffe7;z-index:1;}
    */
    /*#home-ftk p {text-transform:uppercase;}*/
    #home-ftk .social {margin-top:3em;}
    #page-wrapper .ui-widget {/*background:#1d1d1d;border-radius:3px;color:#fff;*/padding:1em;text-align:center;z-index:10!important;}
    .ui-widget td a, .ui-widget td span, .ui-widget th span {display:block;padding:.4em;font-weight:700;}
    .ui-widget td span {opacity:.5;}
    .ui-widget td a {text-decoration:none;font-weight:700;color:#fff;}
    .ui-widget td.ui-datepicker-current-day {background:#FF6B00;color:#fff;}
    .ui-datepicker-calendar {width:100%;}
    .ui-datepicker-header {margin-bottom:1em;position:relative;font-size:2em !important;font-weight:700;}
    .ui-datepicker-header a {position:absolute;top:50%;height:1em;width:1em;overflow:hidden;margin-top:-.5em;color:transparent;background-size:.8em;background-position:center;background-repeat:no-repeat;}
    .ui-datepicker-header a.ui-state-disabled {opacity:.5;}
    .ui-datepicker-header a.ui-datepicker-prev {left:5%;background-image:url(images/left-arrow-white.svg);}
    .ui-datepicker-header a.ui-datepicker-next {right:5%;background-image:url(images/right-arrow-white.svg);}
    
    .WatercolourHeader {
        height: 30px;
        background: url(http://dev.vaultfestival.com/wp-content/themes/vault/images/V20_WatercolourHeader.png);
        background-position: top center;
        background-size: 1000px;
        background-repeat: no-repeat;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 4;
    }
    
    #whatson menu {align-items:center;justify-content:center;margin-bottom:1em;}
    #whatson menu span ~ span:before {content:" | ";margin:0 .75em;}
    #whatson menu #datepicker {width:1em;padding:0;height:1em;border:none;margin:-.5em 0 -.5em .5em;cursor:pointer;color:transparent;background:transparent url(images/calendar.svg) no-repeat center;background-size:contain;}
    #whatson menu a {display:inline-block;font-weight:500;padding:0 .5em;color:#1d1d1d; font-weight:100;}
    #whatson menu a:hover {color:#0cd;text-decoration:none;}
    #whatson menu span.current a {color:#fff;background-color:#ff6b00;}
    #whatson menu.eventcategory {font-size:1.25em;}
    #whatson menu.eventcategory br {display:none;}
    #whatson menu.eventcategory a {padding:.2em .75em .25em;}
    /*
    #whatson menu.eventcategory span.search a:after {content:"";color:#FF6B00;display:inline-block;width:1em;height:1em;font-size:.65em;margin-top:-.1em;margin-left:.3em;font-weight:700;text-align:right;font-family:serif;background-image:url(images/search.svg);background-size:contain;background-position:center right;background-repeat:no-repeat;vertical-align:middle;}
    */
    #whatson menu.eventcategory span.search a svg {width:1em;height:1em;font-size:.65em;margin-left:.5em;vertical-align:center;}
    #whatson menu.eventcategory span.search a:hover svg path {fill:#0cd;}
    #whatson menu.eventcategory span.search.current a svg path {fill:#fff;}
    #whatson h2 {font-family:'Teko';}
    #whatson h2 span {position:relative;padding:.05em .25em 0;display:inline-block;}
    #whatson h2 span a {position:absolute;top:50%;height:.6em;margin-top:-.32em;background-size:contain;background-repeat:no-repeat;width:1.2em;}
    #whatson h2 span a.disabled {opacity:.4;}
    #whatson h2 span a.previous {right:100%;margin-right:.4em;background-position:right center;background-image:url(images/left-arrow-white.svg);}
    #whatson h2 span a.next {left:100%;margin-left:.4em;background-position:left center;background-image:url(images/right-arrow-white.svg);}
    #whatson .dates {font-size:.7em;font-family:'Teko';text-transform:uppercase;color:#333;/*margin:.25em auto;*/
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    }
    #whatson .dates .date {display:none;}
    #whatson .dates .date.current {display:block;}
    #whatson h2.day + .dates {opacity:0;}
    #whatson > .decoration {position:absolute;left:-2rem;top:-2rem;height:40rem;width:40rem; z-index: -1; background-size: contain;}
    #whatson > .xo {position:absolute;right:-1rem;top:1rem;transform:rotate(90deg);}
    #whatson #listings {flex-wrap:wrap;position:relative;margin-top:1em;}
    #whatson #listings.bordered {padding-top:3em;}
    #whatson #listings.bordered .no-events:before {content:"";display:block;width:20em;border-top:1px solid #FF6B00;position:absolute;top:2.5em;left:50%;margin-left:-10em;}
    #whatson #listings:after {opacity:0;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.4) url(images/loadingv20.svg) no-repeat center;background-size:3em;z-index:-1;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    }
    #whatson #listings.loading {height:30em;overflow:hidden;}
    #whatson #listings.zindex:after {z-index:10;}
    #whatson #listings.loading:after {opacity:1;}
    #whatson #listings .listing {
        display:-ms-flex; display:-moz-flex; display:-webkit-flex;display:flex;
        position:relative;
        padding:1.25em;  
        background-size:cover;align-items:stretch;
    }
    /* #whatson #listings .listing {display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;position:relative;padding:1.25em;background:#6be3c2 url(images/swirl.jpg) no-repeat center;background-size:cover;align-items:stretch;} */
    #whatson #listings .listing:nth-child(n+3) {margin-top:1em;}
    /*#whatson #listings .listing:before {content:"";position:absolute;top:1em;left:0;right:50%;margin-right:-2em;background:#ddd;height:2em;z-index:2;}*/
    #whatson #listings .listing .details {
        position:relative;
        z-index:3;
        background: rgba(255,255,255,0.6);
        padding: 0.6em;
    }
    #whatson #listings .listing .eventcategory, .featured-events .highlights .eventcategory {font-size:1em;background:#1d1d1d;color:#fff;padding:.2em .5em .2em;display:inline-block;}
    #whatson #listings .listing h5 {
        margin: .25em 0em 0.2em;
        line-height: 1;
    }
    #whatson #listings .listing .left {position:relative;margin-right:1.5em;align-items:stretch;}
    #whatson #listings .listing .left .price {display:none!important;position:absolute;bottom:0;font-family:'Teko';font-size:1.75em;line-height:.75em;text-align:center;left:0;right:0;}
    #whatson #listings .listing .image {position:relative;z-index:3;width:100%; width: 17rem; height: 17rem;} /*Fix Square Listings Img*/
    #whatson #listings .listing .image a {position:absolute;top:0;left:0;right:0;bottom:0;}
    #whatson #listings .listing .company-info {margin:0em 0em 0.2em; font-weight: 500;}
    #whatson #listings .listing p {font-size:.85em;line-height:1.3em;}
    #whatson #listings .listing .cta {width:100%;}
    #whatson #listings .listing .listing-date {font-size:1.2em;margin:.5em 0em;font-weight:500;}
    #whatson #listings .listing .listing-date span, #whatson #listings .listing .listing-date span i {display:flex;}
    #whatson #listings .listing .listing-date span i, .listing-date i  {margin-right:1em;}
    #whatson #listings .listing:after {position:absolute;}
    /*
    #whatson #listings .listing:nth-child(6n+3):after {content:"";bottom:-2.7rem;left:-3.7rem;width:10rem;height:8.5rem;background-size:contain;background-image:url(images/triangles-pink.svg);background-repeat:no-repeat;transform:rotate(-90deg);}
    #whatson #listings .listing:nth-child(6n+4):after {content:"";top:-3rem;left:-3.7rem;width:10rem;height:8.5rem;background-size:contain;background-image:url(images/triangles-pink.svg);background-repeat:no-repeat;}
    #whatson #listings .listing:nth-child(6n+7):after {content:"";top:-2rem;left:-6rem;background-position:top left;background-size:4rem;height:13rem;width:13rem;background-image:url(images/dots-pink.svg);}
    #whatson #listings .listing:nth-child(6n+8):after {content:"";right:0;top:-4rem;width:10rem;height:8rem;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(images/xo-pink.svg);}
    */
    #whatson #listings .no-events {padding:2em 0;flex-grow:1;}
    
    #whatson .search-wrapper {display:none;margin-bottom:1rem;}
    #whatson .search-wrapper.show {display:block;}
    #whatson .search-wrapper input {background:none;border:none;border-bottom:1px solid #111;width:100%;max-width:20em;text-align:center;}
    
    #whatson .load-more-wrapper {margin-top:3em;}
    #whatson .load-more {background-size:1em;}
    #whatson .load-more.loading {color:transparent;background-image:url(images/loading.svg);}
    
    #highlight .image {position:relative;z-index:3;width:100%; width: 17rem; height: 17rem;}

    .refine-wrapper {
        text-align:left;
        font-size:.8em; 
        display:none; 
        padding: 1em; 
        background: rgba(255,255,255,0.5);
        border-left: 30px #ff6b00 solid;
        }
    .refine-wrapper.show {display:flex;}
    .refine-wrapper .term {display:block;margin-bottom:.5em;}
    .refine-wrapper .term label {
        align-items:center;
        cursor:pointer; 
        font-size: 1.4em;
        padding: 2px 5px 2px 5px;
        color: #000;
        font-weight: 100;
    }
    
    .refine-wrapper .term input {margin:0;margin-right:.5em;} 
    #page-wrapper .refine-wrapper .ui-widget {padding:1em; background-color: rgba(29,29,29,0.5); color: #fff; margin-right: 2em;}
    .refine-wrapper .refine-col {flex-grow:1;}
    /*.refine-wrapper .refine-col.refine-date {flex-grow:3;}*/
    .refine-wrapper .refine-col.refine-category {flex-grow:1;} /* was 4 */
    .refine-wrapper .refine-col.refine-interest {flex-grow:8;}
    .refine-wrapper .grouper + .grouper {margin-top:2em;}
    .refine-wrapper .refine-title {margin-bottom:0.5em;font-weight:700; font-size: 2em; font-family: 'Teko';}
    .refine-wrapper select {font-size:1.6em;background:none;border:none;padding:0;}
    .refine-wrapper .refine-list-widthlimit {
      -webkit-column-width: 11em;
         -moz-column-width: 11em;
              column-width: 11em;
    }
    .refine-list-widthlimit {column-count:5;}
    
    
    /* Refine Checkbox Stying */
    
        .heart_checkbox, .tick_checkbox { /* Heart Option (interest tags etc), Tick Option (serious stuff) */
            display: none;
        }
        .heart_checkbox + span {
            background: transparent;
            height: 1em;
            width: 1em;
            display:inline-block;
            padding: 0 0 0 0px;
            margin-right: 0.2em;
        }
    
        .tick_checkbox + span {
            background: white;
            border: grey 1px solid;
            height: 1.5em;
            width: 1.5em;
            display:inline-block;
            padding: 0 0 0 0px;
            margin-right: 0.2em;
            }
    
        .heart_checkbox + span:after { 
            content:"\f487";
            display:block;
            color: grey;
            font-family: 'dashicons';
        }
    
        .tick_checkbox + span:after { 
            content:"\f147";
            display:block;
            color: white;
            font-family: 'dashicons';
            font-size: 1.5em;
        }
    
    
        .heart_checkbox:checked + span {
            background: transparent;
            height: 1em;
            width: 1em;
            display:inline-block;
            padding: 0 0 0 0px;
        }
    
        .tick_checkbox:checked + span {
            background: white;
            height: 1.5em;
            width: 1.5em;
            display:inline-block;
            padding: 0 0 0 0px;
        }
    
        .heart_checkbox:checked + span:after { 
            content:"\f487";
            display:block;
            color: #FF6B00;
            font-family: 'dashicons';
        }
    
        .tick_checkbox:checked + span:after { 
            content:"\f147";
            display:block;
            color: #FF6B00;
            font-family: 'dashicons';
            font-size: 1.5em;
        }
    
    
        label.wrap { /* For Front Page dotmailer bits */
            display: block;
            margin-bottom: 0.2em;
        }
    
    
    article p img {margin:1.5em 0;}
    article p img:first-child {margin-top:0;}
    article p img:last-child {margin-bottom:0;}
    .social a {display:flex;align-items:center;justify-content:center;border-radius:50%;width:2em;height:2em;background-color:#111;text-align:center;}
    .social a:hover {background-color:#FF6B00;}
    /*.social a + a {margin-left:.8em;}*/
    .large-social a {font-size:3em;}
    .social a svg {width:75%;height:75%;fill:#fff;}
    #sticky-social {position:fixed;left:0.2em;top:50%;font-size:1.5em;margin-top:-3em;z-index:10;}
    #sticky-social a + a {margin-top:.75em;}
    #event-details {position:relative;padding-bottom:2em;overflow:hidden; margin-top: 40px; /* Added for sticky v20_Nav */}
    /* Blurry thing on right hand side:*/ #event-details:before {content:"";width:45em;height:50em;background:url(images/WaterColour_600px.png) no-repeat top right;background-size:contain;position:absolute;top:7em;right:0;z-index: -1;} 
    #event-details .video-wrapper {margin-bottom: 1em;}
    /* #event-details .video-wrapper .two-thirds {margin: auto;padding-right:0; background-color: #cacaca;} */
    #event-details nav {margin-top: 1em;}
    #event-details nav li {display:inline-block;font-family:'Teko';font-size:1.6em;}
    #event-details nav li.disabled {opacity:.4;pointer-events:none;}
    #event-details nav li a {display:inline-block;cursor:pointer;color:#fff;padding:.2em .5em .3em; background-color: #0cd;}
    #event-details nav li a:hover, #event-details nav li.active a {color:#fff;text-decoration:none;background-color:#ff6b00;}
    #event-details nav li + li {margin-left:1em;}
    #event-details h1 {line-height: 0.8em;font-size:6em;font-family:'Teko';margin-top:0.3em;margin-bottom:.1em;letter-spacing:0;position:relative;z-index:2;max-width:10em;margin-left:0;}
    #event-details .event-intro .pgrad {position:absolute;top:5em;left:0;right:50%;margin-right:12em;height:3.9em;z-index:1;display:none!important;}
    #event-details #main-details {padding:1.5em 1.2em;padding-right:20em;margin-right:-20em;position:relative;background: rgba(255,255,255,0.8);background-size:cover;} /* was background:#6be3c2 url(images/swirl.jpg) no-repeat center;background-size:cover;*/
    #event-details #main-details .grouper .xo {position:absolute;top:100%;margin-top:6rem;right:0;}
    /*#event-details #cast {border:4px solid #FF6B00;padding:1.5em 1.2em;padding-left:20em;margin-left:-20em;display:inline-block;margin-top:2em;}*/
    #event-details #cast {position:relative;z-index:2;background:#cacaca;padding:1em 1.2em;margin:2em -50vw;padding-left:50vw;padding-right:50vw;}
    #event-details #cast h3 {line-height:1em;}
    #event-details #event-variable h4 {max-width:63%;margin:.1em 0 0.5em;}
    #event-details .two-thirds {padding-right:3.5%;}
    #event-details .two-thirds hr {border:none;border-top:1px solid rgba(0,0,0,0.1);margin-top:1.75em;padding-top:1.25em;}
    #event-details .wrapper {min-width:51em;position:relative;}
    #event-details #cast .wrapper:before {/*content:"";*/position:absolute;top:2rem;left:-2rem;width:9rem;height:5rem;background-image:url(images/triangles-pink.svg);background-size:9rem;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
    #event-details .wrapper p, #event-details .wrapper h4 {margin-left:0;}
    #event-details .event-intro .decoration {position:absolute;left:50%;margin-left:32rem;width:40rem;height:13rem;top:7.2rem;}
    #event-details .social {display:flex;align-items:center;}
    #event-details .social a {background-color:#FF6B00;}
    #event-details .social a + a {margin-left:.5em;}
    #event-details .event-intro:before, #event-details .event-intro:after {position:absolute;top:0;right:5%;content:"";border-right:7px solid #FF6B00;height:11em;}
    #event-details .event-intro:after {border-color:#0cd;margin-right:1.4em;height:8em;}
    h3.halfEmTop {padding-top: 0.5em;}
    #event-dates td {padding:.6em 0;vertical-align:middle;font-size:1.25em;}
    #event-dates td .cta {font-size:.9em;margin-left:1em;}
    #event-dates td.mobile {display:none;}
    #event-dates td.desktop, #event-dates .mobile {font-family:'Teko'; font-size: 1.5em;}
    #event-dates td + td {padding-left:2em;}
    #event-dates .date-meta {display:inline-block;background:#333;white-space:nowrap;color:#fff;border-radius:3px;padding:.3em .5em;font-weight:500;font-size:.9em;margin-left:.5em;}
    #p404 p {margin:1em 0;}
    #p404 .menu-main-menu-container {display:inline-block;margin:2em auto;}
    #p404 .menu-main-menu-container > ul {column-count:3;}
    .cast-list {min-width:18em;}
    .cast-list h5 {text-transform:uppercase;}
    .cast-list + .cast-list {margin-left:5em;}
    .cast-list .cast-member {margin-top:1em;font-size:1.4em;}
    .cast-list .cast-member .position {text-transform:uppercase;}
    .cast-list .cast-member .name {margin-top:.4em;font-family:'Teko';font-size:1.1em;}
    .event-news .date {text-transform:uppercase;margin-bottom:.7em;font-size:1.3em;letter-spacing:.04em;font-weight:500;}
    .event-news h5 {text-transform:uppercase;margin-left:0;}
    .event-news .wrapper {margin-top:2em;}
    .event-news p + .ucta {margin-top:1.5em;}
    .event-news {margin-top:1em;}
    .event-news + .event-news {margin-top:3em;}
    #event-variable > div {display:none;}
    #event-variable > div[data-ref=details] {display:block;}
    div[data-ref=dates],div[data-ref=news] h3 {margin-top: 0.6em;}
    #SpektrixIFrame {width:100%;position:relative;z-index:2;}
    .event-labels {flex-wrap:wrap;}
    .event-labels .event-label {width:50%;margin-bottom:1em;font-family:'Teko';}
    .event-labels .event-label:nth-child(2n) {padding-left:1em;}
    .event-labels .event-label > * {display:block;}
    .event-labels .event-label label, .accessibility_icons label {margin-bottom:.5em; text-transform:uppercase;}
    .event-labels .event-label .value {font-size:1.5em;font-weight:500;}
    .event-labels .event-label .value i {display:none;}
    .interest-tags {font-family:'Teko';font-size:1.25em;letter-spacing:.07em;}
    .interest-tags .tag {
        display: inline-block;
        background-color: #0cd;
        color: white;
        padding: 0.5em;
        margin-bottom: .5em;
    }
    /*.interest-tags .tag ~ .tag {padding-left:.75em;border-left:1px solid #111;margin-left:.75em;}*/
    label.specialOffers {font-family:'Teko'; text-transform: uppercase; margin-bottom: 1em;}
    .offer-tags {font-family:'Teko';font-size:1.25em;letter-spacing:.07em;}
    .offer-tags .tag {
        display: inline-block;
        background-color: gold;
        color: #1d1d1d;
        padding: 0.5em;
        margin-bottom: 0.2em;
    }
    .offermsg {font-family: 'Rubik';font-size: 0.7em; padding-bottom:0.5em; display:block; letter-spacing:.04em;}
    /*.offer-tags .tag ~ .tag {padding-left:.75em;border-left:1px solid #111;margin-left:.75em;}*/
    .menu-main-menu-container {text-align:left;font-family:'Teko';}
    .menu-main-menu-container ul {padding:0;list-style-type:none;}
    .menu-main-menu-container ul a {color:#111;text-decoration:none;display:inline-block;position:relative;}
    .menu-main-menu-container > ul {font-size:1.25em;column-count:5;column-gap:2em;}
    .menu-main-menu-container > ul > li > a {font-size:1.25em;text-transform:uppercase;}
    .menu-main-menu-container > ul > li:not(:first-child) {margin-top:1em;}
    .menu-main-menu-container ul a:hover {color:#0cd !important;}
    .menu-main-menu-container .sub-menu li {margin-top:.4em;}
    .menu-main-menu-container .sub-menu li a {color:#333;}
    .menu-main-menu-container ul .current-menu-item > a:after {content:"";position:absolute;bottom:0;left:0;right:0;border-top:2px solid #0cd;}
    #main-menu {position:fixed;width: 100%; height: 3.5em;background:#fff;padding:1em 2em 1em 2em;flex-direction:column;z-index:-5;opacity:0;display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -webkit-transition:opacity .3s ease;
    -o-transition: opacity .3s ease;
    }
    #main-menu.open {opacity:1;}
    #main-menu.loading {z-index:98;}
    /*#main-menu > div {padding:2em;border:3px solid #ffffe7;flex-grow:1;flex-direction:column;justify-content:space-between;}*/
    #main-menu .closer {display:inline-block;font-size:2em;line-height:1em;text-decoration:none!important;color:#1d1d1d;position:absolute;top:.5em;right:.5em;}
    #main-menu .closer:after {content:"\00D7";font-size:1.5em;font-weight:400;font-family:serif;}
    #main-menu menu li {display:block;}
    /*#main-menu menu li a {display:inline-block;color:inherit;text-decoration:none!important;font-family:'Teko';letter-spacing:.07em;font-size:1.2em;position:relative;padding-top:.25em;}
    #main-menu menu li a:before, #main-menu menu li a:after {content:"";position:absolute;top:50%;border-top:1px solid #ffffe7;opacity:0;width:0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    }*/
    /*
    #main-menu menu li a:before {right:100%;margin-right:1em;}
    #main-menu menu li a:after {left:100%;margin-left:1em;}
    #main-menu menu li a:hover:before, #main-menu menu li a:hover:after, #main-menu menu li a:active:before, #main-menu menu li a:active:after {opacity:.5;width:2em;}*/
    /*#main-menu menu li.current_page_item a:before, #main-menu menu li.current_page_item a:after {opacity:1;width:3em;}*/
    #main-menu .cta {margin-bottom:1.2em;min-width:10em;}
    #main-menu .cta + .cta {margin-left:.5em;}
    #main-menu .social a svg {fill:#ffffe7;}
    .page-template-template-split #page-wrapper > .container .flex + .flex {padding-top:4em;}
    .page-template-template-split .container iframe {width:100%;}
    .page-template-template-split table {margin-top:2em;font-weight:300;line-height:1.2em;font-size:1.2em;}
    .page-template-template-split table td + td {padding-left:2em;}
    .SplitSectionTitle {margin:.5em 0em;}
    #contact-table tr td {padding-bottom:0.7em;width:auto!important;vertical-align:middle;}
    #contact-table tr + tr td {padding-top:0.7em;border-top:1px solid rgba(0,0,0,0.1);} 
    #lightgallery {flex-wrap:wrap;margin-top:3em;position:relative;}
    #lightgallery:before {content:"";position:absolute;left:45%;top:5em;width:40em;height:40em;background:url(images/paint-blur-left.png) no-repeat top left;background-size:contain;margin-left:-50vw;}
    #lightgallery a {display:inline-block;width:10em; height:10em; background-size:cover;position:relative;z-index:2;}
    #lightgallery a:nth-child(3n+2), #lightgallery a:nth-child(3n+3), #lightgallery a:nth-child(n+4) {margin-left:2%;}
    
    #lightgallery a:nth-child(3):after, #lightgallery a:nth-child(3):before {position:absolute;top:50%;right:-5em;content:"";border-right:7px solid #FF6B00;height:11em;}
    #lightgallery a:nth-child(3):after {margin-top:3em;margin-right:1.25em;border-color:#0cd;}
    
    /* HOLDING PAGE */
    #holding {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);text-align:center;font-size:1.2em;}
    #holding #logo {width:12em;}
    #holding .social {margin-top:3em;}
    #holding .social svg {fill:#272726;}
    #holding .quicklinks {background:rgba(50,0,20,0.4);padding:.2em .3em;border-radius:5px;margin-top:4em;font-size:.75em;white-space:nowrap;}
    #holding .quicklinks a {color:#fff;display:inline-block;margin:.5em .7em;}
    #clockdiv{
        color: #fff;
        display: block;
        margin-top:3em;
        text-align: center;
        white-space: nowrap;
    }
    #clockdiv > div{
        padding: .7em;
        border-radius: 5px;
        background:rgba(50,0,20,0.4);
        display: inline-block;
        margin:0 .3em;
    }
    #clockdiv div > span{
        padding:.7em 0 .5em;
        border-radius: 4px;
        background:rgba(50,0,20,0.3);
        display: inline-block;
        font-size:1.5em;
        font-family:'Teko';
        width:2.2em;
    }
    .smalltext{
        padding-top:.75em;
        font-size:.65em;
        text-transform:uppercase;
    }
    /* END HOLDING */
    
    /* ---------------------MB Edits V19 [And Now V20] */
    strong {font-weight: bold;}
    h6 {margin-bottom: 0.2em;}
    h1 {margin-top:0.25em; margin-bottom: 0em;}
    .light {color:#ffffe7;}
    .raspberryBox {background-color: #FF6B00; padding: 10px; margin-top: 20px; margin-bottom: 20px;}
    p.light {color:#ffffe7;}
    #contact-table {margin-top: 1em;} 
    #contact-table td {padding-right: 1em;} 
    a.anchor {
        display: block;
        position: relative;
        top: -100px;
        visibility: hidden;
    } /* I've added this to make up for the fixed header, which obscures the anchor destination without it. To use it, the anchor must be a link defined as the anchor class. E.g "<a class="anchor" id="whatever">" */
    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
      margin: 0 1.5px 1.5px 0 !important;
    }
    
    /*I've added this so it stops getting overriden by the MegaMenus form. It seems to be the only way to get the bottom margin in there. */
    @media only screen and (max-width: 600px) {
        #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1,#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2 {
        margin: 10px 0px 10px 0px !important;
        }
    }/* Nicer spacing for Mobile mega menu */
    @media only screen and (max-width: 600px) {
        #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li,#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li {
        padding: 2px 0px 2px 10px;
        }	}/* Nicer spacing for Mobile mega menu (sub items) */	
        
    
    
        /* - - - - V20 Application Guide Edits  - - - - - */
        
    /* Tables */
        table.center {
            text-align: center;
        }
    
        table {
            margin: 10px 0px;
        }
        
        th {
            font-size: 1.4em;
            padding: 5px 0px 3px 5px;
        }
        
        td {
            padding:5px 10px;
        }
        
        table.onecolumn {
            font-size: 1.2em;
            margin: 10px 0px;	
            background-color: rgba(136,136,136,0.2);
            font-family: "Teko";
        }
        th.onecolumn {	
            color: #ffffe7;
            background-color: rgba(228,3,70,1);
        }
            
        td.onecolumn {	
            border: 1px solid #ffffe7;
        }
        
        table.fivecolumn {
            font-size: 1.2em;	
            background-color: rgba(136,136,136,0.2);
            font-family: "Teko";
            margin: 10px auto;
            table-layout: fixed;
        }
        table.fivecolumn th {	
            color: #ffffe7;
            background-color: rgba(228,3,70,1);
            width: 20%;
        }
            
        table.fivecolumn td {	
            border: 1px solid #ffffe7;
        }
        
        table.sevencolumn {
            font-size: 1.1em;
            background-color: rgba(136,136,136,0.2);
            margin: 10px auto;
            table-layout: fixed;
            font-family: "Rubik";
        }
        table.sevencolumn th {	
            color: #ffffe7;
            background-color: rgba(228,3,70,1);
            width: 14%;
            font-family: "Teko";
        }
            
        table.sevencolumn td {	
            border: 1px solid #ffffe7;
        }
    
        .darkcolumn {
            background-color: rgba(136,136,136,0.5);
        }
        .midcolumn {
            background-color: rgba(136,136,136,0.4);
        }
         .lightcolumn {
            background-color: rgba(136,136,136,0.3);
        }
        .pinkcolumn {
            background-color: rgba(228,3,70,0.2);
        }
    /* Lists */
    
        ul.v20 {
            list-style-type: circle;
            padding-left: 2%;
            margin-bottom: 1.5em;
        }
        
        ul.v20 li {
            font-size: 1.2em;
            padding: 4px 0px;
        }
        
    /* Mega Menu Updates */
    #mega-menu-wrap-max_mega_menu_1 { 
        background-color: rgba(255,253,240,0);
    }
    
    /* Dotmailer Signup Integration */
    
        .dotmailer_container {
            padding-top: 1em;
        }
        
       .dotmailer_container input[type=text] {
           margin: 10px;
       }
       
       /* .dotmailer_container input[type=checkbox] {
          height: 25px;
          width: 25px;
          background-color: #eee;
          padding: 0;
          margin:0;
          vertical-align: bottom;
          position: relative;
          top: 10px;
          
        }
        
        .dotmailer_container label {
           display: block;
      padding-left: 30px;
      text-indent: -30px;
        font-size: 1.1em;
        } */
        
        .dotmailer_container p {
            margin-top: 0;
        }
        
        .dotmailer_container input[type=submit] {
            margin-top: 10px;
        }
        
    /*
     * Overrides for image-hover-effects plugin default styles
     */
    
    .ih-item.square {
        border: none !important;
    }
    
    /*
     * Overrides for nextgen-gallery plugin default styles
     */
    
    .ngg-galleryoverview {
        margin-top: 0px; /* Was 40px. MB 04/06 */
        /*background-color: #333;*/ /* MB Added 04/06/19 (and removed 04/08/20) */
    }
    /* Box Links 2020 */
    .boxlink_div {
        display: block;
        clear: both;
        margin: 10px auto;
        text-align: center;
        width: 100%;
    }
    
    @media only screen and (max-width: 600px) {
        .boxlink_div {
        display: block;
        clear: both;
        margin: 10px auto;
        text-align: center;
        max-width: 300px;
        }
    }
    
    a.boxlink:link, a.boxlink:visited {
      background-color: #FF6B00;
      font-family: 'Teko';
      width: 30%;
      float: left;
      margin: 1.5%;
      color: #ffffe7;
      padding: 50px 0px;
      text-align: center;
      text-decoration: none;
      font-size: 2em;
      background-position: center;
      background-size:cover;
      text-shadow: 1px 1px 6px #FF6B00;
    }
    
    @media only screen and (max-width: 600px) {
        a.boxlink:link, a.boxlink:visited {
            width: 300px;
            margin: 5px;
        }
    }
    a.boxlink:hover, a.boxlink:active {
      background-color: #e40347;
      background-image: none !important;
      color: #ffffe7;
     
    }
    /* Small Box Links 2020 */
    .boxlinksmall_div {
        display: block;
        clear: both;
        margin: 10px auto;
        text-align: center;
        padding: 0 auto;
        background-color: #fff;
    }
    
    @media only screen and (max-width: 600px) {
        .boxlinksmall_div {
        display: block;
        clear: both;
        margin: 10px auto;
        text-align: center;
        }
    }
    
    a.boxlinksmall:link, a.boxlinksmall:visited {
      background-color: #FF6B00;
      font-family: 'Rubik';
      width: 170px;
      margin: 2px;
      color: #ffffe7;
      padding: 5px;
      text-align: center;
      text-decoration: none;
      font-size: 0.9em;
      display: inline-block;
    }
    
    a.boxlinksmall:hover, a.boxlinksmall:active {
      background-color: #77d4a5;
    }
    
    /* Document Links & Document Notes */
    a.doclink {
        width: 300px;
        height: 300px;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
        padding: 0px 0px;
        text-align: left;
        text-decoration: none;
        font-size: 1.8em;
        background-color: #FF6B00;
        font-family: 'Teko';
        color: #ffffe7;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    a.doclink::after {
        font-family: "dashicons";
        white-space: pre;
        content: "\f504";
        font-size: 0.7em;
    } 
    
    .docnote {
        min-height: 300px;
        height: auto;
        background-color: #fffef5;
        padding: 10px;
        border: 3px solid #FF6B00;
        font-size: 1em;
        margin-bottom: 20px;
    }
    
    @media only screen and (max-width: 600px) {
        a.doclink {
            width: 100%;
            height: 100px;
            margin: 10px auto 0px;
            float: none;
            padding: 0px 0px;
            text-align: left;
            text-decoration: none;
            font-size: 1.8em;
            background-color: #FF6B00;
            font-family: 'Teko';
            color: #ffffe7;
            vertical-align: middle;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .docnote {
            width: 100%;
            height: auto;
            background-color: #fffef5;
            padding: 10px;
            border: 3px solid #FF6B00;
            font-size: 1em;
            margin: 0px auto 10px;
        }
    
    }
    
    .docnote a {
        color: #ffffe7;
        float: left;
        padding: 5px;
        margin: 0px 5px 5px 0px;
        background-color: #FF6B00;
    }
    
    .docnote a::after {
        font-family: "dashicons";
        white-space: pre;
        content: "\f504";
        font-size: 1em;
    } 
    
    @media only screen and (max-width: 600px) {
        .docnote a {
            float: none;
            display: block;
            padding: 0px 2px 2px 5px;
            margin: 2px;
            background-color: #FF6B00
        }
        .docnote a:hover {
            background-color: #fffef5;
            color: #FF6B00;
        }
    }
    
    /* Embedded GDocs  */
    .embed_gdoc {
        border:none; 
        margin: 0px auto;
        width: 800px;
        height: 1200px;
    }
    
    .embed_sidebar {
        float: left;
        height: 1200px;
        width: 300px;
        display: block;
        background-color: #FF6B00;
    }
        @media only screen and (max-width: 600px) {
            .embed_gdoc {
                width: 100%;
                height: 500px;
            }
            
            .embed_sidebar {
                float: none;
                height: auto;
                width: 100%;
            }
        }
    
    /* Link Dashicons */
    a.icon_doc::before {
        font-family: "dashicons";
        white-space: pre;
        content: "\f495";
        font-size: 2em;
    }
     
    a.icon_form::before {
        font-family: "dashicons";
        white-space: pre;
        content: "\f119";
        font-size: 2em;
    } 
    
    a.icon_pass::before {
        font-family: "dashicons";
        white-space: pre;
        content: "\f484";
        font-size: 2em; 
    }
    
    a.icon_fold::before {
        font-family: "dashicons";
        white-space: pre;
        content: "\f322";
        font-size: 2em; 
    }
    
    /* SHOW PAGE EDITS V20 */
    
        /* Hero Image V20 Square */
        .square_hero {
            width: 100%;
            height: auto;
            padding-top: 100%;
            background-position: center;
            background-size:cover;
            
        }
    
        /* Accessibility Icons */
    
        .accessibility_icons {width: 100%; height: 2.5em; display: block; margin-bottom: 0.5em;}
    
        .accessicon { float: left; height: 2.5em; width: 2.5em; display: block; margin-right: 1em; }
            .wheelchair_icon {background-image:url(https://vaultfestival.com/wp-content/themes/vault/images/Wheelchair.svg);}
            .signed_icon { background-image:url(https://vaultfestival.com/wp-content/themes/vault/images/Signed.svg);}
            .captioned_icon { background-image:url(https://vaultfestival.com/wp-content/themes/vault/images/Captioned.svg);}
            .described_icon { width: 3.7em; background-image:url(https://vaultfestival.com/wp-content/themes/vault/images/Described.svg); background-position: bottom; background-repeat: no-repeat;}
            .relaxed_icon { background-image:url(https://vaultfestival.com/wp-content/themes/vault/images/Relaxed.svg);}

        .accessmsg {font-size: 0.7em; letter-spacing: .07em; text-transform: uppercase; padding-top:0.5em; display:block; clear:both;}
    
        /* New Text Container */
        .event_longdescription {
            padding: 1em 0em;
    
        }
    
        /* Special Message */
        .special-message {
            padding: 0.5em 1em 0.6em 0.5em;
            background-color: #fff;
            margin-top: 0.5em;
        }
    
        .special-message p {
            line-height: 1em;
        }
    
        .special-message p::before {
            font-family: "dashicons";
            white-space: pre;
            content: "\f227  ";
            font-size: 1.2em;
            color: #FF6B00; 
            vertical-align: -20%;
        }
        
        /* Content Warning & Collapsible */
    
        .content-warning {
            margin: 2em 0em 0em;
        }
        
        .content-warning label {
            background-color: black;
            font-family: 'Teko';
            color: white;
            padding: 0.5em 1em 0.5em 0.5em;
            text-transform: uppercase;
            font-size: 1.2em;
        }
        .content-warning label::before {
            font-family: "dashicons";
            white-space: pre;
            vertical-align: -30%;
            content: "\f534  ";
            font-size: 1.5em;
            color: red; 
        }
        input#content-warning-toggle {
            display: none;
        }
    
        .content-warning-content {
            max-height: 0;
            overflow: hidden;
            padding: 1em;
            font-size: 1em;
            display: none;
        }
    
        input:checked ~ .content-warning-content {
            max-height: 100%;
            background-color: #1d1d1d;
            color: #cacaca;
            display: block;
        }
    
    
        /* Book Now Button - widen & icon */
        .wrapper .cta {
            margin-top: 0.5em;
            width: 100%;
        }
    
        .wrapper a.cta::after {
            font-family: "dashicons";
            white-space: pre;
            content: " \f524";
            font-size: 1em; 
            vertical-align: -15%;
        }
        a.soldout {
            background-color: #e40346;
        }

        a.soldout::after {
            font-family: "dashicons";
            white-space: pre;
            content: " \f153";
            font-size: 1em; 
            vertical-align: -15%;
        }
        .wrapper a.soldout::after {
            font-family: "dashicons";
            white-space: pre;
            content: " \f153";
            font-size: 1em; 
            vertical-align: -15%;
        }
    
        /* Additional Spektrix CSS */
        p.DateInstructions {
            font-size: 1.5em;
            background-color: black;
            color: white;
            padding: 0.5em;
            margin-top: 0.5em;
        }
    
        p.RelatedOffersHeader {
            font-size: 1.5em;
        }
    
        .savings li {
            padding: 0.5em;
            font-size: 1.5em;
        }
    
    /* Front Page Additions */
    
        /* Posts News Section - GRID OMG */
    
        .news_list {
            display: grid;
            max-width: 78em;
            grid-template-columns: 200px 3fr;
            grid-template-rows: 200px;
            margin: 2em auto;
        }
    
        .news_thumb {
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 1;
            grid-column-end: 2;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: top;
        }
    
        .news_blurb {
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 2;
            grid-column-end: 3;
            padding-left: 1em;
            overflow: visible;
        }
    
        .news_blurb h5 {
            font-size: 3em;
        }
    
        .news_blurb p {
            line-height: 1.2em;
            font-size: 1.2em;
        }
    
        .news_blurb a {
            color: #fff;
            background-color: #ff6b00;
            font-weight: 600;
            padding: 0.1em 1em;
            line-height: 2;
        }
        
    
    /* V20 Nav Changes */
    .v20_nav {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
    }
    
    /* V20 Page Templates */
    .head_half {
        margin-top: 60px;
    }
    
    .job_opportunity {
        background-color: rgba(255,255,255,0.6);
        border: 2px #ff6b00 solid;
        margin: 1em 0em;
    }
    
    .job_opportunity p {
        padding: 0.5em;
    }
    
    .job_opportunity p + p{
        margin: 0;
    }
    
    h5.job_title {
        background-color: #ff6b00;
        color: #fff;
        padding: 0.2em;
    }

.donations {border: 1px #ff6b00 solid; padding: 0.5em; margin: 0.6em 0em; background-color:rgba(255,255,255,0.8);}
.donations .cta { background-color: #1d1d1d; margin-right:0.2em;}
.donations .cta:hover { background-color:#00CCDD; }
.donation-continue {padding: 0.2em; margin: 0.5em 0em; background-color: #ff6b00; color: white;}
    
    /* ACF Page Sections */
    .page_section_image {
        flex: 1 1 30%;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .page_section_content {
        flex: 3 4 60%;
        padding-left: 15px;
        max-width: 100%; 
    }
    
    .page_section_image:before{
        content: "";
        display: block;
        padding-top: 80%;
        /* initial ratio of 1:1*/
      }
    
      /* ACF Profiles */
    
    .profiles {
        padding-top: 2em;
    }
    
    .flex.profile {
        margin-bottom:1em;
        background-color: rgba(255,255,255,0.6);
    }
    
    .profile_image {
        flex-basis: 25%;
        flex-shrink: 1;
        display: block;
        background-size: cover;
        background-position: center;
        min-height: 300px;
    }
    
    .profile_text {
        flex: 3 4 60%;
        padding: 1em;
    }
    
    h5.profile_name {
        font-size: 2.5em;
        border-bottom: 2px #ff6b00 solid;
        line-height: 1;
    }
    
    p.role_title {
        color: #f66b00;
        padding-top: 0.4em;
        font-size: 1.4em;
    }
    
    
    /* General V20 */
     .topgap {
         margin-top: 60px; /* creating space for the header */
     }
    
     .thintext {
         font-weight: 100;
     }
    
     .buttons {
         margin-top: 1em;
     }
    
    
     /* RPG Style Card */
     
     .card {
        float: left;
        width: 300px;
        display: grid;
        grid-template-columns: 300px;
        grid-template-rows: 200px 500px 100px;
        grid-template-areas: "image" "text" "stats";
        border-radius: 18px;
        background: white;
        box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
        text-align: center;
        transition: 0.5s ease;
        cursor: pointer;
        margin:10px;
     }  
    
     .card.last {
         float: none;
     }
    
     .card-image {
        grid-area: image;
        background: url("https://richmondmom.com/wp-content/uploads/2019/03/Date-night-ideas-.jpg");
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background-size: cover;
      }
      .card-text {
        grid-area: text;
        margin: 25px;
      }
      .card-text .date {
        color: rgb(255, 7, 110);
        font-size:13px;
      }
      .card-text p {
        color: grey;
        font-weight: 300;
        font-size: 1em;
      }
      .card-text h2 {
        margin-top:0px;
        font-size:3em;
      }
    
      .card-text li {
          padding: 0.5em 0em;
      }
    
      .card-text strong {
          background-color: #ff6b00;
          color: #fff;
          padding: 0em 0.5em;
      }
      .card-stats {
        grid-area: stats; 
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background: rgb(255, 7, 110);
      }
      .card-stats .stat {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
        padding:10px;
      }
    
      .card:hover {
        transform: scale(1.15);
        box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
      }