#site-header {
    /* Overriding logo col. settings for mid-range screens */
    @media screen and (min-width: 782px) and (max-width: 1079px) {
        /* Logo container */
        .d-grid div:has(> .logo:first-child) {
            grid-column: span 5 !important;
        }
        /* Cond. menu container */
        .d-grid div:has(> .logo:first-child) + .grid-col-3.grid-md-col-6 {
            grid-column: span 7 !important;
        }
        #header-menu-cond .menu-item {
            padding: 3px 6px 4px 6px !important;
            font-size: 12px !important;
        }
    }
    .logo svg {
        width: 100%;
        height: auto;
        aspect-ratio: 671/116
    }
    .logo .smaller-logo svg {
        height: 60px;
        width: fit-content;
    }
    #menu-toggle span {
        width: 100px;
    }
    @media screen and (max-width: 781px) {
        .logo .smaller-logo svg {
            height: 40px;
            width: auto;
        }
        #menu-toggle {
            height: 30px;
            span {
                width: 100%;
                border-width: 0.5px !important;
            }
        }
    }
    @media screen and (max-width: 479px) {
        .logo .smaller-logo svg {
            height: 30px;
            width: auto;
        }
        .logo-addtl {
            font-size: 2rem !important;
        }
    }
    #header-menu-full-inner {
        ul.menu {
            li.menu-item {
                font-family: 'Aktiv Extended', sans-serif;
                font-weight: 100;
                line-height: 1;
                text-transform: uppercase;
                font-size: 2.625rem;
                ul.sub-menu {
                    display: flex;
                    flex-direction: column;
                    gap: var(--two-spacer);
                    margin-top: var(--four-spacer);
                    li.menu-item {
                        font-family: 'Aktiv', sans-serif;
                        font-weight: 300;
                        text-transform: none;
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }
    svg#header-logo {
        path {
            fill: var(--foreground);
            opacity: 1;
            transition: all 1s ease;
            opacity: 1;
        }
        path.dark {
            opacity: 0.25;
        }
        path.quarter-dark {
            opacity: 0.5;
        }
        path.half-dark {
            opacity: 0.75;
        }
    }
}

@media screen and (min-width: 782px) {
    #site-header.active {
        .blurb {
            display: none !important;
        }
        #header-menu-cond-alt {
            display: flex !important;
        }
    }
}

@media screen and (max-width: 781px) {
    #site-header {
        .sub-menu {
            display: none !important;
        }
        .vertical-rules.menu > li::after {
            content: none;
        }
    }
}

/* Search styles */
#searchform {
    input, button {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        width: fit-content !important;
        height: fit-content !important;
        border-radius: 0 !important;
        &&[type="text"] {
            color: var(--foreground) !important;
            font-family: 'Aktiv', sans-serif;
            font-weight: 300;
            font-size: 1.5rem !important;
            width: 80px !important;
            transition: width 0.2s ease !important;
            &&::placeholder {
                color: var(--foreground) !important;
            }
            &&:focus {
                width: 100% !important;
            }
        }
        svg {
            height: 22px !important;
            width: auto !important;
            transform: translateY(6px) !important;
        }
    }
}