/*Kunit 900*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-900-normal.woff2') format('woff2'),
        url('fonts/kanit-latin-900-normal.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*Kunit 900 Italic*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-900-italic.woff2') format('woff2'),
        url('fonts/kanit-latin-900-italic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/*Kunit 600*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-600-normal.woff2') format('woff2'),
        url('fonts/kanit-latin-600-normal.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*Kunit 600 Italic*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-600-italic.woff2') format('woff2'),
        url('fonts/kanit-latin-600-italic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/*Kunit 500*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-500-normal.woff2') format('woff2'),
        url('fonts/kanit-latin-500-normal.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*Kunit 500 Italic*/
@font-face{
    font-family: 'Kanit';
    src: url('fonts/kanit-latin-500-italic.woff2') format('woff2'),
        url('fonts/kanit-latin-500-italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/*Nunito Sans 400*/
@font-face{
    font-family: 'Nunito Sans';
    src: url('fonts/nunito-sans-latin-400-normal.woff2') format('woff2'),
        url('fonts/nunito-sans-latin-400-normal.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*Nunito Sans 400 Italic*/
@font-face{
    font-family: 'Nunito Sans';
    src: url('fonts/nunito-sans-latin-400-italic.woff2') format('woff2'),
        url('fonts/nunito-sans-latin-400-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

:root{
    /* COLOURS */
    --color-brand-1: #fff; /* BACKGROUND */
    --color-brand-1-rgb: 16 16 16; /* BACKGROUND */
    --color-brand-2: #101010; /* FOOTER AND BORDERS */
    --color-brand-3: #101010; /* SECONDARY BACKGROUND - SHOULD HAVE GOOD CONTRAST WITH SECONDARY TEXT */
    --color-brand-4: #df151f;/*#E70B2C; /* ACCENT - BUTTONS ETC.. - SHOULD HAVE GOOD CONTRAST WITH MAIN AND SECONDARY BACKGROUNDS */
    --color-brand-text: #101010; /* MAIN TEXT */
    --color-brand-alt-text: #fff; /* SECONDARY TEXT */
    --color-card: rgb(245 245 245 / 30%);/*#fff5f5; /* CARD BACKGROUND - USUALLY AN OFF SHADE OF MAIN BACKGROUND */
    --color-shadow-rgb: 16 16 16;
    --color-card-border: #d2d2d2;

    /*Apply colours to exisiting variables*/

    --color-header-bg: rgba(0,0,0,0.6);
    --color-header-sticky-bg: var(--color-brand-2);
    --color-header-link: var(--color-brand-text);
    --color-header-link-hover: var(--color-brand-3);

    --color-content-bg: var(--color-brand-1);
    --color-content-bg-rgb: var(--color-brand-1-rgb);
    --color-content-text:  var(--color-brand-text);
    --color-content-link: var(--color-brand-text);
    --color-content-link-hover: var(--color-brand-3);
    --color-content-heading: var(--color-brand-text);
    --color-content-heading-alt: var(--color-brand-3);
    --color-content-accent: var(--color-brand-3);
    --color-content-accent-alt: var(--color-brand-4);
    --color-content-secondary: var(--color-brand-2);
    --color-alt-content-bg: var(--color-brand-text);
    --color-alt-content-bg-alt: var(--color-brand-4);
    --color-alt-content-text: var(--color-brand-alt-text);
    --color-alt-content-heading: var(--color-brand-alt-text);
    --color-alt-content-link: var(--color-brand-alt-text);
    --color-alt-content-link-hover: var(--color-brand-3);

    --color-footer-bg: var(--color-brand-2);
    --color-footer-bg-alt: var(--color-brand-2);
    --color-footer-text: var(--color-brand-text);
    --color-footer-heading: var(--color-brand-text);
    --color-footer-link: var(--color-brand-text);
    --color-footer-link-hover: var(--color-brand-3);

    /* FONTS */

    --font-heading: 'Kanit', sans-serif;
    --font-heading-bold: 700;
    --font-heading-default: 500;
    --font-body: 'Nunito Sans', sans-serif;
    --font-decorative: "Bangers", system-ui;
    --font-decorative-2: "Sedgwick Ave Display", cursive;
    --font-decorative-3: "Racing Sans One", sans-serif;
}


body{
    background-image: url('../../../../images/geronigo_new/brand_sites/kartingguide/divider/bg-texture.png');
    background-position: top center;
    background-size: 110% auto;
    background-repeat:repeat-y;
}


section{
    border-bottom:1px solid var(--color-card);
}
section:last-child{
    border-bottom:unset;
}

.bb, .bl, .br, .bt{
    border-width:3px;
    border-color: var(--color-content-accent-alt);
}

#hero .rwhero{
    max-width:1100px;
}
#hero .rwhero.venue-tile{
    max-width:400px;
}

#desk-h1-container{
    --hero-h1: 8.5cqw;
    --hero-h1-sub:6cqw;
    --hero-text-height:8cqw;
    --hero-h-line: 0.8;
}
.bg-vid-wrapper{
    --hero-h2:3.6cqw;
}
.bg-vid-wrapper .heading.hero{
    padding:0.25rem 0;
    font-family: var(--font-heading);
    font-weight: 900;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    font-style: italic;
    font-size: var(--hero-h1);
    line-height:var(--hero-h-line);
    color:#fff;
}
.multi-act-hero-text{
    /*--hero-text-height: calc(var(--hero-h1) * var(--hero-h-line));*/
    height: var(--hero-text-height);
    overflow:hidden;
    position:relative;
}
.multi-act-hero-text .inner{
    position:absolute;
    display:flex;
    flex-direction:column;
    top:0;
    left:0;
    right:0;
    transition: transform 0.3ms ease-in-out;
}
.bg-vid-wrapper .heading.hero{
    /*
    border-left: solid 3px var(--color-alt-content-bg-alt);
    padding:0 0 0 var(--space-sm) !important;
    */
    line-height:var(--hero-text-height);
}
.bg-vid-wrapper .heading.hero-sm{
    font-family: var(--font-heading);
    font-weight: 600;
    font-style: italic;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    font-size:var(--hero-h1-sub);
    line-height:var(--hero-h-line);
    color:#fff;
}
.bg-vid-wrapper .heading.hero-sub{
    font-family: var(--font-heading);
    font-weight: 600;
    font-style: italic;
    font-size:var(--hero-h2);
    line-height:100%;
    color:#fff;
}
.nav-icon-link:hover{
    filter: brightness(0) saturate(100%) invert(14%) sepia(66%) saturate(5861%) hue-rotate(350deg) brightness(96%) contrast(96%);
}
.tear, .tear.white{
    filter:invert(1);
}
.tear-top{
    margin-top:-2px;
}
.tear-btm{
    margin-bottom:-2px;
}

@media screen and (max-width: 769px){
    .bg-vid-wrapper{
        --hero-h2:7cqw;
    }
}

#wrap .btn.secondary .btn-title{
    color:var(--color-footer-heading);
}

.nav-logo-img{
    padding: var(--space-xs);
    max-width:60vw;
}

/* --- ARTISTIC BULLET OVERRIDE --- */
.art-bullet{
    background-color: var(--color-content-bg);
}
.art-bullet img:not(.equip-icon){
    filter: invert(11%) sepia(87%) saturate(7027%) hue-rotate(354deg) brightness(92%) contrast(89%);
}


/* --- LIGHT THEME OVERRIDES -- */
/* Important overrides */
#wrap div#cookiePrompt #privacy{
    background-color:var(--color-brand-2) !important;
}

.glass-effect, .tile, .cookie-wrap{
    background-color: var(--color-card) !important;
    border: 1px solid var(--color-card-border) !important;
}
.tile{
    box-shadow:unset!important;
}

.autocomplete2,
.select2-dropdown,
.search-input,
.select2-selection{
    background-color: var(--color-content-bg) !important;
    border-color:var(--color-card-border) !important;
}
.select2-selection__choice{
    background-color: var(--color-card) !important;
    border-color:var(--color-card-border) !important;
    color: var(--color-content-text) !important;
}
.groups-button.active .btn-title,
#wrap div#cookiePrompt #cookies-continue-button,
.image .heading:not(.age){
    color: var(--color-alt-content-text) !important;
}

.link-texts .text-link .icon img{
    filter: unset !important;
}
.link-texts.voucher-link .text-link .icon img{
    filter: invert(1) !important;
}

.map-wrapper svg{
    fill:var(--color-card)
}

.map-wrapper svg g:hover, .map-wrapper svg g.map-region.active {
    fill:var(--color-content-accent-alt);
}



/* Specificity overrides */
.search-divider.light{
    border-color: var(--color-content-bg);
}
#redeem .heading, #redeem p, #redeem span{
    color:var(--color-content-bg);
}
#redeem .inline-link.color-secondary:hover{
    color: var(--color-content-accent-alt);
}
#redeem .btn.secondary.border::before{
    border-color:var(--color-content-bg) !important;
}
#redeem .btn.secondary.border:hover:before{
    outline: 2px solid var(--color-content-bg) !important;
}
#redeem .btn.secondary.border .btn-title{
    color:var(--color-content-bg);
}
.text-link img{
    filter: invert(1);
}
.bg-accent .text-link img{
    filter:unset !important;
}
#groups input{
    background-color: var(--color-card);
    border: 1px solid var(--color-card-border);
}
/*.tile, .venue-card{
    border:1px solid var(--color-card-border)
}*/
.btn.secondary.border:before{
    border: 1px solid var(--color-content-accent) !important;
    box-shadow: inset 0px 0px 0px 1px var(--color-content-accent) !important;
}
.btn.secondary.border:hover:before{
    outline: 2px solid var(--color-content-accent) !important;
    outline-offset: 2px;
}
nav .mobile-menu-btn .line{
    background-color: var(--color-content-bg);
}
nav #mob-menu.mob-menu{
    background-color: var(--color-content-secondary);
}
.back-to-top{
    background-color: var(--color-card);
}

.bg-accent .btn.secondary {
    background: var(--color-brand-1);
}
.bg-accent .btn.secondary:hover:before{
    outline: 2px solid var(--color-brand-1);
    outline-offset: 2px;
}
.filter-button{
    border: unset;
}
.filter-button .filter-tick{
    background-color: var(--color-content-bg) !important;
}
.filter-button .filter-tick img{
    filter:unset !important;
}
.filter-button.active .filter-tick img{
    filter:invert(1) !important;
}