/* global */

body,
html {
    scroll-padding-top: calc(
        6rem + var(--wp-admin--admin-bar--height, 0rem) + 1rem
    ) !important;
    scroll-behavior: smooth;
}

#mc_embed_signup {
    background: transparent !important;
}

.query-slider {
    position: relative;
}

.wp-block-search .wp-block-search__input {
    margin-bottom: 3px;
    max-height: 2rem;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.has-white-color
    a:where(:not(.wp-element-button, .wp-block-klingit-the-product-logo)) {
    --accent-text: var(--wp--preset--color--white);
}

a.wp-block-read-more.has-white-color {
    --accent-text: var(--wp--preset--color--white);
}

.entry-content .is-position-sticky {
    top: calc(8rem + var(--wp-admin--admin-bar--height, 0px));
    z-index: 5;
}

.wp-block-klingit-the-product-columns {
    width: 100%;
}

.wp-block-post-featured-image {
    max-width: 100%;
}

:root p :where(a:where(:not(.wp-element-button))) {
    text-decoration: underline;
}

/* header */

.is-position-sticky:not(
        .is-position-sticky:has(header),
        .is-position-sticky:has(footer)
    ) {
    top: calc(
        5.75rem + var(--wp-admin--admin-bar--height, 0rem) + 1rem
    ) !important;
}

.current-menu-item {
    color: var(--wp--preset--color--primary) !important;
}

/* global */

.wp-site-blocks
    a:where(
        :not(
                .wp-element-button,
                .wp-block-klingit-the-product-load-more .wp-block-read-more,
                .wp-block-read-more,
                .is-light-accent,
                .block-editor-block-list__block a
            )
    ):focus-visible {
    border-radius: 12px;
}

/* query loop pagination */

.wp-block-query-pagination {
    width: fit-content;
    border-radius: 0.5rem;
    background: var(--wp--preset--color--neutral-100);
    padding: 0.25rem !important;
}

.wp-block-query-pagination-numbers {
    margin-bottom: 0 !important;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    color: var(--wp--preset--color--neutral-900) !important;
    padding: 0.75rem 2.25rem;
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover {
    color: var(--wp--preset--color--neutral-900) !important;
}

.wp-block-query-pagination .page-numbers {
    border: 1px solid transparent !important;
    padding: 0.75rem 0.875rem !important;
}

.wp-block-query-pagination .page-numbers:not(.current) {
    color: var(--wp--preset--color--neutral-900) !important;
}

.wp-block-query-pagination .page-numbers.current {
    border: 1px solid var(--wp--preset--color--neutral-500) !important;
    background-color: transparent !important;
    color: var(--wp--preset--color--neutral-900) !important;
}

@media (hover: hover) {
    .wp-block-query-pagination .page-numbers:not(.current):hover {
        /*border: 1px solid var(--wp--preset--color--neutral-500) !important;*/
        background-color: transparent !important;
        color: inherit !important;
    }
}

/* filter */

.wp-block-klingit-the-product-query-filter {
    background-color: transparent !important;
    border: 1px solid var(--wp--preset--color--neutral-900) !important;
    border-radius: 999px !important;
    padding: 0.75rem 3rem 0.75rem 1.5rem !important;
    justify-content: center;
}

.wp-block-klingit-the-product-query-filter .selected {
    color: var(--wp--preset--color--neutral-900) !important;
}

.wp-block-klingit-the-product-query-filter.is-active {
    border-radius: 999px !important;
}

.wp-block-klingit-the-product-query-filter::after {
    background-color: var(--wp--preset--color--neutral-900) !important;
}

.wp-block-klingit-the-product-query-filter ul {
    background-color: #f2f8f8 !important;
    border: none !important;
    transform: translateY(0.75rem);
    border-radius: 0.75rem !important;
    padding: 0.5rem 0 !important;
    min-width: 13.75rem;
    max-height: 14.75rem !important;
}

.wp-block-klingit-the-product-query-filter ul li {
    font-size: 1rem !important;
    color: var(--wp--preset--color--neutral-900) !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0 !important;
    text-overflow: initial !important;
    white-space: initial !important;
}

.wp-block-klingit-the-product-query-filter ul li.is-active {
    background-color: transparent !important;
}

.wp-block-klingit-the-product-query-filter ul li.is-active::after {
    right: 1rem !important;
}

@media (hover: hover) {
    .wp-block-klingit-the-product-query-filter ul li:hover {
        background-color: #dee9e5 !important;
    }
}

/* search */

.wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}

.wp-block-search .wp-block-search__inside-wrapper::before {
    display: block;
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9398 17.2693L24 22.3282L22.3282 24L17.2693 18.9398C15.3869 20.4488 13.0456 21.2696 10.6331 21.2661C4.76361 21.2661 0 16.5025 0 10.6331C0 4.76361 4.76361 0 10.6331 0C16.5025 0 21.2661 4.76361 21.2661 10.6331C21.2696 13.0456 20.4488 15.3869 18.9398 17.2693ZM16.5699 16.3926C18.0693 14.8507 18.9066 12.7838 18.9032 10.6331C18.9032 6.06439 15.2017 2.3629 10.6331 2.3629C6.06439 2.3629 2.3629 6.06439 2.3629 10.6331C2.3629 15.2017 6.06439 18.9032 10.6331 18.9032C12.7838 18.9066 14.8507 18.0693 16.3926 16.5699L16.5699 16.3926Z' fill='%23919292'/%3E%3C/svg%3E%0A");
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.wp-block-search .wp-block-search__input {
    border: none;
    padding: 0;
    padding-left: 2rem;
    font-size: 1.75rem;
    line-height: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.wp-block-search .wp-block-search__input:focus-visible {
    color: color-mix(
        in srgb,
        var(--wp--preset--color--primary),
        #000000 5%
    ) !important;
    outline: 3px solid
        color-mix(in srgb, var(--wp--preset--color--primary), #000000 15%);
    outline-offset: 5px;
    border-radius: 5px;
}

/* global */
/* @media (min-width: 120rem) {
    .wp-block-klingit-the-product-container {
        max-width: 100rem !important;
    }
} */

@media (hover: hover) {
    :root p :where(a:where(:not(.wp-element-button))):hover {
        text-decoration: none;
    }
}

@media (max-width: 48.873rem) {
    .wp-block-klingit-the-product-columns {
        gap: 1rem !important;
    }
}

/* post template */

.single-post .wp-element-caption {
    text-align: right;
    color: var(--wp--preset--color--neutral-600);
}

.single-post .wp-block-image.aligncenter:not(.wp-block-cover .wp-block-image) {
    margin-block: var(--wp--preset--spacing--xx-large);
}

@media (min-width: 63.98rem) {
    .single-post
        .wp-block-image.aligncenter:not(.wp-block-cover .wp-block-image) {
        margin-block: var(--wp--preset--spacing--xx-large);
        margin-inline: calc(
            var(--wp--preset--spacing--xx-large) * -1
        ) !important;
    }
}

/* border-radius fix for cover image on Safari */

.wp-block-cover .wp-block-cover__image-background {
    border-radius: inherit;
}

/* carousel */

.wp-site-blocks:has(.query-slider) {
    overflow-x: clip;
}

.query-slider .wp-block-query {
    overflow: visible !important;
}

.query-slider:has(.wp-block-post-template.is-style-slider)
    .query-slider-navigation {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    width: calc(100vw - 6rem);
    max-width: 78rem;
    pointer-events: none;
}

.query-slider:has(.wp-block-post-template.is-style-slider-offices)
    .query-slider-navigation {
    position: absolute;
    top: 250px;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    width: calc(100vw - 6rem);
    max-width: 78rem;
    pointer-events: none;
}

.query-slider:has(.wp-block-post-template.is-style-slider)
    .query-slider-navigation
    button,
.query-slider:has(.wp-block-post-template.is-style-slider-offices)
    .query-slider-navigation
    button {
    pointer-events: all;
}

.query-slider-navigation h2:empty {
    display: none;
}

.query-slider .query-slider-navigation > div {
    justify-content: space-between;
    width: 100%;
}

.query-slider .wp-block-query .splide__list {
    align-items: center;
}

.query-slider .is-offices li.wp-block-post .wp-block-post-featured-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.query-slider .is-offices li.wp-block-post .wp-block-post-featured-image,
.query-slider
    .is-insights
    li.wp-block-post
    > .wp-block-cover
    > .wp-block-cover__inner-container {
    height: calc(2.5 * var(--slide-size));
    transition: all ease 300ms;
}

.query-slider
    .is-offices
    li.wp-block-post
    .wp-block-post-featured-image
    + .wp-block-group,
.query-slider
    .is-insights
    li.wp-block-post
    > .wp-block-cover
    > .wp-block-cover__inner-container
    > * {
    opacity: 0;
    pointer-events: none;
    transition: opacity ease 300ms;
}

.query-slider .is-insights li.wp-block-post > .wp-block-cover {
    transition: all ease 300ms;
}

.query-slider.is-dragging
    .is-offices
    li.wp-block-post
    .wp-block-post-featured-image,
.query-slider.is-dragging .is-insights li.wp-block-post > .wp-block-cover {
    margin-top: calc(0.25 * var(--slide-size)) !important;
    margin-bottom: calc(
        0.25 * var(--slide-size) + var(--wp--preset--spacing--medium)
    ) !important;
}

.query-slider.is-dragging
    .is-offices
    li.wp-block-post
    .wp-block-post-featured-image,
.query-slider.is-dragging
    .is-insights
    li.wp-block-post
    > .wp-block-cover
    > .wp-block-cover__inner-container {
    height: calc(3 * var(--slide-size)) !important;
}

.query-slider
    .is-offices
    li.wp-block-post.is-active
    .wp-block-post-featured-image,
.query-slider
    .is-insights
    li.wp-block-post.is-active
    > .wp-block-cover
    > .wp-block-cover__inner-container {
    height: calc(3.5 * var(--slide-size));
}

.query-slider
    .is-offices
    li.wp-block-post.is-active
    .wp-block-post-featured-image {
    margin-bottom: var(--wp--preset--spacing--medium);
}

.query-slider
    .is-offices
    li.wp-block-post.is-active
    .wp-block-post-featured-image
    + .wp-block-group {
    margin-top: 0;
}

.query-slider.is-dragging
    .is-offices
    li.wp-block-post
    .wp-block-post-featured-image
    + .wp-block-group,
.query-slider
    .is-offices
    li.wp-block-post.is-active
    .wp-block-post-featured-image
    + .wp-block-group,
.query-slider.is-dragging
    .is-insights
    li.wp-block-post
    > .wp-block-cover
    > .wp-block-cover__inner-container
    > *,
.query-slider
    .is-insights
    li.wp-block-post.is-active
    > .wp-block-cover
    > .wp-block-cover__inner-container
    > * {
    opacity: 1;
    pointer-events: all;
}

.query-slider-navigation .wp-element-button {
    border-radius: 999px;
    background: #fff !important;
    color: var(--wp--preset--color--primary);
    --accent-background: #fff !important;
}

.query-slider-navigation .wp-element-button svg {
    width: 1.25rem;
    height: 1.25rem;
}

.wp-block-video video,
.klingit-the-product-video video {
    border-radius: 15px;
}

.klingit-the-product-video .klingit-the-product-video-play-button {
    background: center / 2rem no-repeat
        url("data:image/svg+xml,%3Csvg width='29' height='36' viewBox='0 0 29 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.20974 34.9462C2.52641 35.4017 1.83168 35.4245 1.12557 35.0145C0.419462 34.6045 0.0664062 33.9895 0.0664062 33.1695V2.41952C0.0664062 1.59952 0.419462 0.984519 1.12557 0.574519C1.83168 0.164519 2.52641 0.187297 3.20974 0.642852L27.3997 16.0862C28.0375 16.4962 28.3564 17.0656 28.3564 17.7945C28.3564 18.5234 28.0375 19.0929 27.3997 19.5029L3.20974 34.9462Z' fill='%23FBFEFD'/%3E%3C/svg%3E%0A") !important;
    min-width: 3rem;
    min-height: 3rem;
    border-radius: 0 !important;
}

.klingit-the-product-video .klingit-the-product-video-play-button .play-icon {
    display: none;
}

@media (max-width: 60rem) {
    .columns-5.wp-block-post-template {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.is-white-space-pre {
    white-space: pre;
}

.wp-block-separator {
    border-top-width: 1px !important;
}

@media (min-width: 77.48rem) {
    .wp-block-post-template.is-style-portfolio-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.post-template-default.single-post hr {
    margin: 96px 0;
    border-color: #0d1e24;
    opacity: 0.2;
}

.wp-block-cover.aligned-content-cover .wp-block-cover__inner-container {
    height: 50%;
}

@media screen and (max-width: 400px) {
    .wp-block-cover.aligned-content-cover .wp-block-cover__inner-container {
        height: 70%;
    }
}

li:not(.hide-featured)
    .wp-block-cover:has(.is-featured):not(:hover)
    .wp-block-cover__background {
    background-color: var(--wp--preset--color--neutral-100) !important;
}

li.hide-featured
    .wp-block-klingit-the-product-conditional-field-wrapper:has(
        > .is-featured
    ) {
    display: none;
}

.wp-block-post.type-portfolio .wp-block-image img {
    max-width: 140px;
}

@media (max-width: 600px) {
    .is-style-team-grid,
    .is-style-portfolio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .is-style-portfolio-grid .has-body-2-font-size {
        font-size: 11px !important;
    }

    .is-style-portfolio-grid .wp-block-post.type-portfolio .wp-block-image img {
        max-width: 96px !important;
    }
}

.archive.category .wp-block-klingit-the-product-query-loop-search,
.blog .wp-block-klingit-the-product-query-loop-search {
    border-radius: 10px !important;
    border-color: transparent !important;
    padding: 0.25rem 0.25rem 0.25rem 2rem !important;
    font-size: 1.5rem !important;
}

.archive.category .wp-block-klingit-the-product-query-loop-search::placeholder,
.blog .wp-block-klingit-the-product-query-loop-search::placeholder {
    color: #777 !important;
}

.archive.category
    .wp-block-group:has(> .wp-block-klingit-the-product-query-loop-search),
.blog .wp-block-group:has(> .wp-block-klingit-the-product-query-loop-search) {
    position: relative;
}

.archive.category
    .wp-block-group:has(
        > .wp-block-klingit-the-product-query-loop-search
    )::before,
.blog
    .wp-block-group:has(
        > .wp-block-klingit-the-product-query-loop-search
    )::before {
    display: block;
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    left: 0.125rem;
    background: center / contain no-repeat
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9398 17.2693L24 22.3282L22.3282 24L17.2693 18.9398C15.3869 20.4488 13.0456 21.2696 10.6331 21.2661C4.76361 21.2661 0 16.5025 0 10.6331C0 4.76361 4.76361 0 10.6331 0C16.5025 0 21.2661 4.76361 21.2661 10.6331C21.2696 13.0456 20.4488 15.3869 18.9398 17.2693ZM16.5699 16.3926C18.0693 14.8507 18.9066 12.7838 18.9032 10.6331C18.9032 6.06439 15.2017 2.3629 10.6331 2.3629C6.06439 2.3629 2.3629 6.06439 2.3629 10.6331C2.3629 15.2017 6.06439 18.9032 10.6331 18.9032C12.7838 18.9066 14.8507 18.0693 16.3926 16.5699L16.5699 16.3926Z' fill='%23919292'/%3E%3C/svg%3E%0A");
}