#site-header {
    @media screen and (min-width: 1079px) {
        position: fixed;
        width: 100%;
    }
    #header-menu-wrapper {
        @media screen and (min-width: 782px) {
            max-width: var(--responsive--alignwide-width);
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }
    #logo {
        position: absolute;
        top: var(--two-spacer);
        right: var(--ten-spacer);
        width: 150px;
        z-index: 999;
        mix-blend-mode: darken;
        transform: rotate(15deg);
        @media screen and (max-width: 781px) {
            transform: translateY(50%);
            right: var(--one-spacer);
        }
    }
    .menu-item {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        &&:not(:last-child) {
            border-bottom: 1px solid;
        }
        @media (min-width: 782px) {
            &&:not(:last-child) {
                border-right: 1px solid;
                border-bottom: none;
            }
        }
        &&:hover {
            /* background-color: var(--wp--preset--color--yellow); */
        }
        &&::before {
            content: '';
            display: inline-flex;
            width: 9px;
            height: 9px;
            border: 1px solid;
            margin-right: var(--zero-point-five-spacer);
        }
        &&.current-menu-item::after {
            content: url('../icons/check.svg');
            position: absolute;
            top: 11px;
            left: 7px;
        }
        a {
            /* background-color: white; */
            /* mix-blend-mode: multiply; */
            /* filter: saturate(0) contrast(25); */
            /* padding: 0.5px; */
        }
        a:hover {
            background-color: var(--wp--preset--color--yellow);
        }
    }
}