/*
 Mobile sizes
 */
@media screen and (max-width: 546px) {

    /*
     Slim header
     Separating the logo and burger on mobile
     */
    .csfse-header-slim>.wp-block-group {
        width: 100%;
        justify-content: space-between;
    }

    /*
     Footers
     */
    .footer-default {
        .wp-block-group {
            text-align: center;
        }

        .wp-block-group nav {
            display: flex;
            align-items: center;
        }

        .wp-block-group ul {
            display: grid;
            grid-column-gap: 16px;
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .csfse-header-stacked {

        /*
         Links group on right
         */
        >.wp-block-group>.wp-block-group.is-content-justification-right,
        >.wp-block-group>.wp-block-group.is-content-justification-right>.wp-block-group {
            gap: unset;
            align-items: end;
            flex-direction: column;
        }

        /*
         Links group on right – pipe
         */
        >.wp-block-group>.wp-block-group.is-content-justification-right>.wp-block-group .has-text-color {
            display: none;
        }
    }

    .csfse-header-spaced {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 8px;
        grid-row-gap: 8px;

        >.wp-block-image {
            grid-area: 1 / 1 / 2 / 4;
        }

        >nav {
            grid-area: 1 / 4 / 2 / 5;
            justify-self: end;
        }

        >form {
            grid-area: 2 / 1 / 3 / 5;
        }
    }
}

/*
 Tablet sizes
 */
@media screen and (max-width: 781px) {

    /*
     Hero with aside, sidebar width
     */
    .wp-container-core-group-is-layout-43> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {

    /*
     Header slim
     */
    .csfse-header-slim {
        .wp-block-buttons {
            display: none;
        }
    }

    /*
     Footers
     */
    .footer-simple {
        .wp-block-column p {
            text-align: center;
        }

        .wp-block-column ul {
            display: flex;
            justify-content: center;
        }
    }

    /*
     Tabbed content
     */
    .wp-block-cs-core-ui-kit-tabbed-content-item__content>.wp-block-group {
        padding-left: 0 !important;
    }

    .map-locations .wp-block-cs-core-ui-kit-tabbed-content-item__toggles-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        max-width: 500px;
        margin: 0 auto 2rem;
    }

    .map-locations .wp-block-cs-core-ui-kit-tabbed-content-item {
        margin-block-start: 0px;
        width: 50%;
    }

    .map-locations .wp-block-cs-core-ui-kit-tabbed-content-item .wp-block-cs-core-ui-kit-tabbed-content-item__toggle {
        overflow: hidden;
        text-align: center;
    }

    /*
     Footers
     */
    footer .wp-block-quote {
        max-width: 100%;
    }
}

/*
 Small desktop sizes
 */
@media screen and (max-width: 1110px) {

    /*
     Header spaced
     */
    .csfse-header-spaced {
        flex-direction: column;

        .wp-block-image {
            margin-bottom: 0 !important;
        }
    }
}

/*
 Headers
 */
.csfse-header-slim {
    .wp-block-buttons {
        white-space: nowrap;
    }
}


.mobile-menu-template-holder {
    position: fixed !important;
}



/*
 Footers
 */


/*
 Nicer input default for line height
 */
input:not([type="image"], [type="range"], [type="checkbox"], [type="radio"]) {
    color: var(--wp--preset--color--white);
    cursor: pointer;

    &::placeholder {
        color: var(--wp--preset--color--white);
    }

    &:active,
    &:focus,
    &:focus-visible {
        border: 1px solid var(--wp--preset--color--volair-blue);
    }
}

input .wp-block-search__input::before {
    background-image: url('../wp-content/uploads/2025/09/Search-Icon.svg');
}

/* Submenu container: floating card look */
.wp-block-navigation__submenu-container {
    background-color: #fff;
    /* card background */
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    /* soft shadow */
    padding: 8px 0;
    /* spacing inside the container */
    margin-top: 8px;
    /* small gap from parent menu */
    border: none !important;
}

/* Submenu container: floating card look */
.wp-block-navigation__submenu-container {
    background-color: #fff;
    /* card background */
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    /* soft shadow */
    padding: 8px 0;
    /* spacing inside the container */
    margin-top: 8px;
    /* small gap from parent menu */
}

/* Remove background from li and anchor */
.wp-block-navigation__submenu-container li,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    background: transparent !important;
    border-radius: 0 !important;
    margin: 4px 12px;
    /* spacing between items */
    padding: 8px 12px;
    /* internal padding for click area */
    transition: background-color 0.2s ease, transform 0.15s ease, color 0.2s ease, font-weight 0.2s ease;
    color: #000;
    /* default text color */
    font-weight: 400;
    /* default font weight */
}

/* Hover/focus effect on individual items */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
    background-color: rgba(0, 0, 0, 0.05);
    /* subtle highlight */
    transform: translateX(2px);
    font-weight: 1000;
    /* bold on hover */
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus .wp-block-navigation-item__label {
    color: var(--wp--preset--color--volair-blue) !important;
    font-weight: 1000;
}


/* Optional: round first/last item slightly to match container */
.wp-block-navigation__submenu-container li:first-child .wp-block-navigation-item__content {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wp-block-navigation__submenu-container li:last-child .wp-block-navigation-item__content {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Parent menu item hover/focus */
.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:focus .wp-block-navigation-item__label {
    transition: color 0.2s ease, font-weight 0.2s ease;
}

/* Target only Menu 2/main nav */
nav[aria-label="Menu 2"] .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
nav[aria-label="Menu 2"] .wp-block-navigation-item__content:focus .wp-block-navigation-item__label {
    color: var(--wp--preset--color--volair-blue) !important;
    transition: color 0.2s ease, font-weight 0.2s ease;
}


/*
 FacetWP
 */
.facetwp-type-checkboxes {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.facetwp-checkbox {
    cursor: pointer;
    transition: all;
    border-radius: 4px;
    padding: 8px 14px 4px;
    transition-duration: 150ms;
    color: var(--wp--preset--color--black);
    background: var(--wp--preset--color--white);
}

.facetwp-checkbox:active,
.facetwp-checkbox:hover {
    background: var(--wp--preset--color--primary);
}

.facetwp-checkbox.checked {
    background: var(--wp--preset--color--primary);
}

span.facetwp-counter {
    margin-left: 4px;
}

.facetwp-facet-search {
    .facetwp-search {
        width: 100%;
        transition: all;
        border-radius: 4px;
        padding: 9px 14px 9px;
        box-sizing: border-box;
        transition-duration: 150ms;
        color: var(--wp--preset--color--black);
        background: var(--wp--preset--color--white);
        border: 1px solid var(--wp--preset--color--mid-grey);
    }
}

.facetwp-radio:hover,
.facetwp-radio.checked {
    background: var(--wp--preset--color--volair-blue) !important;
    color: var(--wp--preset--color--white);
}

.facetwp-facet-treatment_categories .facetwp-radio:hover,
.facetwp-facet-treatment_categories .facetwp-radio.checked {
    background: var(--wp--preset--color--spa-purple) !important;
    color: var(--wp--preset--color--white);
}

.facetwp-facet-treatment_categories .facetwp-radio {
    background-color: var(--wp--preset--color--spa-lilac);
    color: var(--wp--preset--color--charcoal);
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    font-weight: 500;
}

.facetwp-radio {
    background-color: var(--wp--preset--color--light-opaque-blue);
    color: var(--wp--preset--color--charcoal);
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.facetwp-facet.facetwp-facet-post_categories.facetwp-type-radio {
    display: flex;
    gap: 10px;
}

.facetwp-facet.facetwp-facet-map_locations_search.facetwp-type-proximity {
    display: flex;
    flex-direction: row;
}

input.facetwp-location {
    background-color: var(--wp--preset--color--light-opaque-blue);
    color: var(--wp--preset--color--charcoal);
    border: none !important;
    border-radius: 20px;
    padding: 9px;
    width: 15rem;
    margin-right: 1rem;
    font-size: 16px;

    &::placeholder {
        color: var(--wp--preset--color--charcoal) !important;
    }
}

.location-results {
    position: absolute;
    background-color: var(--wp--preset--color--light-blue);
    z-index: 2;
    max-width: 40%;
    border-radius: 20px;
    margin-top: 5px;
}

.location-result {

    padding: 10px;

    &:hover {
        background-color: var(--wp--preset--color--light-opaque-blue);
        border-radius: 20px;

    }
}

/* Hide FacetWP results when facetwp-hidden is present */
.facetwp-facet .location-results.facetwp-hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

select.facetwp-radius.facetwp-radius-dropdown {
    border: 1px solid var(--wp--preset--color--light-grey);
    border-radius: 20px;
    padding: 5px;
}

.facetwp-selections ul {
    margin: 0px;
    padding-inline-start: 0px;
}

.facetwp-selections li {
    display: inline-block;
    margin: 0px;
    list-style-type: none;
    border: none;
    background-color: none;
    padding: 0px;

}

.facetwp-selection-label {
    display: none;
}

.facetwp-selection-value {
    color: var(--wp--preset--color--charcoal);
    margin: 0px 5px;
    padding: 10px;
    list-style-type: none;
    border: none;
    background-color: var(--wp--preset--color--light-opaque-blue);
    border-radius: 20px;
    gap: 20px;

    &:hover {
        background-color: var(--wp--preset--color--light-blue);
        text-decoration: none;
    }
}

.facetwp-pager {
    gap: 10px;
    display: flex;
}

.facetwp-page {
    background-color: var(--wp--preset--color--light-opaque-blue);
    color: var(--wp--preset--color--charcoal);
    padding: 10px 19px;
    font-weight: 700;
    border-radius: 100%;
    cursor: pointer;

    &:hover {
        background-color: var(--wp--preset--color--green);
    }

    &.active {
        background-color: var(--wp--preset--color--electric-blue);

        &:hover {
            background-color: var(--wp--preset--color--green);
        }
    }

    &.next {
        background: none;

        &:hover {
            color: var(--wp--preset--color--volair-blue) !important;
        }
    }

    &.prev {
        background: none;

        &:hover {
            color: var(--wp--preset--color--volair-blue) !important;
        }
    }
}

.fs-label {
    display: none;
}

.fs-label-wrap::after {
    content: 'Filter By';
    color: var(--wp--preset--color--charcoal);
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid var(--wp--preset--color--light-grey);
    cursor: default;
    border-radius: 20px;
    padding: 10px;
}

div#facetwp-map {
    border-radius: 20px;
}

.facetwp-map-filtering {
    display: none !important;
}

.facetwp-selection-value::after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none"><path d="M8.75.75l-8 8m0-8l8 8" stroke="%23263238" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 10px;
    height: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0.5rem;
}

/* .map-cards {
    scrollbar-color: red orange;
    scrollbar-width: thin;
} */

/* CSS variable for scrollbar color */
@media screen and (min-width: 768px) {
    :root {
        --scrollbar-color: var(--wp--preset--color--electric-blue);
    }

    /* Scrollable container */
    .map-cards.wp-block-query {
        max-height: 800px;
        /* or whatever fixed height you want */
        overflow-y: scroll;
        /* make it scrollable */
        scrollbar-width: thin;
        /* Firefox */
        scrollbar-color: var(--scrollbar-color) transparent;
        /* Firefox */
        -webkit-overflow-scrolling: auto;
        /* disable fading in iOS/Chrome */
        overflow: scroll;
    }

    /* WebKit browsers (Chrome, Safari, Edge) */
    .map-cards.wp-block-query::-webkit-scrollbar {
        width: 12px;
        /* width of scrollbar */
        overflow: scroll;
    }

    .map-cards.wp-block-query::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 10px;
        overflow-y: scroll;
    }

    .map-cards.wp-block-query::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-color);
        border-radius: 10px;
        border: 3px solid transparent;
        /* optional spacing */
        overflow-y: scroll;
    }
}





.wp-block-button.is-style-outline a:hover {
    color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}


/* Button Link Hover classes */
.has-text-hover-color.has-charcoal-text-hover-color:hover {
    color: var(--wp--preset--color--charcoal) !important;
}

.has-text-hover-color.has-volair-blue-text-hover-color:hover {
    color: var(--wp--preset--color--volair-blue) !important;
}

.has-text-hover-color.has-white-text-hover-color:hover {
    color: var(--wp--preset--color--white) !important;
}

.has-text-hover-color.has-light-blue-text-hover-color:hover {
    color: var(--wp--preset--color--light-blue) !important;
}

.has-text-hover-color.has-electric-blue-text-hover-color:hover {
    color: var(--wp--preset--color--electric-blue) !important;
}

.has-text-hover-color.has-light-grey-text-hover-color:hover {
    color: var(--wp--preset--color--light-grey) !important;
}

/*Bakcground hover colours for button link */
.has-background-hover-color.has-volair-blue-background-hover-color:hover {
    background: var(--wp--preset--color--volair-blue) !important;
}

.has-background-hover-color.has-white-background-hover-color:hover {
    background: var(--wp--preset--color--white) !important;
}

.has-background-hover-color.has-light-blue-background-hover-color:hover {
    background: var(--wp--preset--color--light-blue) !important;
}

.has-background-hover-color.has-electric-blue-background-hover-color:hover {
    background: var(--wp--preset--color--electric-blue) !important;
}

.has-background-hover-color.has-charcoal-background-hover-color:hover {
    background: var(--wp--preset--color--charcoal) !important;
}

.has-background-hover-color.has-light-grey-background-hover-color:hover {
    background: var(--wp--preset--color--light-grey) !important;
}

@media (max-width: 768px) {
    .mobile-hidden {
        display: none;
    }
}

@media (min-width: 769px) {
    .desktop-hidden {
        display: none;
    }
}

.blockera-block a:not(.wp-element-button) {
    color: inherit !important;
}

.mobile-nav-icon button {
    justify-content: flex-end;
}

:root .swiper-wrapper {
    padding-bottom: inherit;
}

.wp-block-cs-core-ui-kit-post-query-carousel .swiper-slide {
    height: 100%;
}


.wp-block-cs-core-ui-kit-term-links a {
    transition: all 0.2s ease-in-out;
}

.wp-block-cs-core-ui-kit-term-links a:hover {
    background: var(--wp--preset--color--dark-blue) !important;
    color: var(--wp--preset--color--white) !important;
}



/* Swiper arrow overrides */

/* .wp-block-cs-core-ui-kit-post-query-carousel .swiper {
    text-align:center;
}

.wp-block-cs-core-ui-kit-post-query-carousel .swiper .swiper-slide.wp-block-post {
    text-align: left !important;
} */


.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: none !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
    display: inline-block;
    padding: 0 !important;
    z-index: 3;
}

.swiper-button-prev {
    left: calc(50% - 32px);
    right: auto;
    transform: translateX(-32px);
}

.swiper-button-next {
    left: calc(50% + 32px);
    right: auto;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><rect width="32" height="32" rx="16" fill="%2318aeea"/><path d="M19.248 7.544c.279-.274.704-.279.987-.018l.055.056a.86.86 0 0 1 .019 1.103l-.055.06-7.051 6.899-.365.357.365.357 7.05 6.899c.313.308.33.832.036 1.162l-.001.001c-.148.167-.343.246-.538.246-.178 0-.358-.067-.505-.21l-7.126-6.974c-.399-.393-.619-.916-.619-1.482a2.05 2.05 0 0 1 .621-1.482l7.126-6.975h.001z" fill="%23fff" stroke="%23fff"/></svg>');
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><rect width="32" height="32" rx="16" fill="%2318aeea"/><path d="M11.711 7.581a.71.71 0 0 1 1.043-.037l7.126 6.974c.4.393.62.917.62 1.483 0 .496-.169.958-.479 1.329l-.142.153-7.125 6.974c-.146.143-.327.21-.505.21-.195 0-.39-.079-.54-.247a.86.86 0 0 1-.019-1.102l.055-.06 7.051-6.899.365-.357-.365-.357-7.052-6.9c-.311-.306-.329-.83-.034-1.161v-.001z" fill="%23fff" stroke="%23fff"/></svg>');
}


/* hero slider w/ class .hero-slider */

.swiper {
    padding-bottom: 32px !important;
}

.swiper.hero-slider {
    padding-bottom: 0 !important;
}

.hero-slider .swiper-button-next::after,
.hero-slider .swiper-button-prev::after {
    width: 16px;
    height: 29px;
    display: block;
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    width: 16px;
    height: 29px;
    display: inline-block;
    padding: 0 !important;
    position: absolute;
    margin: 0 !important;
    top: unset;
    bottom: 50%;
}

.hero-slider .swiper-button-next {
    right: 15px;
    left: auto !important;
}

.hero-slider .swiper-button-prev {
    left: 40px;
    right: auto !important;
}

.hero-slider .swiper-button-prev::after,
.hero-slider .swiper-rtl .swiper-button-next::after {
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="29" fill="none"><path d="M12.984.917a1.45 1.45 0 0 1 2.105.075h.001a1.63 1.63 0 0 1 .035 2.119l-.108.116L3.736 14.141l-.371.359.371.359 11.279 10.913h0a1.63 1.63 0 0 1 .072 2.235v.001a1.45 1.45 0 0 1-1.994.172l-.112-.099L1.58 17.052A3.52 3.52 0 0 1 .5 14.5c0-.972.383-1.874 1.082-2.551L12.983.917h.001z" fill="%23fff" stroke="%23fff"/></svg>') !important;
}

.hero-slider .swiper-button-next::after,
.hero-slider .swiper-rtl .swiper-button-prev::after {
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="29" fill="none"><path d="M3.016 28.083a1.45 1.45 0 0 1-2.105-.075H.909a1.63 1.63 0 0 1-.035-2.119l.108-.116 11.281-10.913.371-.359-.371-.359L.984 3.228v-.001A1.63 1.63 0 0 1 .912.991V.99A1.45 1.45 0 0 1 2.906.818l.112.099L14.42 11.948A3.52 3.52 0 0 1 15.5 14.5c0 .972-.383 1.874-1.082 2.551L3.017 28.083h-.001z" fill="%23fff" stroke="%23fff"/></svg>') !important;
}




/* Volair Map Tabs */

.map-tabs-wrapper .facetwp-facet-locations_map_filter .fs-label-wrap .fs-arrow {
    display: none !important;
}

.map-tabs-wrapper .facetwp-facet-locations_map_filter .fs-label-wrap::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" fill="none"><path d="M14.333 1H1l5.333 6.307v4.36L9 13V7.307L14.333 1z" stroke="%231e1e1e" stroke-width="2" stroke-linejoin="round"/></svg>');
    width: 16px;
    height: 14px;
    display: inline-block;
}

@media (min-width:1024px) {

    /* Mobile only */
    .map-tabs-wrapper .wp-block-cs-core-ui-kit-tabbed-content-item__toggles-wrapper,
    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-buttons {
        display: none !important;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.etb-animation-fade,
    .map-tabs-wrapper .wp-block-easy-tabs-block-tabs .wp-block-easy-tabs-block-tab-content:not(.etb-active-tab):not([data-etb-active-tab]) {
        display: block !important;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-contents {
        display: flex !important;
        gap: 10px;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.list-view {
        width: 320px !important;
        max-height: 800px;
        overflow-y: scroll;
        scrollbar-color: var(--wp--preset--color--electric-blue) transparent !important;
        scrollbar-width: auto;
        padding-right: 15px;
        overflow: scroll;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.list-view::-webkit-scrollbar {
        width: 8px;
        overflow-y: scroll;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.list-view::-webkit-scrollbar-thumb {
        background-color: var(--wp--preset--color--electric-blue) !important;
        border-radius: 6px;
        overflow-y: scroll;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.list-view::-webkit-scrollbar-track {
        background: transparent;
        overflow-y: scroll;
    }

    .map-tabs-wrapper .wp-block-easy-tabs-block-tab-content.map-view {
        width: 100% !important;
    }
}


.wp-block-cs-core-ui-kit-accordion-item .wp-block-cs-core-ui-kit-accordion-item__toggle {
    border-radius: 50px;
}

.wp-block-cs-core-ui-kit-accordion-item {
    margin-block-start: 15px;
}

.wp-block-cs-core-ui-kit-tabbed-content-item .wp-block-cs-core-ui-kit-tabbed-content-item__toggle {
    overflow: hidden;
    border-radius: 20px !important;
}

.wp-block-cs-core-ui-kit-tabbed-content-item__toggles-wrapper.is-layout-flow.wp-block-tabbed-content-is-layout-flow {
    border-radius: 20px !important;
}

.wp-block-search__input {
    background-color: transparent;
    color: white;

    &::placeholder {
        color: white !important;
    }

    &:active,
    &:focus,
    &:focus-visible {
        border: 1px solid var(--wp--preset--color--white);
    }
}

.wp-block-search__button {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23ffffff" d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
    background-repeat: no-repeat;
    background-position: right;
}

.wp-block-navigation-item__label {
    word-break: keep-all;
}


:where(.wp-site-blocks)>* {
    margin-block-start: unset;
}

.wp-block-navigation__responsive-container-open {
    color: var(--wp--preset--color--white);
}

nav.rank-math-breadcrumb {
    color: var(--wp--preset--color--white);
}

.rank-math-breadcrumb p a:hover {
    text-decoration: underline;
}

.rank-math-breadcrumb p::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23ffffff" d="M341.8 72.6C329.5 61.2 310.5 61.2 298.3 72.6L74.3 280.6C64.7 289.6 61.5 303.5 66.3 315.7C71.1 327.9 82.8 336 96 336L112 336L112 512C112 547.3 140.7 576 176 576L464 576C499.3 576 528 547.3 528 512L528 336L544 336C557.2 336 569 327.9 573.8 315.7C578.6 303.5 575.4 289.5 565.8 280.6L341.8 72.6zM304 384L336 384C362.5 384 384 405.5 384 432L384 528L256 528L256 432C256 405.5 277.5 384 304 384z"/></svg>');
}

.meet-the-team-post-template {

    li:first-child .meet-the-team,
    li:nth-child(5) .meet-the-team,
    li:nth-child(9) .meet-the-team {
        background-color: var(--wp--preset--color--electric-blue) !important;
    }

    li:nth-child(2) .meet-the-team,
    li:nth-child(6) .meet-the-team,
    li:nth-child(10) .meet-the-team {
        background-color: var(--wp--preset--color--light-blue) !important;
    }

    li:nth-child(3) .meet-the-team,
    li:nth-child(7) .meet-the-team,
    li:nth-child(11) .meet-the-team {
        background-color: var(--wp--preset--color--green) !important;
    }

    li:nth-child(4) .meet-the-team,
    li:nth-child(8) .meet-the-team,
    li:nth-child(12) .meet-the-team {
        background-color: var(--wp--preset--color--dark-blue) !important;
        color: var(--wp--preset--color--white) !important;

        h4,
        span {
            color: var(--wp--preset--color--white) !important;
        }
    }
}

.m-0 button h3 {
    margin: 0px;
}

.wp-block-cs-core-ui-kit-tabbed-content-item h3 {
    z-index: 0 !important;
}

iframe,
video {
    border-radius: 10px;
}

.wp-block-cs-core-ui-kit-display-acf ul li {
    list-style-type: disc;
}

.text-center {
    text-align: center !important;
}

.wp-block-cs-core-ui-kit-term-links {
    width: fit-content !important;
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
    height: 24px !important;
    width: 24px !important;
}

a.wp-block-read-more::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%232171b8" d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
    background-repeat: no-repeat;
    background-position: center bottom;
    content: '';
    padding-right: 1rem;
}

a.wp-block-read-more:hover {
    &::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
    }
}

footer.wp-block-template-part .wp-block-cs-core-ui-kit-button-popup {
    margin-block-start: 0 !important;
}

footer.wp-block-template-part .popup-trigger-button {
    padding: 0 !important;
    background: none !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-align: left !important;
}

@media (max-width: 768px) {
    .wp-block-button {
        width: 100%;
    }

    .wp-block-cs-core-ui-kit-button-popup {
        width: 100%;
    }

    button.popup-trigger-button.wp-block-button__link.wp-element-button {
        width: 100%;
    }
}


.announcement-bar-group {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.announcement-bar {
    display: inline-block;
    padding-left: 100%;
    animation: announcement-scroll 30s linear infinite;
    will-change: transform;

    &:hover {
        animation-play-state: paused;
    }
}

.announcement-bar:after {
    content: attr(data-text);
    padding-left: 2rem;
}

@keyframes announcement-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.facetwp-facet.facetwp-facet-membership_categories.facetwp-type-radio {
    display: flex;
    flex-direction: row;
    gap: 10px;

    &span.facetwp-counter {
        display: none;
    }
}

.facetwp-facet.facetwp-facet-treatment_categories.facetwp-type-radio {
    display: flex;
    gap: 5px;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
}

.facetwp-facet-treatment_categories .facetwp-counter {
    display: none;
}


.facetwp-dropdown {
    width: 100%;
    appearance: none;
    padding: 10px 15px;
    border-radius: 20px;
    background: var(--wp--preset--color--light-opaque-blue);
    border: none;
    font-size: var(--wp--preset--font--size--standard);
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 3.75L5 6.25L7.5 3.75" stroke="%231E1E1E" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position-x: 95%;
    background-position-y: center;
    background-repeat: no-repeat;
}

.facetwp-facet-membership_categories span.facetwp-counter {
    display: none;
}




@media (max-width:1024px) {
    .burger.burger-slip.open .burger-lines {
        transform: translateX(-2em);
        background-color: transparent !important;
    }

    .burger .burger-lines,
    .burger .burger-lines::after,
    .burger .burger-lines::before {
        background-color: white !important;
    }

    .mobile-menu-template-holder>.wp-block-group {
        height: 100%;
    }

    .mobile-menu-template-holder .wp-block-navigation li {
        margin-bottom: 1rem;
    }

    .mobile-menu-item .menu-panel a {
        text-decoration: none !important;
    }

    .mobile-menu-item .menu-panel a::after {
        /* content: url('data:image/svg+xml,<svg class="icon-chevron-down" width="19" height="10" viewBox="0 0 19 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.721973 4.2H15.842L14.092 1.75C14.197 1.05 14.477 0.594999 15.002 0.56H15.177C15.387 0.56 15.597 0.594999 15.842 0.699999L18.992 5.25L15.842 9.8C15.562 9.87 15.317 9.905 15.107 9.905C14.512 9.905 14.232 9.59 14.092 8.75L15.842 6.3H0.721973C0.301973 6.09 0.0219727 5.67 0.0219727 5.32C0.0219727 5.285 0.0219727 5.285 0.0219727 5.25C0.0219727 5.215 0.0219727 5.215 0.0219727 5.18C0.0219727 4.83 0.231973 4.445 0.721973 4.2Z" fill="%23131313"></path></svg>');
        */
        content: '';
        opacity: 0;
        transition: all 0.1s ease-in-out;
        width: 19px;
        height: 10px;
        display: inline-block;
        margin-left: 0.5rem;
    }

    .mobile-menu-item .menu-panel a:hover::after {
        opacity: 1;
        transform: translateX(0.5rem);
    }

    .menu-panel {
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
    }

    .mobile-menu-item.open .menu-panel {
        /* JS will set height dynamically, so no static height here */
    }

    .mobile-menu-item .menu-header .menu-link a,
    .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        transition: all 0.1s ease-in-out;
    }

    .mobile-menu-wrapper {
        position: fixed;
        /* stay in place on screen */
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        /* your menu background */
        z-index: 9999;
        overflow-y: auto;
        /* scroll inside menu */
        -webkit-overflow-scrolling: touch;
        /* smooth iOS scroll */
        display: none;
        /* hidden by default */
    }

    /* Show menu when open */
    .mobile-menu-wrapper.open {
        display: block;
    }

    /* Optional: ensure accordion panels don’t cut content */
    .mobile-menu-wrapper .menu-panel {
        overflow: visible;
    }

    .mobile-menu-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        overflow-y: auto;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }


    /* Optional spacing for social icons at the bottom */
    .mobile-menu-wrapper .wp-block-social-links {
        margin-bottom: 20px;
    }


    .mobile-menu-template-holder .mobile-menu-item .menu-header .menu-link a:hover,
    .mobile-menu-template-holder .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
        color: var(--wp--preset--color--black);
        margin-left: 0.5rem;
    }

    .tablet-flex-row {
        flex-direction: row !important;
    }

    .mobile-menu-template-holder {
        background: var(--wp--preset--color--white);
        margin-block-start: 0 !important;
    }

    .wp-block-cs-premium-ui-kit-mobile-menu-item .menu-link a {
        text-decoration: none !important;
    }

    .mobile-menu-template-holder .menu-panel nav,
    .mobile-menu-heading {
        margin-top: 1rem;
        padding-left: 1rem;
    }

    .mobile-menu-heading {
        margin-top: 1rem;
        padding-left: 1rem;
    }

    .mobile-nav-see-all {
        padding-left: 1rem;
    }

    .mobile-menu-item .menu-toggle svg {
        display: none !important;
    }

    .mobile-menu-item .menu-header {
        display: flex;
        align-items: center;
    }

    .mobile-menu-item {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .mobile-menu-item .menu-toggle::before {
        content: '';
        background: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67886 0.0122638C1.96492 0.0123205 2.23925 0.117503 2.4415 0.304676L5.99365 3.59106L9.5458 0.304676C9.64531 0.209357 9.76433 0.133327 9.89594 0.0810237C10.0275 0.0287199 10.1691 0.00118923 10.3123 3.76701e-05C10.4555 -0.00111389 10.5976 0.0241375 10.7302 0.0743175C10.8627 0.124497 10.9832 0.198601 11.0844 0.292305C11.1857 0.38601 11.2658 0.497437 11.3201 0.620087C11.3743 0.742736 11.4016 0.874151 11.4003 1.00666C11.3991 1.13918 11.3693 1.27013 11.3128 1.39189C11.2563 1.51365 11.1741 1.62377 11.0711 1.71584L6.75629 5.7078C6.554 5.8949 6.27968 6 5.99365 6C5.70762 6 5.4333 5.8949 5.23101 5.7078L0.916219 1.71584C0.765407 1.57626 0.662708 1.39846 0.621106 1.2049C0.579503 1.01133 0.600865 0.810703 0.68249 0.62837C0.764115 0.446037 0.902339 0.290187 1.07969 0.180523C1.25704 0.0708599 1.46555 0.0123057 1.67886 0.0122638Z" fill="%23111928"/></svg>');
        width: 12px;
        height: 6px;
        display: block;
    }

    .wp-block-cs-premium-ui-kit-mobile-menu-item .menu-toggle {
        transition: all 0.2s ease-in-out;
        transform: rotate(0deg);
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wp-block-cs-premium-ui-kit-mobile-menu-item.open .menu-toggle {
        transform: rotate(180deg);
    }

    .mobile-menu-template-holder.wp-block-template-part {
        top: 134px !important;
        z-index: 6;
        height: 100% !important;
    }
}

.join_link a {

    &:hover {
        color: var(--wp--preset--color--charcoal) !important;
    }

    &::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%232171b8" d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
        background-repeat: no-repeat;
        background-position: center bottom;
        content: '';
        padding-right: 1rem;
    }
}

.join_link a:hover {
    &::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
    }
}

ul.locations-categories {
    display: flex;
    justify-content: center;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    background-color: inherit;
    border-color: inherit;
}


/* Hide ACF Cog on Fields interface in posts/pages */
#editor .postbox>.postbox-header .handle-actions .acf-hndle-cog {
    display: none;
}

.timetables iframe {
    padding: 0px !important;
    border: none;
}