/*
 * VOKK HEADER C — PREMIUM
 * Desktop only
 */

@media screen and (min-width: 969px) {

body.pb-header-variant-c .vokk-header {
    background:
        linear-gradient(
            180deg,
            color-mix(
                in srgb,
                var(--pb-header-bg) 96%,
                transparent
            ) 0%,
            color-mix(
                in srgb,
                var(--pb-header-bg) 86%,
                transparent
            ) 100%
        ) !important;

    border-bottom:
        1px solid
        color-mix(
            in srgb,
            var(--vokk-primary) 24%,
            rgba(255,255,255,.04)
        ) !important;

    box-shadow:
        0 8px 32px
        rgba(0,0,0,.10) !important;

    backdrop-filter:
        blur(16px) !important;

    -webkit-backdrop-filter:
        blur(16px) !important;
}


body.pb-header-variant-c .vokk-header-inner {
    max-width: 1420px !important;

    min-height: 90px !important;
}


body.pb-header-variant-c .vokk-nav ul {
    gap: 34px !important;
}


body.pb-header-variant-c .vokk-nav a {
    position: relative !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


body.pb-header-variant-c .vokk-nav a::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 100% !important;
    bottom: -10px !important;

    height: 2px !important;

    background:
        var(--vokk-primary) !important;

    transition:
        right .2s ease !important;
}


body.pb-header-variant-c .vokk-nav a:hover::after,
body.pb-header-variant-c .vokk-nav a:focus::after,
body.pb-header-variant-c .vokk-nav a.active::after {
    right: 0 !important;
}


body.pb-header-variant-c .vokk-cta {
    min-height: 48px !important;

    padding:
        0 22px !important;

    border-radius: 8px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--vokk-primary-light) 34%,
            transparent
        ) !important;

    box-shadow:
        0 12px 30px
        color-mix(
            in srgb,
            var(--vokk-primary) 18%,
            transparent
        ) !important;
}

}