*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
    :root {
        --body-bg: #fefefe;
        --headline-font: 'Neutra', sans-serif;
        --banner-sitename-headline-font: var(--headline-font);
        --label-font: 'Montserrat', sans-serif;
        --body-font: 'Montserrat', sans-serif;
        --text: #52525B;
        --text-hover: #AF215B;
        --primary: 208 46 107;
        --primary-text: #FFFFFF;
        --primary-hover: #AF215B;
        --secondary: #A79927;
        --secondary-hover: #A79927;
        --background: #FEFBFF;
        --header-button: 255, 255, 255, 0.10;
        --header-button-hover: 255, 255, 255, 0.10;
        --header-button-border: #FFFFFF;
        --header-button-border-hover: #F4F4F5;
        --header-button-text: #FFFFFF;
        --header-button-text-hover: #F4F4F5;
        --app-nav-selected: 208, 46, 107, 0.10;
        --primary-alt-bg: #f1e1e8;
        --primary-alt-bg-hover: #f0e1e9;
        --social-icons: '#52525B';
        --banner-social-icons: #FFFFFF;
        --location-search-option: #D4D4D8;
        --location-search-icon: #FFFFFF;
        --location-search-option-active: #A79927;
        --location-search-icon-active: #FFFFFF;
        --location-search-bg: #FFFFFF;
        --panel: #F4F4F5;
        --pagination-arrow-disabled: #D4D4D8;
        --label: #52525B;
        --secondary-text: #FFFFFF;
        --dmn-bg: #3f3f46;
        --dmn-section-outline: #647279;
        --dmn-input-outline: #52525b;
        --dmn-input-bg: var(--body-bg);
        --dmn-input-placeholder: rgba(0,0,0,.5);
        --dmn-location-border-hover: rgba(256, 256, 256, 0.05);
        --dmn-location-border: rgba(256, 256, 256, 0.4);
        --dmn-location-name-color: var(--text);
        --dmn-location-address-color: rgba(256, 256, 256, 0.6);
        --dmn-geolocate-icon-color: #52525b;
        --dmn-offers-bg: #3f3f46;
    }

    body{
    background-color: var(--body-bg);
}

    h1, h2{
    font-size: 28px;
}

    @media (min-width: 768px){
    h1, h2{
        font-size: 35px;
    }
}

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }
    :root {
        
        --headline-font: "antique-olive-compact", sans-serif;
        --label-font: 'Montserrat', sans-serif;
        --body-font: 'Montserrat', sans-serif;
        --random-font: 'RockSalt', sans-serif;
        --primary: 167 243 208; /*#A7F3D0;*/
        --primary-text: #065F46;
        --primary-hover: #6EE7B7;
        --primary-hover-text: #064E3B;
        --secondary: #BCD9E5;
        --secondary-hover: #8EBFD2;
        --primary-alt-bg: #212f39;
        --primary-alt-bg-hover: #212f39;
        --location-search-option-active: #BCD9E5;
        --social-icons: rgb(var(--primary));
        --banner-social-icons: rgb(var(--primary));
        --text-hover: #065F46;
        --app-nav-selected: 6, 78, 59, 1;
        --dmn-input-bg: rgba(255,255,255,.1);
        --body-bg: #0c0c0e;
        --text: #FFFFFF;
        --panel: #181818;
        --label: #FFFFFF;
        --border: #27272A;
        --secondary-text: #181818;
        --location-search-option: #18181B;
        --location-search-icon: #E4E4E7;
        --location-search-icon-active: black;
        --location-search-bg: #3f3f46;
        --secondary-dark: #E11D48;
        --header-button-border: var(--primary);
        --header-button-border-hover: var(--primary-hover);
        --header-button-text: var(--primary);
        --header-button-text-hover: var(--primary-hover);
        --dmn-input-placeholder: rgba(255,255,255,.5);
        --dmn-geolocate-icon-color: #e4e4e7;        
    }
.tw-container{
    width: 100%;
}
@media (min-width: 640px){
    .tw-container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .tw-container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .tw-container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .tw-container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .tw-container{
        max-width: 1536px;
    }
}
/* .tw-button {
        @apply tw-font-body tw-bg-secondary tw-text-white tw-px-[2rem] tw-py-[1.4rem] tw-rounded-sm tw-inline-block tw-font-bold tw-no-underline md:tw-min-w-[10rem] tw-tracking-[1px] tw-leading-[14px] tw-mb-[1rem];
    } */
.tw-book-button{
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--header-button-border);
    background-color: rgb(var(--header-button));
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0em;
    color: var(--header-button-text);
}
.tw-book-button:hover{
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--header-button-border-hover);
    --tw-border-opacity: 1;
    border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
    background-color: var(--secondary-button-bg);
    color: var(--header-button-text-hover);
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
.tw-burger svg{
    height: 24px;
    width: 24px;
}
.app-nav-title{
    color: var(--text);
}
.app-nav-item{
    --tw-brightness: brightness(102%);
    --tw-hue-rotate: hue-rotate(68deg);
    --tw-invert: invert(24%);
    --tw-saturate: saturate(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.app-nav-selected .app-nav-title{
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
.app-nav-selected .app-nav-icon{
    border-radius: 50px;
    background-color: rgba(var(--app-nav-selected));
}
.app-nav-selected .app-nav-icon img{
    --tw-brightness: brightness(92%);
    --tw-contrast: contrast(86%);
    --tw-hue-rotate: hue-rotate(316deg);
    --tw-invert: invert(24%);
    --tw-saturate: saturate(2182%);
    --tw-sepia: sepia(80%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.accordion-item.is-active .accordion-title{
    color: var(--secondary) !important;
}
.ma5menu__container{
    width: 100% !important;
    background-color: var(--panel) !important;
}
@media (min-width: 768px){
    .ma5menu__container{
        width: 512px !important;
    }
}
.ma5menu__container .ma5menu__panel ul li a, .ma5menu__container .ma5menu__panel ul li .ma5menu__category {
            padding: 8px 0 !important;
            line-height: 29px;
        }
.ma5menu__container .ma5menu__leave{
    font-family: var(--headline-font);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text);
}
@media (min-width: 768px){
    .ma5menu__container .ma5menu__leave{
        font-size: 1.6rem;
    }
}
.ma5menu__container .ma5menu__leave:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
.ma5menu__container .ma5menu__panel > ul li a{
    font-family: var(--headline-font);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
@media (min-width: 768px){
    .ma5menu__container .ma5menu__panel > ul li a{
        font-size: 1.2rem;
    }
}
.ma5menu__container .ma5menu__panel > ul li a:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
.ma5menu__container .ma5menu__footer{
    padding-top: 0px;
}
.banner-slider .slick-dots, #f-events-slider .slick-dots{
    position: absolute;
    left: 50%;
    margin: 0px;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    list-style-type: none;
    text-align: center;
}
.banner-slider .slick-dots li, #f-events-slider .slick-dots li{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
    height: 10px;
    width: 10px;
    cursor: pointer;
    border-radius: 100%;
    border-width: 0px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    font-size: 0;
}
.banner-slider .slick-dots li.slick-active, #f-events-slider .slick-dots li.slick-active{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}
.banner-slider .slick-dots{
    bottom: 2rem;
}
#f-events-slider .slick-dots{
    bottom: -2rem;
}
#f-events-slider .slick-dots li{
    background-color: var(--text);
}
.youTube-container {
        position: relative;
        overflow: hidden;
        width: 100vw;
        height: 100vh;

    }
.youTube-iFrame {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 100vh;
        transform: translate(-50%, -50%);
    }
@media (min-aspect-ratio: 16/9) {
        .youTube-iFrame {
          /* height = 100 * (9 / 16) = 56.25 */
          height: 56.25vw;
        }
      }
@media (max-aspect-ratio: 16/9) {
        .youTube-iFrame {
          /* width = 100 / (9 / 16) = 177.777777 */
          width: 177.78vh;
        }
      }
.booking-drawer {
        /* #dmn-partner-widget, #dmn-widget-inner {
            height:100% !important;
        } */
        z-index: 10002 !important;
    }
.booking-drawer.active
        {
            animation-name: booking-draw-Out;
        }
.booking-drawer.closing {
            animation-name: booking-draw-In;
        }
.booking-drawer{
        animation-timing-function: ease-out;
        animation-duration: .2s;
        animation-delay: 0s;
        animation-fill-mode: both;
        transform: translate3d(100%, 0, 0);

        top:0;
}
@keyframes booking-draw-Out {
            0% {
                -webkit-transform: translate3d(100%, 0, 0);
            }

            100% {
                -webkit-transform: translate3d(0, 0, 0);
            }
        }
@keyframes booking-draw-In {
            0% {
                -webkit-transform: translate3d(0, 0, 0);
            }

            100% {
                -webkit-transform: translate3d(100%, 0, 0);
            }
        }
.booking-drawer #draw-site-back {
            display: flex;
            align-items: center;
        }
.booking-drawer #draw-site-back svg path
            {
                stroke: #ffffff;
            }
.booking-drawer .draw-site-name{
    font-family: var(--headline-font);
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex-grow: 1;
}
.booking-drawer-active {
        overflow: hidden;
    }
.booking-drawer-active:before{
    z-index: 9000;
    background-color: rgb(82 82 91 / 0.6);
    opacity: 1;
}
.booking-draw-close svg path{
        fill: #ffffff;
    }
.times-accordions .accordion {
            border-top:soild 1px rgba(255,255,255,.25);
        }
.times-accordions .accordion .siteTimesTime {
            display: flex;
            justify-content: space-between;
            padding: 0.4rem 0;
        }
.times-accordions .accordion .accordion-title {
            color: inherit !important;
            border-top:solid 1px rgba(255,255,255,.25);
            font-size: 1.2rem;
            padding: 1.5rem 1rem;
            font-weight: bold;
        }
.times-accordions .accordion .accordion-title:hover {
                background: none;
            }
.times-accordions .accordion .accordion-title:before {
                content: "";
                width: 15px;
                height: 15px;
                display: inline-block;
                background-color: var(--text);
                -webkit-mask-image: url("/content/svg/chevron-arrow-down.svg");
                mask-image: url("/content/svg/chevron-arrow-down.svg");
                -webkit-mask-size: cover;
                mask-size: cover;
            }
.times-accordions .accordion .accordion-item.is-active .accordion-title:before {
                    -webkit-mask-image: url("/content/svg/chevron-arrow-up.svg");
                    mask-image: url("/content/svg/chevron-arrow-up.svg");
                }
.times-accordions .accordion .accordion-content{
    border-color: rgba(255,255,255,.25);
    background-color: rgba(255,255,255,.1);
            border-radius: 8px;
            margin-bottom: 1.24rem;
}
/*    width: 90%;

    @include breakpoint(medium) {
        width: 600px;
    }

    @include breakpoint(large) {
        width: 400px;
    }

    @include breakpoint(xlarge up) {
        width: 400px;
    }

    @include breakpoint(xxlarge up) {
        width: 400px;
    }

    @include breakpoint(1920px) {
        width: 500px;
    }
*/
.footer-times.times-accordions .accordion{
    border-bottom-color: rgba(255,255,255,.25);
}
.footer-times.times-accordions .accordion .accordion-title {
            border-top:solid 1px rgba(255,255,255,.25);
            /* border-top: solid 1px rgba($footer_text_color, .25); */
            font-weight: normal;
        }
.footer-times.times-accordions .accordion .accordion-title:hover {
                background: none;
            }
.footer-times.times-accordions .accordion .accordion-title:before{
    background-color: var(--text);
}
.footer-times.times-accordions .accordion .accordion-content{
    background-color: rgba(255,255,255,.1);
            /* background-color: rgba($footer_text_color, .1); */
            border:solid 1px rgba(255,255,255,.25);
            /* border-color: rgba($footer_text_color, .25); */
}
.footer-seasonal{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255,255,255,.1);
    border-radius: 8px;
    display: block;
    padding: 1rem;
    margin-top: 1.25rem;
    font-weight: bold;
    position: relative;
    font-size: 1rem;
    font-weight: normal;
    color:var(--text);
}
.footer-seasonal h3 {
        margin: 0;
    }
.footer-seasonal:before {
        content: "";
        width: 15px;
        height: 15px;
        display: inline-block;
        background-color: var(--text);
        -webkit-mask-image: url("/content/svg/chevron-arrow-up.svg");
        mask-image: url("/content/svg/chevron-arrow-up.svg");
        -webkit-transform: rotate(90deg);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -0.5rem;
    }
.map-tile svg{
    height: 12px;
    width: 12px;
}
@media (min-width: 1536px){
    .map-tile svg{
        height: 14px;
        width: 14px;
    }
}
.youMayLike-card {
        box-shadow: none !important;
        border-radius: 0px !important;
    }
.youMayLike-card img{
    border-radius: 0px !important;
}
.youmaylike-Text{
    color: var(--text);
}
a.map-option{
    background-color: var(--location-search-option);
}
a.map-option.active{
    background-color: var(--location-search-option-active);
}
a.map-option.active svg path{
    fill: var(--location-search-icon-active);
}
#searchResultform input, #cmsmaplocationsearchformmob input{
    margin: 0px !important;
    height: auto !important;
    border-style: none !important;
    background-color: var(--location-search-bg) !important;
    padding: 0px !important;
    line-height: 24px !important;
}
/* Popular Venues and Distance */
.search-option{
    color: var(--text);
}
.search-option svg path{
    fill: var(--text);
}
.search-option:hover{
    color: var(--location-search-option-active);
}
.search-option:hover svg path{
    fill: var(--location-search-option-active);
}
.search-option.active{
    color: var(--location-search-option-active);
}
.search-option.active svg path{
    fill: var(--location-search-option-active);
}
.reveal{
    position: relative;
    padding: 35px;
}
@media (min-width: 768px){
    .reveal{
        position: absolute;
        top: 50%;
        left: 50%;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}
.reveal .close-button{
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}
.location-header{
    color: var(--text) !important;
}
.tw-button{
    margin-bottom: 1rem;
    display: inline-block;
    border-radius: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1px;
}
.tw-button-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
    text-align: center;
    color: var(--primary-text);
}
.tw-button-primary:hover{
    background-color: var(--primary-hover);
    color: var(--primary-text);
}
.tw-button-primary-alt{
    border-radius: 50px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--primary) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--primary) / var(--tw-border-opacity, 1)) !important;
    background-color: var(--primary-alt-bg) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1)) !important;
}
.tw-button-primary-alt:hover{
    background-color: var(--primary-alt-bg-hover) !important;
    color: var(--primary-hover) !important;
}
.tw-button-secondary{
    border-radius: 50px !important;
    background-color: var(--secondary) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    color: var(--secondary-text) !important;
}
.tw-button-secondary:hover{
    background-color: var(--secondary-hover) !important;
}
.tw-location-field{
    margin-bottom: 0px !important;
}
.tw-button-header-blur{
    border-radius: 50px !important;
    border-width: 1px !important;
    border-style: solid !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
    background-color: rgba(255,255,255,0.10) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    --tw-backdrop-blur: blur(5px) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.tw-button-header-blur:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(244 244 245 / var(--tw-text-opacity, 1)) !important;
}
body{
    font-family: var(--body-font);
}
h1, h2, h3, h4{
    font-family: var(--headline-font);
}
input[type="submit"] {
        border: none;
    }
label{
    font-family: var(--label-font);
}
.base-border{
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--border) !important;
    background-color: var(--panel) !important;
}
#dvLocationSearch .selectric{
    margin-bottom: 0px;
}
.location-results{
    justify-content: center;
}
.has-results {
        overflow-y: scroll;
        justify-content: flex-start;
    }
.home > .red ~ .red {
        border: none;
    }
#cmslocationview #map_canvas > div{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#search-wgt-results-view #map_canvas > div{
    border-radius: 0px;
}
#cmslocationview #map_canvas > div ~ div{
    border-radius: 0;
}
#search-results-map-view #map_canvas > div{
    border-radius: 0px;
}
#search-results-map-view #map_canvas > div ~ div{
    border-radius: 0;
}
.map-icon svg {
        width: 20px;
        height: 20px;
        fill: var(--text);

    }
.map-icon svg > path

        {
            fill: var(--text);
        }
#NonSportEventBookNowform input{
    margin-bottom: 0px !important;
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
#NonSportEventBookNowform svg > path {
        fill: white;
    }
#header:not(.home-header) .logo{
    margin-left: unset;
    margin-right: unset;
}
@media (min-width: 768px){
    #header:not(.home-header) .logo{
        margin-left: auto;
        margin-right: auto;
    }
}
.tw-pointer-events-none{
    pointer-events: none;
}
.tw-pointer-events-auto{
    pointer-events: auto;
}
.tw-invisible{
    visibility: hidden;
}
.tw-fixed{
    position: fixed;
}
.\!tw-absolute{
    position: absolute !important;
}
.tw-absolute{
    position: absolute;
}
.tw-relative{
    position: relative;
}
.\!tw-bottom-\[-40px\]{
    bottom: -40px !important;
}
.tw-bottom-0{
    bottom: 0px;
}
.tw-bottom-\[2rem\]{
    bottom: 2rem;
}
.tw-bottom-\[90px\]{
    bottom: 90px;
}
.tw-left-0{
    left: 0px;
}
.tw-left-\[0\]{
    left: 0;
}
.tw-left-\[50\%\]{
    left: 50%;
}
.tw-left-\[5px\]{
    left: 5px;
}
.tw-right-0{
    right: 0px;
}
.tw-right-\[10px\]{
    right: 10px;
}
.tw-right-\[12px\]{
    right: 12px;
}
.tw-right-\[14px\]{
    right: 14px;
}
.tw-top-0{
    top: 0px;
}
.tw-top-\[-60px\]{
    top: -60px;
}
.tw-top-\[0\]{
    top: 0;
}
.tw-top-\[10px\]{
    top: 10px;
}
.tw-top-\[12px\]{
    top: 12px;
}
.tw-top-\[50\%\]{
    top: 50%;
}
.tw--z-10{
    z-index: -10;
}
.tw-z-0{
    z-index: 0;
}
.tw-z-10{
    z-index: 10;
}
.tw-z-\[10000\]{
    z-index: 10000;
}
.tw-z-\[10\]{
    z-index: 10;
}
.tw-z-\[1\]{
    z-index: 1;
}
.tw-z-\[99999\]{
    z-index: 99999;
}
.tw-order-2{
    order: 2;
}
.tw-order-last{
    order: 9999;
}
.tw-m-0{
    margin: 0px;
}
.tw-m-auto{
    margin: auto;
}
.tw-mx-\[0\.25rem\]{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.tw-mx-\[10px\]{
    margin-left: 10px;
    margin-right: 10px;
}
.tw-mx-\[1rem\]{
    margin-left: 1rem;
    margin-right: 1rem;
}
.tw-mx-\[4px\]{
    margin-left: 4px;
    margin-right: 4px;
}
.tw-mx-\[8px\]{
    margin-left: 8px;
    margin-right: 8px;
}
.tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.tw-my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.tw-my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.tw-my-\[1\.1rem\]{
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
}
.tw-my-\[2rem\]{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.tw-mb-0{
    margin-bottom: 0px;
}
.tw-mb-8{
    margin-bottom: 2rem;
}
.tw-mb-\[\.5rem\]{
    margin-bottom: .5rem;
}
.tw-mb-\[1\.1rem\]{
    margin-bottom: 1.1rem;
}
.tw-mb-\[16px\]{
    margin-bottom: 16px;
}
.tw-mb-\[1rem\]{
    margin-bottom: 1rem;
}
.tw-mb-\[2rem\]{
    margin-bottom: 2rem;
}
.tw-mb-\[3rem\]{
    margin-bottom: 3rem;
}
.tw-mb-\[6rem\]{
    margin-bottom: 6rem;
}
.tw-ml-\[10px\]{
    margin-left: 10px;
}
.tw-mr-\[-\.5rem\]{
    margin-right: -.5rem;
}
.tw-mr-\[24px\]{
    margin-right: 24px;
}
.tw-mr-\[8px\]{
    margin-right: 8px;
}
.tw-mt-\[10px\]{
    margin-top: 10px;
}
.tw-mt-\[1rem\]{
    margin-top: 1rem;
}
.tw-mt-\[24px\]{
    margin-top: 24px;
}
.tw-mt-\[2rem\]{
    margin-top: 2rem;
}
.tw-line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.tw-block{
    display: block;
}
.tw-inline-block{
    display: inline-block;
}
.tw-inline{
    display: inline;
}
.tw-flex{
    display: flex;
}
.tw-hidden{
    display: none;
}
.tw-aspect-\[2\/1\]{
    aspect-ratio: 2/1;
}
.tw-aspect-video{
    aspect-ratio: 16 / 9;
}
.\!tw-h-\[44px\]{
    height: 44px !important;
}
.tw-h-16{
    height: 4rem;
}
.tw-h-48{
    height: 12rem;
}
.tw-h-8{
    height: 2rem;
}
.tw-h-\[100\%\]{
    height: 100%;
}
.tw-h-\[100vh\]{
    height: 100vh;
}
.tw-h-\[15px\]{
    height: 15px;
}
.tw-h-\[20px\]{
    height: 20px;
}
.tw-h-\[28px\]{
    height: 28px;
}
.tw-h-\[30px\]{
    height: 30px;
}
.tw-h-\[36px\]{
    height: 36px;
}
.tw-h-\[400px\]{
    height: 400px;
}
.tw-h-\[500px\]{
    height: 500px;
}
.tw-h-\[600px\]{
    height: 600px;
}
.tw-h-\[66px\]{
    height: 66px;
}
.tw-h-\[80px\]{
    height: 80px;
}
.tw-h-\[94vw\]{
    height: 94vw;
}
.tw-h-auto{
    height: auto;
}
.tw-h-fit{
    height: -moz-fit-content;
    height: fit-content;
}
.tw-h-full{
    height: 100%;
}
.tw-max-h-\[200px\]{
    max-height: 200px;
}
.tw-max-h-\[300px\]{
    max-height: 300px;
}
.tw-max-h-\[45px\]{
    max-height: 45px;
}
.tw-max-h-\[80px\]{
    max-height: 80px;
}
.tw-min-h-\[150px\]{
    min-height: 150px;
}
.tw-min-h-full{
    min-height: 100%;
}
.tw-w-48{
    width: 12rem;
}
.tw-w-\[100\%\]{
    width: 100%;
}
.tw-w-\[125px\]{
    width: 125px;
}
.tw-w-\[15px\]{
    width: 15px;
}
.tw-w-\[20px\]{
    width: 20px;
}
.tw-w-\[260px\]{
    width: 260px;
}
.tw-w-\[36px\]{
    width: 36px;
}
.tw-w-\[370px\]{
    width: 370px;
}
.tw-w-\[50px\]{
    width: 50px;
}
.tw-w-\[600px\]{
    width: 600px;
}
.tw-w-\[90\%\]{
    width: 90%;
}
.tw-w-auto{
    width: auto;
}
.tw-w-full{
    width: 100%;
}
.tw-w-screen{
    width: 100vw;
}
.\!tw-min-w-\[20\%\]{
    min-width: 20% !important;
}
.tw-max-w-\[1170px\]{
    max-width: 1170px;
}
.tw-max-w-\[1268px\]{
    max-width: 1268px;
}
.tw-max-w-\[40rem\]{
    max-width: 40rem;
}
.tw-max-w-\[60\%\]{
    max-width: 60%;
}
.tw-max-w-\[80\%\]{
    max-width: 80%;
}
.tw-max-w-full{
    max-width: 100%;
}
.tw-flex-\[1_0_0\]{
    flex: 1 0 0;
}
.tw-flex-\[30\%\]{
    flex: 30%;
}
.tw-flex-none{
    flex: none;
}
.tw-flex-shrink-0{
    flex-shrink: 0;
}
.tw-flex-shrink-\[2\]{
    flex-shrink: 2;
}
.tw-shrink-0{
    flex-shrink: 0;
}
.tw-flex-grow{
    flex-grow: 1;
}
.tw-flex-grow-\[1\]{
    flex-grow: 1;
}
.tw-grow{
    flex-grow: 1;
}
.tw-basis-0{
    flex-basis: 0px;
}
.tw-basis-1{
    flex-basis: 0.25rem;
}
.tw-basis-1\/2{
    flex-basis: 50%;
}
.tw-basis-\[100\%\]{
    flex-basis: 100%;
}
.tw-translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-3{
    --tw-translate-x: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-\[-50\%\]{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-y-\[-50\%\]{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-y-\[50\%\]{
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-scale-0{
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes tw-pulse{
    50%{
        opacity: .5;
    }
}
.tw-animate-pulse{
    animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.tw-cursor-pointer{
    cursor: pointer;
}
.tw-cursor-wait{
    cursor: wait;
}
.tw-list-none{
    list-style-type: none;
}
.tw-flex-row{
    flex-direction: row;
}
.tw-flex-col{
    flex-direction: column;
}
.tw-flex-col-reverse{
    flex-direction: column-reverse;
}
.tw-flex-wrap{
    flex-wrap: wrap;
}
.tw-items-start{
    align-items: flex-start;
}
.tw-items-end{
    align-items: flex-end;
}
.tw-items-center{
    align-items: center;
}
.tw-items-stretch{
    align-items: stretch;
}
.tw-justify-start{
    justify-content: flex-start;
}
.tw-justify-end{
    justify-content: flex-end;
}
.tw-justify-center{
    justify-content: center;
}
.tw-justify-between{
    justify-content: space-between;
}
.tw-gap-10{
    gap: 2.5rem;
}
.tw-gap-2{
    gap: 0.5rem;
}
.tw-gap-4{
    gap: 1rem;
}
.tw-gap-6{
    gap: 1.5rem;
}
.tw-gap-\[10px\]{
    gap: 10px;
}
.tw-gap-\[12px\]{
    gap: 12px;
}
.tw-gap-\[16px\]{
    gap: 16px;
}
.tw-gap-\[20px\]{
    gap: 20px;
}
.tw-gap-\[32px\]{
    gap: 32px;
}
.tw-gap-\[40px\]{
    gap: 40px;
}
.tw-gap-\[48px\]{
    gap: 48px;
}
.tw-gap-\[8px\]{
    gap: 8px;
}
.tw-gap-wgt{
    gap: 24px;
}
.tw-gap-wgt-l{
    gap: 64px;
}
.tw-gap-wgt-s{
    gap: 16px;
}
.tw-gap-wgt-xs{
    gap: 4px;
}
.tw-self-end{
    align-self: flex-end;
}
.tw-self-center{
    align-self: center;
}
.tw-self-stretch{
    align-self: stretch;
}
.tw-overflow-hidden{
    overflow: hidden;
}
.tw-overflow-clip{
    overflow: clip;
}
.tw-overflow-x-auto{
    overflow-x: auto;
}
.tw-overflow-y-auto{
    overflow-y: auto;
}
.tw-overflow-y-scroll{
    overflow-y: scroll;
}
.tw-rounded{
    border-radius: 0.25rem;
}
.tw-rounded-\[1rem\]{
    border-radius: 1rem;
}
.tw-rounded-\[20px\]{
    border-radius: 20px;
}
.tw-rounded-full{
    border-radius: 9999px;
}
.tw-rounded-lg{
    border-radius: 0px;
}
.tw-rounded-sm{
    border-radius: 4px;
}
.tw-rounded-xl{
    border-radius: 50px;
}
.tw-rounded-b-banner{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.tw-rounded-l-\[40px\]{
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
.tw-rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tw-rounded-r-\[40px\]{
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.tw-rounded-r-\[8px\]{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.tw-rounded-t-banner{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.tw-border{
    border-width: 1px;
}
.tw-border-0{
    border-width: 0px;
}
.tw-border-\[1px\]{
    border-width: 1px;
}
.tw-border-b{
    border-bottom-width: 1px;
}
.tw-border-b-\[1px\]{
    border-bottom-width: 1px;
}
.tw-border-solid{
    border-style: solid;
}
.tw-border-border{
    border-color: var(--border);
}
.tw-border-root-location-icon{
    border-color: var(--location-search-icon);
}
.tw-border-text{
    border-color: var(--text);
}
.tw-border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.tw-bg-\[\#E4E4E7\]{
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.tw-bg-black\/50{
    background-color: rgb(0 0 0 / 0.5);
}
.tw-bg-header{
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.tw-bg-panel{
    background-color: var(--panel);
}
.tw-bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}
.tw-bg-root-location-bg{
    background-color: var(--location-search-bg);
}
.tw-bg-secondary{
    background-color: var(--secondary);
}
.tw-bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[url\(\/Content\/img\/missoula\/book-party-old\.jpg\)\]{
    background-image: url(/Content/img/missoula/book-party-old.jpg);
}
.tw-bg-cover{
    background-size: cover;
}
.tw-bg-center{
    background-position: center;
}
.tw-bg-no-repeat{
    background-repeat: no-repeat;
}
.tw-fill-\[rgb\(var\(--primary\)\)\]{
    fill: rgb(var(--primary));
}
.tw-fill-\[var\(--pagination-arrow-disabled\)\]{
    fill: var(--pagination-arrow-disabled);
}
.tw-fill-\[var\(--primary\)\]{
    fill: var(--primary);
}
.tw-fill-secondary-text{
    fill: var(--secondary-text);
}
.tw-fill-text{
    fill: var(--text);
}
.tw-fill-white{
    fill: #ffffff;
}
.tw-stroke-text{
    stroke: var(--text);
}
.tw-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.\!tw-p-0{
    padding: 0px !important;
}
.tw-p-0{
    padding: 0px;
}
.tw-p-4{
    padding: 1rem;
}
.tw-p-\[1\.7rem\]{
    padding: 1.7rem;
}
.tw-p-\[10px\]{
    padding: 10px;
}
.tw-p-\[16px\]{
    padding: 16px;
}
.tw-p-\[20px\]{
    padding: 20px;
}
.tw-p-\[2rem\]{
    padding: 2rem;
}
.tw-p-btn-s{
    padding: 12px 20px;
}
.tw-p-btn-xs{
    padding: 8px 14px;
}
.tw-p-wgt{
    padding: 16px;
}
.tw-p-wgt-s{
    padding: 4px;
}
.tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.tw-px-\[12px\]{
    padding-left: 12px;
    padding-right: 12px;
}
.tw-px-\[16px\]{
    padding-left: 16px;
    padding-right: 16px;
}
.tw-px-\[18px\]{
    padding-left: 18px;
    padding-right: 18px;
}
.tw-px-\[19px\]{
    padding-left: 19px;
    padding-right: 19px;
}
.tw-px-\[1rem\]{
    padding-left: 1rem;
    padding-right: 1rem;
}
.tw-px-\[20px\]{
    padding-left: 20px;
    padding-right: 20px;
}
.tw-px-\[8px\]{
    padding-left: 8px;
    padding-right: 8px;
}
.tw-px-gulp-row{
    padding-left: 10px;
    padding-right: 10px;
}
.tw-px-wgt{
    padding-left: 16px;
    padding-right: 16px;
}
.tw-py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.tw-py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.tw-py-\[0\.3rem\]{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.tw-py-\[0\.5rem\]{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.tw-py-\[10px\]{
    padding-top: 10px;
    padding-bottom: 10px;
}
.tw-py-\[12px\]{
    padding-top: 12px;
    padding-bottom: 12px;
}
.tw-py-\[14px\]{
    padding-top: 14px;
    padding-bottom: 14px;
}
.tw-py-\[20px\]{
    padding-top: 20px;
    padding-bottom: 20px;
}
.tw-py-\[24px\]{
    padding-top: 24px;
    padding-bottom: 24px;
}
.tw-py-\[24x\]{
    padding-top: 24x;
    padding-bottom: 24x;
}
.tw-py-\[2rem\]{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.tw-py-\[4px\]{
    padding-top: 4px;
    padding-bottom: 4px;
}
.tw-py-\[5px\]{
    padding-top: 5px;
    padding-bottom: 5px;
}
.tw-py-\[64px\]{
    padding-top: 64px;
    padding-bottom: 64px;
}
.tw-py-\[6px\]{
    padding-top: 6px;
    padding-bottom: 6px;
}
.tw-py-wgt{
    padding-top: 16px;
    padding-bottom: 16px;
}
.\!tw-pl-\[3rem\]{
    padding-left: 3rem !important;
}
.tw-pb-6{
    padding-bottom: 1.5rem;
}
.tw-pb-\[0\]{
    padding-bottom: 0;
}
.tw-pb-\[24px\]{
    padding-bottom: 24px;
}
.tw-pb-\[3rem\]{
    padding-bottom: 3rem;
}
.tw-pb-\[64px\]{
    padding-bottom: 64px;
}
.tw-pb-\[9px\]{
    padding-bottom: 9px;
}
.tw-pb-\[calc\(8px\+env\(safe-area-inset-bottom\)\)\]{
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
}
.tw-pl-\[12px\]{
    padding-left: 12px;
}
.tw-pl-\[16px\]{
    padding-left: 16px;
}
.tw-pl-\[1rem\]{
    padding-left: 1rem;
}
.tw-pr-\[1rem\]{
    padding-right: 1rem;
}
.tw-pr-\[32px\]{
    padding-right: 32px;
}
.tw-pr-\[8px\]{
    padding-right: 8px;
}
.tw-pr-wgt-s{
    padding-right: 4px;
}
.tw-pt-\[10px\]{
    padding-top: 10px;
}
.tw-pt-\[1rem\]{
    padding-top: 1rem;
}
.tw-pt-\[24px\]{
    padding-top: 24px;
}
.tw-pt-\[32px\]{
    padding-top: 32px;
}
.tw-pt-\[4px\]{
    padding-top: 4px;
}
.tw-pt-\[5\.5rem\]{
    padding-top: 5.5rem;
}
.tw-text-center{
    text-align: center;
}
.tw-font-banner-sitename-headline{
    font-family: var(--banner-sitename-headline-font);
}
.tw-font-headline{
    font-family: var(--headline-font);
}
.\!tw-text-\[24px\]{
    font-size: 24px !important;
}
.tw-text-\[0\.875rem\]{
    font-size: 0.875rem;
}
.tw-text-\[14px\]{
    font-size: 14px;
}
.tw-text-\[15px\]{
    font-size: 15px;
}
.tw-text-\[16px\]{
    font-size: 16px;
}
.tw-text-\[20px\]{
    font-size: 20px;
}
.tw-text-\[22px\]{
    font-size: 22px;
}
.tw-text-\[28px\]{
    font-size: 28px;
}
.tw-text-\[32px\]{
    font-size: 32px;
}
.tw-text-\[3rem\]{
    font-size: 3rem;
}
.tw-font-bold{
    font-weight: 700;
}
.tw-uppercase{
    text-transform: uppercase;
}
.tw-leading-\[20px\]{
    line-height: 20px;
}
.tw-text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-header{
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}
.tw-text-secondary{
    color: var(--secondary);
}
.tw-text-secondary-text{
    color: var(--secondary-text);
}
.tw-text-text{
    color: var(--text);
}
.tw-text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-no-underline{
    text-decoration-line: none;
}
.tw-opacity-10{
    opacity: 0.1;
}
.tw-drop-shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\]{
    --tw-drop-shadow: drop-shadow(0 4px 4px 0 rgba(0,0,0,0.25));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tw-backdrop-blur-\[11\.5px\]{
    --tw-backdrop-blur: blur(11.5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.tw-transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.tw-duration-700{
    transition-duration: 700ms;
}
.tw-ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.banner-drop{
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.tw-footer {
    border-top: solid 1px #D4D4D8;
}
.tw-footer img{
    min-width: 90px;
}
.social-icon svg{
    height: 25px;
    width: 25px;
}
.social-icon svg, .social-icon svg path{
    fill: var(--social-icons);
}
.banner-icon svg{
    height: 25px;
    width: 25px;
}
.banner-icon svg, .banner-icon svg path{
    fill: var(--banner-social-icons);
}
@media (min-width: 768px) {
    .social-icon svg{
        height: 30px;
        width: 30px;
    }
}
.sg-footer-logo path{
    fill: var(--text);
}
.ma5menu__container .ma5menu__footer{
    color: var(--footer-socials) !important;
}
.sitemap-page .venue-list a{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.sitemap-page .primary{
    color: var(--primary-text) !important;
}
.foote-facility svg{
    height: 20px;
    width: 20px;
}
.foote-facility svg, .foote-facility path{
    fill: var(--text) !important;
}
.ma5menu__container .ma5menu__close, .ma5menu__container .ma5menu__btn--enter, .ma5menu__container .ma5menu__btn--leave {
        background: none;
    }
.ma5menu__container .ma5menu__btn--enter {
        padding:13px 0;
    }
.ma5menu__container .ma5menu__btn--leave {
        padding:4px 0;
    }
.column-article-header-left, .column-article-cta-left {
    text-align: left;
}
.column-article-header-right, .column-article-cta-right {
    text-align: right;
}
.column-article-header-central, .column-article-cta-central {
    text-align: center;
}
a.grid-view.isactive,a.map-view.isactive{
    background-color: var(--location-search-option-active);
}
a.grid-view.isactive svg path,a.map-view.isactive svg path{
    fill: var(--location-search-icon-active);
}
a.grid-view svg path,a.map-view svg path{
    fill: var(--location-search-icon);
}
#cmsmaplocationsearchformmob input{
    margin: 0px !important;
    height: auto !important;
    border-style: none !important;
    background-color: var(--location-search-bg) !important;
    padding: 0px !important;
    line-height: 24px !important;
}
#searchresultform .active, #cmsmaplocationsearchformmob .active{
    background-color: var(--location-search-option-active);
}
#searchresultform .active svg path, #cmsmaplocationsearchformmob .active svg path {
            fill: white;
        }
.maps-search svg {
    width: 15px;
    height: 15px;
}
#map_canvas{
    height:512px;
}
.dmnBookingNote .dmnBookingNote-inner{
    background-color: var(--panel) !important;
}
.dmnBookingNote .dmnBookingNote-inner .dmnBooking-Text{
    color: var(--text) !important;
}
/*widget drawer api journey */
.dmn-row {
    width: 100%;
}
.dmn-row .btn-search{
                   padding-right:0;
                   width:100%;
               }
#dmn-booking-form .btn-search {
        padding: 0;
    }
#dmn-booking-form .btn-search:before {
            content: "";
            height: 100%;
            width: 100%;
            display: block;
            background-color: var(--primary-text);
            -webkit-mask-image: url(/Content/svg/search.svg);
            mask-image: url(/Content/svg/search.svg);
            -webkit-mask-size: 20px;
                    mask-size: 20px;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center center;
                    mask-position: center center;
        }
#dmn-booking-form #postcode {
        border-radius: 5px 0 0 5px !important;
    }
#dmn-booking-form #brand-search-btn svg{
    height: 15px;
    width: 15px;
            fill: var(--dmn-geolocate-icon-color);
}
.dmn-section, .types-toggle span, .dmn-container .selectric-items, #dmn-guests-container .dmn_num_people .selectric, #dmn-time-container .dmn-time-container .dmn-choose-time {
    background-color: var(--dmn-bg) !important;
    border-color: var(--dmn-bg); /*#647279;*/
}
.dmn-offers-section {
    background: var(--dmn-offers-bg) !important;
    border: solid 1px var(--dmn-section-outline);
}
.dmn-section .booking-offers {
    background: var(--dmn-offers-bg);
}
.types-toggle, .types-toggle span {
    color: #c7c5d0;
}
.dmn-invalid {
    /*border-color: #46464F !important;
    color: #46464F !important;*/
    padding:1rem 1.2rem !important;
}
.dmn-type-button{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1)) !important;
    color: var(--primary-text) !important;
    /*background-color: primary !important;*/
}
.dmn_date .ui-datepicker {
    background: transparent;
    box-shadow:none;
}
.ui-datepicker .ui-state-active {
    color: var(--dmn-bg) !important;
}
#dmn-type-container .dmn-type-select {
    color: var(--dmn-bg) !important;
    outline: none;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(var(--primary) / 0.5);
    /*outline-color: var(--primary/0.2);*/
}
.dmn-booking-container .dmn-input input, .dmn-booking-container .dmn-input textarea, .dmn-booking-container .dmn-input select {
    background-color: var(--dmn-input-bg) !important;
    border-bottom: solid 1px var(--dmn-input-outline);
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.dmn-booking-container .dmn-input input:focus, .dmn-booking-container .dmn-input textarea:focus, .dmn-booking-container .dmn-input select:focus {
    border-bottom: solid 1px rgb(var(--primary));
    }
#dmn-guests-container .dmn_num_people .selectric {
    border: none;
}
.dmn-section.active {
    border-color: var(--dmn-section-outline);
}
/*date of birth calendar*/
.dmn-dob-cal .ui-datepicker
    {
        background: var(--body-bg);
    }
.dmn-section .dmn-offer-item {
    border-top: solid 1px var(--dmn-section-outline);
}
.popUpArrow {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 2px;
    z-index: 100;
    height: 40%;
    width: 40%;
}
* {
    box-sizing: border-box;
}
.image-asset-full-width {
    width: 100%;
}
.image-asset-container {
    position: relative;
    text-align: center;
}
/* progammatically added class names*/
.multiple-images {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.text-overlay-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
input.tw-input-btn {
    border-radius: 8px 0 0 8px !important;
}
.display {
    display: block;
}
.field-validation-success, .field-validation-error, .validation-summary-errors, .field-validation-info {
    border-radius: 0;
}
.pipe-after:after {
    content: '|';
    position: absolute;
    top: 0.5rem;
    right: -0.25rem;
}
@media (min-width: 768px) {
    .pipe-after:after {
        top: 1rem;
    }
}
#spinBtn, #scratchBtn{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.spin-entry-form .LookupSite-location,
    .scrachcard-entry-form .LookupSite-location{
    margin-bottom: 0px !important;
}
.spin-entry-form .button.btn-search, .scrachcard-entry-form .button.btn-search{
    border-radius: 0;
    padding: 1.5rem;
}
.spin-entry-form .heremaps-widget .search-form .current-location, .scrachcard-entry-form .heremaps-widget .search-form .current-location{
    display: flex !important;
    border-top-width: 0px !important;
    background-color: transparent !important;
    padding: 0rem !important;
    color: var(--label) !important;
}
.spin-entry-form .heremaps-widget .search-form .current-location svg, .scrachcard-entry-form .heremaps-widget .search-form .current-location svg{
    position: relative !important;
    margin-right: 1rem !important;
    height: 24px !important;
    width: 24px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.spin-entry-form .heremaps-widget .search-form .btn-search > svg, .scrachcard-entry-form .heremaps-widget .search-form .btn-search > svg{
    height: 100% !important;
    width: 100% !important;
}
.autocomplete-selected {
    background: rgba(0, 0, 0, .05) !important;
}
.autocomplete-suggestions{
    background-color: var(--body-bg);
}
.autocomplete-suggestion{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.root-non-sport-event-sites-pop-up .autocomplete-suggestions{
    left: 0px;
    top: 30px;
    text-align: left;
}
.root-nav-book-now{
    position: relative !important;
}
.random-font {
    font-family: var(--random-font);
}
.app-nav-item{
    --tw-brightness: brightness(0%);
    --tw-invert: invert(96%);
    --tw-saturate: saturate(0%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.app-nav-selected .app-nav-icon img{
    --tw-brightness: brightness(97%);
    --tw-contrast: contrast(229%);
    --tw-hue-rotate: hue-rotate(98deg);
    --tw-invert: invert(95%);
    --tw-saturate: saturate(206%);
    --tw-sepia: sepia(8%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/*dark theme common*/
.tw-footer{
    border-top-width: 0px;
}
.sitemap-page .venue-list a{
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.tw-button-header-blur{
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--primary) / var(--tw-border-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1)) !important;
}
.tw-button-header-blur:hover{
    background-color: var(--primary-alt-bg-hover) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1)) !important;
}
#loc-search-btn svg > path, #get-location svg > path, .current-location svg path, .results-inner .no-results svg path, .results-inner .no-results svg polygon{
    fill: var(--location-search-icon);
}
table.foodServingTimeTable{
    background-color: var(--panel) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1)) !important;
}
table.foodServingTimeTable td{
    color: var(--text);
}
table.foodServingTimeTable td hr{
    border-bottom-color: var(--text);
}
.ma5menu__container .ma5menu__close svg path,.ma5menu__container .ma5menu__btn--enter svg path,.ma5menu__container .ma5menu__btn--leave svg path{
                fill:white;
            }
.ui-datepicker {
    background: #3f3f46 !important;
}
.ui-datepicker td > span, .ui-datepicker td > a {
    color: #fff;
}
.dmn-alert {
    background-color: #1E1D00;
    border: solid 1px #767000;
    color: #FFFCC9;
}
.dmn-location-result, .dmn-location-result.selected {
    border-color: rgba(256,256,256,.5) !important;

}
.dmn-location-result .location .name, .dmn-location-result.selected .location .name {
            color: rgba(256,256,256,.9) !important;
        }
.dmn-location-result .location .address, .dmn-location-result.selected .location .address {
            color: rgba(256,256,256,.5) !important;
        }
a.dmn-location-result:hover, .dmn-location-result.selected {
    background: rgba(256,256,256,.07);
}
:root {
  
}
.placeholder\:\!tw-text-\[var\(--dmn-input-placeholder\)\]::-moz-placeholder{
    color: var(--dmn-input-placeholder) !important;
}
.placeholder\:\!tw-text-\[var\(--dmn-input-placeholder\)\]::placeholder{
    color: var(--dmn-input-placeholder) !important;
}
.first\:tw-ml-0:first-child{
    margin-left: 0px;
}
.hover\:tw-bg-secondary-hover:hover{
    background-color: var(--secondary-hover);
}
.hover\:tw-text-hover:hover{
    color: var(--text-hover);
}
.hover\:tw-text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
    .md\:tw-top-\[14px\]{
        top: 14px;
    }
    .md\:tw-order-first{
        order: -9999;
    }
    .md\:tw-order-last{
        order: 9999;
    }
    .md\:tw-m-0{
        margin: 0px;
    }
    .md\:tw-m-\[10px\]{
        margin: 10px;
    }
    .md\:tw-mb-0{
        margin-bottom: 0px;
    }
    .md\:tw-mb-\[\.5rem\]{
        margin-bottom: .5rem;
    }
    .md\:tw-mb-\[64px\]{
        margin-bottom: 64px;
    }
    .md\:tw-line-clamp-2{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .md\:tw-block{
        display: block;
    }
    .md\:tw-inline-block{
        display: inline-block;
    }
    .md\:tw-flex{
        display: flex;
    }
    .md\:tw-hidden{
        display: none;
    }
    .md\:tw-h-\[400px\]{
        height: 400px;
    }
    .md\:tw-h-auto{
        height: auto;
    }
    .md\:tw-max-h-\[400px\]{
        max-height: 400px;
    }
    .md\:tw-min-h-\[200px\]{
        min-height: 200px;
    }
    .md\:tw-w-1\/2{
        width: 50%;
    }
    .md\:tw-w-1\/3{
        width: 33.333333%;
    }
    .md\:tw-w-2\/3{
        width: 66.666667%;
    }
    .md\:tw-w-\[1268px\]{
        width: 1268px;
    }
    .md\:tw-w-\[280px\]{
        width: 280px;
    }
    .md\:tw-w-\[40\%\]{
        width: 40%;
    }
    .md\:tw-w-\[500px\]{
        width: 500px;
    }
    .md\:tw-w-\[512px\]{
        width: 512px;
    }
    .md\:tw-w-full{
        width: 100%;
    }
    .md\:tw-min-w-\[370px\]{
        min-width: 370px;
    }
    .md\:tw-min-w-\[450px\]{
        min-width: 450px;
    }
    .md\:tw-max-w-\[40\%\]{
        max-width: 40%;
    }
    .md\:tw-max-w-\[60\%\]{
        max-width: 60%;
    }
    .md\:tw-max-w-\[600px\]{
        max-width: 600px;
    }
    .md\:tw-flex-shrink-\[1\]{
        flex-shrink: 1;
    }
    .md\:tw-basis-1\/2{
        flex-basis: 50%;
    }
    .md\:tw-basis-1\/3{
        flex-basis: 33.333333%;
    }
    .md\:tw-basis-\[30\%\]{
        flex-basis: 30%;
    }
    .md\:tw-flex-row{
        flex-direction: row;
    }
    .md\:tw-flex-row-reverse{
        flex-direction: row-reverse;
    }
    .md\:tw-flex-col{
        flex-direction: column;
    }
    .md\:tw-flex-wrap{
        flex-wrap: wrap;
    }
    .md\:tw-items-center{
        align-items: center;
    }
    .md\:tw-justify-start{
        justify-content: flex-start;
    }
    .md\:tw-justify-end{
        justify-content: flex-end;
    }
    .md\:tw-justify-center{
        justify-content: center;
    }
    .md\:tw-gap-\[4px\]{
        gap: 4px;
    }
    .md\:tw-gap-wgt{
        gap: 24px;
    }
    .md\:tw-gap-wgt-l{
        gap: 64px;
    }
    .md\:tw-gap-wgt-s{
        gap: 16px;
    }
    .md\:tw-p-0{
        padding: 0px;
    }
    .md\:tw-p-\[32px\]{
        padding: 32px;
    }
    .md\:tw-p-wgt{
        padding: 16px;
    }
    .md\:tw-px-\[28px\]{
        padding-left: 28px;
        padding-right: 28px;
    }
    .md\:tw-px-\[32px\]{
        padding-left: 32px;
        padding-right: 32px;
    }
    .md\:tw-px-wgt-l{
        padding-left: 64px;
        padding-right: 64px;
    }
    .md\:tw-py-\[12px\]{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .md\:tw-py-\[48px\]{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .md\:tw-py-\[96px\]{
        padding-top: 96px;
        padding-bottom: 96px;
    }
    .md\:tw-pr-\[4rem\]{
        padding-right: 4rem;
    }
    .md\:tw-pr-wgt{
        padding-right: 16px;
    }
    .md\:tw-text-left{
        text-align: left;
    }
    .md\:tw-text-\[10px\]{
        font-size: 10px;
    }
    .md\:tw-text-\[18px\]{
        font-size: 18px;
    }
    .md\:tw-text-\[22px\]{
        font-size: 22px;
    }
    .md\:tw-text-\[36px\]{
        font-size: 36px;
    }
}
@media (min-width: 813px){
    .min-\[813px\]\:tw-basis-\[30\%\]{
        flex-basis: 30%;
    }
}
@media (min-width: 1024px){
    .lg\:tw-line-clamp-2{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .lg\:tw-w-\[318px\]{
        width: 318px;
    }
    .lg\:tw-w-\[988px\]{
        width: 988px;
    }
    .lg\:tw-flex-row{
        flex-direction: row;
    }
    .lg\:tw-flex-col{
        flex-direction: column;
    }
    .lg\:tw-items-start{
        align-items: flex-start;
    }
    .lg\:tw-justify-end{
        justify-content: flex-end;
    }
    .lg\:tw-gap-\[40px\]{
        gap: 40px;
    }
    .lg\:tw-gap-\[60px\]{
        gap: 60px;
    }
    .lg\:tw-gap-wgt-l{
        gap: 64px;
    }
    .lg\:tw-p-wgt-l{
        padding: 64px;
    }
    .lg\:tw-text-\[32px\]{
        font-size: 32px;
    }
}
@media (min-width: 1280px){
    .xl\:tw-hidden{
        display: none;
    }
    .xl\:tw-w-\[1240px\]{
        width: 1240px;
    }
    .xl\:tw-w-\[180px\]{
        width: 180px;
    }
    .xl\:tw-w-\[298px\]{
        width: 298px;
    }
    .xl\:tw-flex-row{
        flex-direction: row;
    }
    .xl\:tw-px-\[24px\]{
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (min-width: 1536px){
    .\32xl\:tw-w-\[1506px\]{
        width: 1506px;
    }
    .\32xl\:tw-w-\[364px\]{
        width: 364px;
    }
    .\32xl\:tw-gap-\[12px\]{
        gap: 12px;
    }
    .\32xl\:tw-gap-\[8px\]{
        gap: 8px;
    }
    .\32xl\:tw-py-\[14px\]{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .\32xl\:tw-text-\[14px\]{
        font-size: 14px;
    }
}
