/* Common */

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    text-wrap: pretty;
}

@media screen and (max-width: 64rem) {
    body {
        --wp--style--root--padding-left: var(--wp--preset--spacing--50);
        --wp--style--root--padding-right: var(--wp--preset--spacing--50);
    }
}

@media screen and (max-width: 768px) {
    body {
        --wp--preset--font-size--medium: 0.875rem;
        --wp--preset--font-size--large: 1.125rem;
        --wp--preset--font-size--x-large: 1.5rem;
        --wp--preset--font-size--xx-large: 1.75rem;
        --wp--preset--font-size--xxx-large: 2rem;
        --wp--preset--font-size--4-x-large: 2.5rem;
    }
}

/* Helpers */

.hide {
    display: none;
}

/* Template parts */

header .custom-logo {
    transition: filter 0.25s ease;
}

footer .custom-logo,
.page-template-template-contact header .custom-logo,
.transparent-sticky-menu:not(.js-scrolled) header .custom-logo {
    filter: invert(1) brightness(1);
}

/* Blocks */

.is-style-fixed-position {
    transition: background-color 0.25s ease-out;
}

.js-scrolled .is-style-fixed-position {
    background: var(--wp--preset--color--primary);
}

/* Buttons */

:root :where(.wp-element-button, .wp-block-button__link) {
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;

    &:hover,
    &:focus {
        background-color: var(--wp--preset--color--dark) !important;
        border-color: var(--wp--preset--color--dark) !important;
        color: var(--wp--preset--color--base) !important;
    }
}

/* Navigation Block */

.wp-block-navigation__responsive-container.has-modal-open {
    padding-inline-end: var(--wp--style--root--padding-right);
    padding-inline-start: var(--wp--style--root--padding-left);
}

.home-nav .wp-block-navigation-item__label {
    font-size: 0;
    opacity: 0;
}

.wp-block-navigation__responsive-container-close {
    top: 28px;
}

.wp-block-navigation__responsive-container.is-menu-open {
    z-index: 100;
}

.wp-block-navigation:not(.is-responsive) .wp-block-navigation__submenu-container {
    border: none;
    gap: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.wp-block-navigation .wp-block-navigation-item__content {
    text-underline-offset: 3px;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor.wp-block-navigation-item__content {
    color: var(--wp--preset--color--contrast);
    text-decoration: underline;
    text-decoration-color: var(--wp--preset--color--dark);
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    display: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon::after {
    background-color: currentcolor;
    content: '';
    display: block;
    height: 0.5em;
    mask-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.60355 3.99607L1.03751 1.42857C1.00223 1.39316 0.974382 1.35357 0.953965 1.30982C0.933548 1.26621 0.92334 1.22232 0.92334 1.17816C0.92334 1.08996 0.954034 1.01337 1.01542 0.948366C1.07681 0.883504 1.15772 0.851074 1.25813 0.851074H6.66522C6.76563 0.851074 6.84653 0.884963 6.90792 0.952741C6.96931 1.02038 7.00001 1.09934 7.00001 1.18962C7.00001 1.20114 6.96188 1.28059 6.88563 1.42795L4.3198 3.99607C4.27341 4.0426 4.21799 4.07975 4.15355 4.10753C4.0891 4.13531 4.02515 4.1492 3.96167 4.1492C3.8982 4.1492 3.83424 4.13531 3.7698 4.10753C3.70535 4.07975 3.64994 4.0426 3.60355 3.99607Z' fill='%23153E69'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transform: scaleY(1);
    transition: transform 0.3s ease;
    width: 0.5em;
}

.wp-block-navigation .wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon::after,
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded=true]::after {
    transform: scaleY(-1);
}

@media screen and (min-width: 992px) {
    header.wp-block-template-part .wp-block-navigation-item.has-child > a::after {
        content: '';
        display: block;
        height: 2rem;
        position: absolute;
        width: 100%;
    }

    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click, .open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
        top: calc(100% + 2rem);
    }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(85px + 2rem);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    gap: 0 1rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    gap: 1.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.1s linear;
    visibility: hidden;
    width: 100%;
}

.wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle {
    align-items: center;
    display: flex;
    gap: 0.5rem;

    &::after {
        background-color: currentcolor;
        content: '';
        display: block;
        height: 0.5em;
        mask-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.60355 3.99607L1.03751 1.42857C1.00223 1.39316 0.974382 1.35357 0.953965 1.30982C0.933548 1.26621 0.92334 1.22232 0.92334 1.17816C0.92334 1.08996 0.954034 1.01337 1.01542 0.948366C1.07681 0.883504 1.15772 0.851074 1.25813 0.851074H6.66522C6.76563 0.851074 6.84653 0.884963 6.90792 0.952741C6.96931 1.02038 7.00001 1.09934 7.00001 1.18962C7.00001 1.20114 6.96188 1.28059 6.88563 1.42795L4.3198 3.99607C4.27341 4.0426 4.21799 4.07975 4.15355 4.10753C4.0891 4.13531 4.02515 4.1492 3.96167 4.1492C3.8982 4.1492 3.83424 4.13531 3.7698 4.10753C3.70535 4.07975 3.64994 4.0426 3.60355 3.99607Z' fill='%23153E69'/%3E%3C/svg%3E");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        width: 0.5em;
    }

    &[aria-expanded=true]::after {
        scale: -1;
    }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded=true] + span + .wp-block-navigation__submenu-container {
    height: auto;
    opacity: 1;
    overflow: visible;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    position: unset;
    visibility: visible;
}

/* Transparent Header Navigation Block */

.transparent-sticky-menu .sticky-header {
    position: fixed;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
    width: 100%;
}

header.wp-block-template-part .wp-block-site-logo {
    position: relative;
    z-index: 110;
}

.transparent-sticky-menu:not(.js-scrolled) .sticky-header {
    background-color: transparent !important;
    color: white;

    & .wp-block-navigation:not(.is-responsive) {
        color: var(--wp--preset--color--base) !important;
    }

    & .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open {
        color: var(--wp--preset--color--base) !important;
    }

    & .wp-block-site-logo {
        filter: brightness(10);
    }
}

.is-style-fixed-position .wp-block-navigation .wp-block-navigation-item__content:hover,
.is-style-fixed-position .wp-block-navigation .current-menu-item .wp-block-navigation-item__content,
.is-style-fixed-position .wp-block-navigation .current-menu-ancestor.wp-block-navigation-item__content {
    text-decoration-color: currentcolor;
}

.is-style-fixed-position .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--primary);
}

/* Custom Block: Custom Text */

.wp-block-custom-text-icon {
    display: inline-block;
    height: auto;
    margin-inline-end: 0.75em;
    width: 0.875em;
}

[class^=icn-],
[class*=icn-] {
    & > a {
        align-items: center;
        display: flex;
        gap: 0.5rem;
    }
}

[class^=icn-] > a::before,
[class*=icn-] > a::before {
    background-color: currentcolor;
    content: '';
    display: inline-block;
    height: 1em;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1em;
}

.icn-bed > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 12.5001V7.00007C0.5 6.62707 0.5885 6.26524 0.7655 5.91457C0.942333 5.5639 1.18717 5.27574 1.5 5.05007V2.50007C1.5 1.8014 1.742 1.21007 2.226 0.726069C2.71 0.242069 3.30133 6.91414e-05 4 6.91414e-05H8.25C8.61417 6.91414e-05 9.25 0.000156671 9.25 0.000156671C9.5 0 10 0 10 0L11 4.32357e-05C11 4.32357e-05 11.3858 6.91414e-05 11.75 6.91414e-05H16C16.6987 6.91414e-05 17.29 0.242069 17.774 0.726069C18.258 1.21007 18.5 1.8014 18.5 2.50007V5.05007C18.8128 5.27574 19.0577 5.5639 19.2345 5.91457C19.4115 6.26524 19.5 6.62707 19.5 7.00007V12.5001H18V10.5001H2V12.5001H0.5ZM10 4.50007H17V2.50007C17 2.21674 16.9042 1.97924 16.7125 1.78757C16.5208 1.5959 16.2833 1.50007 16 1.50007H11.75C11.4667 1.50007 11 1.5 11 1.5H10.5H10V4.50007ZM3 4.50007H10V1.5H9.5H9C9 1.5 8.53333 1.50007 8.25 1.50007H4C3.71667 1.50007 3.47917 1.5959 3.2875 1.78757C3.09583 1.97924 3 2.21674 3 2.50007V4.50007ZM2 9.00007H18V7.00007C18 6.71674 17.9042 6.47924 17.7125 6.28757C17.5208 6.0959 17.2833 6.00007 17 6.00007H3C2.71667 6.00007 2.47917 6.0959 2.2875 6.28757C2.09583 6.47924 2 6.71674 2 7.00007V9.00007Z' fill='%2354555D'/%3E%3C/svg%3E%0A");
}

.icn-bed-2 > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 12.5V7C0.5 6.627 0.5885 6.26517 0.7655 5.9145C0.942333 5.56383 1.18717 5.27567 1.5 5.05V2.5C1.5 1.80133 1.742 1.21 2.226 0.725999C2.71 0.241999 3.30133 0 4 0H8.25C8.61417 0 8.94042 0.0708333 9.22875 0.2125C9.51725 0.354167 9.77433 0.55 10 0.8C10.2257 0.55 10.4827 0.354167 10.7713 0.2125C11.0596 0.0708333 11.3858 0 11.75 0H16C16.6987 0 17.29 0.241999 17.774 0.725999C18.258 1.21 18.5 1.80133 18.5 2.5V5.05C18.8128 5.27567 19.0577 5.56383 19.2345 5.9145C19.4115 6.26517 19.5 6.627 19.5 7V12.5H18V10.5H2V12.5H0.5ZM10.75 4.5H17V2.5C17 2.21667 16.9042 1.97917 16.7125 1.7875C16.5208 1.59583 16.2833 1.5 16 1.5H11.75C11.4667 1.5 11.2292 1.59583 11.0375 1.7875C10.8458 1.97917 10.75 2.21667 10.75 2.5V4.5ZM3 4.5H9.25V2.5C9.25 2.21667 9.15417 1.97917 8.9625 1.7875C8.77083 1.59583 8.53333 1.5 8.25 1.5H4C3.71667 1.5 3.47917 1.59583 3.2875 1.7875C3.09583 1.97917 3 2.21667 3 2.5V4.5ZM2 9H18V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H3C2.71667 6 2.47917 6.09583 2.2875 6.2875C2.09583 6.47917 2 6.71667 2 7V9Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-studio > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 17.5771V4.07715H4.25V0.0771484H13.75V8.07715H17.75V17.5771H12.25V13.5771H5.75V17.5771H0.25ZM1.75 16.0771H4.25V13.5771H1.75V16.0771ZM1.75 12.0771H4.25V9.57715H1.75V12.0771ZM1.75 8.07715H4.25V5.57715H1.75V8.07715ZM5.75 12.0771H8.25V9.57715H5.75V12.0771ZM5.75 8.07715H8.25V5.57715H5.75V8.07715ZM5.75 4.07715H8.25V1.57715H5.75V4.07715ZM9.75 12.0771H12.25V9.57715H9.75V12.0771ZM9.75 8.07715H12.25V5.57715H9.75V8.07715ZM9.75 4.07715H12.25V1.57715H9.75V4.07715ZM13.75 16.0771H16.25V13.5771H13.75V16.0771ZM13.75 12.0771H16.25V9.57715H13.75V12.0771Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-custom > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9992 12.3849V5.6349L12.7492 1.96165L7.49917 5.6349V7.7309H5.99917V4.8944L12.7492 0.0771484L19.4992 4.8944V12.3849H17.9992ZM13.2972 6.2214H14.2012V5.3174H12.2012V6.2214H13.2972ZM11.2972 7.3174H12.2012V5.3174H11.2972V7.3174ZM13.2972 8.2214H14.2012V6.2214H13.2972V8.2214ZM11.2972 8.2214H13.2972V7.3174H11.2972V8.2214ZM5.70117 16.5771L12.9587 18.6309L18.9279 16.7809C18.8768 16.5541 18.771 16.3801 18.6107 16.2589C18.4503 16.1377 18.2689 16.0771 18.0664 16.0771H13.1692C12.7328 16.0771 12.3621 16.0605 12.0569 16.0271C11.7518 15.9938 11.4383 15.9207 11.1164 15.8079L8.85892 15.0616L9.30292 13.5924L11.3279 14.2964C11.6306 14.3989 11.98 14.4687 12.3762 14.5059C12.7723 14.5431 13.3358 14.5668 14.0664 14.5771C14.0664 14.3296 14.0107 14.1161 13.8992 13.9366C13.7877 13.7571 13.6408 13.636 13.4587 13.5731L7.65692 11.4424C7.63759 11.4361 7.61992 11.4313 7.60392 11.4281C7.58792 11.4248 7.57034 11.4231 7.55117 11.4231H5.70117V16.5771ZM0.701172 19.5001V9.9234H7.53967C7.64467 9.9234 7.75101 9.9349 7.85867 9.9579C7.96651 9.98106 8.0665 10.008 8.15867 10.0386L13.9857 12.1849C14.4395 12.3527 14.8164 12.6498 15.1164 13.0761C15.4164 13.5025 15.5664 14.0028 15.5664 14.5771H18.0664C18.7844 14.5771 19.3693 14.8089 19.8212 15.2724C20.2732 15.7357 20.4992 16.3373 20.4992 17.0771V17.8846L13.0087 20.2116L5.70117 18.1271V19.5001H0.701172ZM2.20117 18.0001H4.20117V11.4231H2.20117V18.0001Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-home > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84668 15.5H5.19293V10.4615C5.19293 10.2055 5.27951 9.99084 5.45268 9.81751C5.62601 9.64434 5.84068 9.55776 6.09668 9.55776H9.59668C9.85268 9.55776 10.0673 9.64434 10.2407 9.81751C10.4138 9.99084 10.5004 10.2055 10.5004 10.4615V15.5H13.8467V6.65376C13.8467 6.60259 13.8354 6.55617 13.8129 6.51451C13.7906 6.47284 13.7602 6.43592 13.7217 6.40376L8.02943 2.125C7.9781 2.08017 7.91718 2.05775 7.84668 2.05775C7.77618 2.05775 7.71526 2.08017 7.66393 2.125L1.97168 6.40376C1.93318 6.43592 1.90276 6.47284 1.88043 6.51451C1.85793 6.55617 1.84668 6.60259 1.84668 6.65376V15.5ZM0.34668 15.5V6.65376C0.34668 6.36759 0.41068 6.09651 0.53868 5.84051C0.666846 5.58434 0.843846 5.37342 1.06968 5.20776L6.76218 0.919255C7.07801 0.678255 7.43901 0.557755 7.84518 0.557755C8.25135 0.557755 8.61335 0.678255 8.93118 0.919255L14.6237 5.20776C14.8495 5.37342 15.0265 5.58434 15.1547 5.84051C15.2827 6.09651 15.3467 6.36759 15.3467 6.65376V15.5C15.3467 15.909 15.1989 16.2613 14.9034 16.5568C14.6079 16.8523 14.2557 17 13.8467 17H9.90443C9.64826 17 9.4336 16.9133 9.26043 16.74C9.0871 16.5668 9.00043 16.3522 9.00043 16.096V11.0578H6.69293V16.096C6.69293 16.3522 6.60626 16.5668 6.43293 16.74C6.25976 16.9133 6.0451 17 5.78893 17H1.84668C1.43768 17 1.08543 16.8523 0.78993 16.5568C0.49443 16.2613 0.34668 15.909 0.34668 15.5Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-health > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 13.5H9.5V11H12V8H9.5V5.5H6.5V8H4V11H6.5V13.5ZM8 20C5.68333 19.4167 3.77083 18.0875 2.2625 16.0125C0.754167 13.9375 0 11.6333 0 9.1V3L8 0L16 3V9.1C16 11.6333 15.2458 13.9375 13.7375 16.0125C12.2292 18.0875 10.3167 19.4167 8 20ZM8 17.9C9.73333 17.35 11.1667 16.25 12.3 14.6C13.4333 12.95 14 11.1167 14 9.1V4.375L8 2.125L2 4.375V9.1C2 11.1167 2.56667 12.95 3.7 14.6C4.83333 16.25 6.26667 17.35 8 17.9Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-mining > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16V6L6 0L12 6V16H0ZM2 14H5V11H7V14H10V6.825L6 2.825L2 6.825V14ZM5 9V7H7V9H5ZM14 16V5.175L8.825 0H11.65L16 4.35V16H14ZM18 16V3.525L14.475 0H17.3L20 2.7V16H18Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.icn-recreation > a::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 18V16.2H6.125V12.6H4.375C3.16458 12.6 2.13281 12.1613 1.27969 11.2838C0.426562 10.4062 0 9.345 0 8.1C0 7.2 0.240625 6.37125 0.721875 5.61375C1.20312 4.85625 1.85208 4.305 2.66875 3.96C2.8 2.835 3.2776 1.89375 4.10156 1.13625C4.92552 0.37875 5.89167 0 7 0C8.10833 0 9.07448 0.37875 9.89844 1.13625C10.7224 1.89375 11.2 2.835 11.3313 3.96C12.1479 4.305 12.7969 4.85625 13.2781 5.61375C13.7594 6.37125 14 7.2 14 8.1C14 9.345 13.5734 10.4062 12.7203 11.2838C11.8672 12.1613 10.8354 12.6 9.625 12.6H7.875V16.2H13.125V18H0.875ZM4.375 10.8H9.625C10.3542 10.8 10.974 10.5375 11.4844 10.0125C11.9948 9.4875 12.25 8.85 12.25 8.1C12.25 7.56 12.1005 7.065 11.8016 6.615C11.5026 6.165 11.1125 5.835 10.6312 5.625L9.7125 5.22L9.58125 4.185C9.49375 3.51 9.20573 2.94375 8.71719 2.48625C8.22865 2.02875 7.65625 1.8 7 1.8C6.34375 1.8 5.77135 2.02875 5.28281 2.48625C4.79427 2.94375 4.50625 3.51 4.41875 4.185L4.2875 5.22L3.36875 5.625C2.8875 5.835 2.4974 6.165 2.19844 6.615C1.89948 7.065 1.75 7.56 1.75 8.1C1.75 8.85 2.00521 9.4875 2.51562 10.0125C3.02604 10.5375 3.64583 10.8 4.375 10.8Z' fill='%2354555D'/%3E%3C/svg%3E");
}

.wp-block-custom-text--center {
    align-items: center;
    display: flex;
}

.wp-block-custom-text-area {
    display: inline-block;
}

/* Block: Pullquote */

.wp-block-pullquote.has-background {
    position: relative;
}

.wp-block-pullquote.has-background > blockquote {
    position: relative;
    z-index: 1;
}

.wp-block-pullquote.has-background::before,
.wp-block-pullquote.has-background::after {
    aspect-ratio: 2/1;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: auto;
    position: absolute;
    width: 25%;
}

.wp-block-pullquote.has-background::before {
    background-image: url('../assets/icons/quote-top.png');
    background-position: top left;
    left: 0;
    top: 0;
}

.wp-block-pullquote.has-background::after {
    background-image: url('../assets/icons/quote-bottom.png');
    background-position: bottom right;
    bottom: 0;
    right: 0;
}

/* Block: Splide Carousel */

.wp-block-splide-carousel .splide__arrow {
    background-color: transparent;
}

.splide__arrow[disabled],
.splide__arrow[disabled]::after {
    opacity: 0 !important;
}

.wp-block-splide-carousel .splide__arrow::after {
    background-color: currentcolor;
    content: '';
    height: 2px;
    position: absolute;
    transform: translateY(-12.5%);
    transition: opacity 0.125s ease-out;
    width: 1.125em;
}

.wp-block-splide-carousel .splide__arrow.splide__arrow--prev::after {
    left: 40%;
}

.wp-block-splide-carousel .splide__arrow.splide__arrow--next::after {
    right: 40%;
}

/* Splide Carousel Classes */

.wp-block-splide-carousel__container.slider-arrows--outside .splide__arrow--prev {
    left: unset;
    right: 100%;
    right: calc(100% - 0.25rem);
}

.wp-block-splide-carousel__container.slider-arrows--outside .splide__arrow--next {
    left: 100%;
    left: calc(100% - 0.25rem);
    right: unset;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
    .slider-arrows--hide-medium .splide__arrow {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .slider-arrows--hide-large .splide__arrow {
        display: none;
    }
}

/* Component: Accordion */

.accordion__overlay-wrapper {
    position: relative;
}

.accordion__overlay-wrapper > .accordion__wrapper {
    box-sizing: border-box;
    padding: 2rem var(--wp--style--root--padding-right);
    width: 100%;
}

.accordion__background {
    margin: 0;
}

.accordion__background,
.accordion__background-image {
    aspect-ratio: inherit;
    height: 100%;
    min-height: inherit;
    width: 100%;
}

.accordion__background-image {
    height: auto;
    object-fit: cover;
}

.accordion__background-image[aria-hidden=true] {
    display: none;
}

@media screen and (min-width: 64rem) {
    .accordion__overlay-wrapper {
        overflow: hidden;
    }

    .accordion__overlay-wrapper > .accordion__wrapper {
        bottom: 0;
        left: 0;
        max-height: 100%;
        max-width: 32rem;
        overflow-y: auto;
        padding: 3.125rem 2.5rem;
        position: absolute;
    }

    .alignfull.accordion__overlay-wrapper > .accordion__wrapper {
        padding: 3.125rem var(--wp--style--root--padding-right);
    }

    .accordion__background-image {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: opacity 0.25s ease-out;
        width: 100%;
    }

    .accordion__background-image[aria-hidden=true] {
        display: block;
        opacity: 0 !important;
    }
}

@media screen and (max-width: 63.99rem) {
    .accordion__overlay-wrapper.has-aspect-ratio {
        aspect-ratio: unset !important;
    }
}

.accordion__content-wrapper {
    border-top: 0.5px solid currentcolor;
    transition: background-color 0.25s ease-out;
}

.accordion__content-wrapper:first-child {
    border-top: none;
}

.accordion__content-wrapper:not([open]):focus,
.accordion__content-wrapper:not([open]):hover {
    background-color: var(--wp--preset--color--neutral-500);
}

.accordion__title {
    font-size: 1.125rem;
    font-weight: 500;
    list-style: none;
    padding-block-end: 2.5em;
    padding-block-start: 0.5em;
    padding-inline-end: 1rem;
    position: relative;
    text-transform: uppercase;
}

.accordion__title::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0.5em;
}

.accordion__content-wrapper:not([open]) .accordion__title {
    cursor: pointer;
}

.accordion__content-wrapper[open] .accordion__title {
    padding: 0.5625rem 0 0.75rem;
}

.accordion__content-wrapper[open] .accordion__title::after {
    content: '';
}

.accordion__content {
    font-weight: 300;
    letter-spacing: 0.32px;
    line-height: 1.5;
    margin: 0;
    padding: 0.5rem 0 1.5rem;
    white-space: pre-line;
}

.accordion__title::-webkit-details-marker {
    display: none;
}

.accordion__link {
    border: 1px solid currentcolor;
    border-radius: 2.6rem;
    display: inline-block;
    padding: 0.7rem 1.25rem;
    text-decoration-color: transparent;
    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;

    &:hover,
    &:focus {
        background-color: var(--wp--preset--color--dark);
        border-color: var(--wp--preset--color--dark);
        color: var(--wp--preset--color--base);
    }
}

.accordion__link-wrapper {
    padding-block-end: 1.25rem;
}

.accordion__button-text {
    font-weight: 300;
}

/* Read More Hover style */
.wp-block-read-more {
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease;

    &:hover,
    &:focus {
        background-color: var(--wp--preset--color--dark);
        color: var(--wp--preset--color--base) !important;
    }
}