header {
    z-index: 100;
    position: relative;
}

._nav-btn span {
    transition: all 0.3s ease-in-out;
}
._nav-btn span:not(.close) {
    transition-delay: 0.3s;
}
._nav-btn.open span:not(.close) {
    opacity: 0;
    transition-delay: 0s;
}
._nav-btn.open span.close:nth-child(2) {
    transform: rotate(45deg);
    transition-delay: 0.3s;
}
._nav-btn.open span.close:nth-child(3) {
    transform: rotate(-45deg);
    transition-delay: 0.3s;
}

._dropdown button,
.standard-link {
    transition: all 0.2s ease-in-out;
    transition-delay: 0.1s;
}
._dropdown.open button {
    transition-delay: 0s;
}
._dropdown button:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.8%208.4%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m1.4%201.4%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
    transition: transform 0.2s ease-in-out;
}

._dropdown.open button:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.8%208.4%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m1.4%201.4%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
    transform: rotate(180deg);
}

._dropdown div {
    transition: all 0.2s ease-in-out;
    transition-delay: 0s;
}

@media screen and (max-width: 1024px) {
    .header-contact .wp-element-button {
        padding: 8px 12px !important;
        font-size: 14px;
        height: auto;
    }

    .header-contact .wp-element-button:after {
        display: none;
    }

    .header-contact > div:first-child {
        display: none;
    }
    .header-contact {
        position: absolute;
        top: 0;
        height: var(--header-height);
        right: calc(var(--wp--style--root--padding-right) + 23px);
    }
    .wp-block-site-logo {
        max-width: 195px !important;
    }
    ._main-navigation {
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.3s ease-in-out 0.3s;
    }

    body.nav-open ._main-navigation {
        transform: scaleY(1);
        transition-delay: 0s;
    }

    ._main-navigation > * {
        opacity: 0;
        transform: translateY(-20px);
        transition: all 0.3s ease-in-out 0s;
    }

    body.nav-open ._main-navigation > * {
        opacity: 1;
        transform: translateY(0px);
        transition-delay: 0.3s;
    }

    ._dropdown.open button {
        background-color: var(--wp--preset--color--soft-griege);
        color: var(--wp--preset--color--black);
        border-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1350px) {
    .wp-block-site-logo {
        max-width: 185px !important;
    }
    .header-contact .wp-element-button:after {
        display: none;
    }
    .header-contact .wp-element-button {
        padding: 8px 12px !important;
        font-size: 14px;
        height: auto;
    }

    .header-contact p {
        font-size: 14px;
    }
    .header-contact svg {
        width: 16px;
    }
}

@media screen and (min-width: 1024px) {
    li.has-separator {
        padding-right: 24px;
    }

    li.has-separator:before {
        content: "";
        position: absolute;
        top: 50%;
        right: -3px;
        width: 6px;
        height: 6px;
        background-color: var(--wp--preset--color--brand-600);
        transform: translateY(-50%);
        border-radius: 100%;
        display: block;
    }
    ._dropdown div ul {
        transform: translateY(-100%);
        transition: transform 0.3s ease-in-out 0.3s;
    }

    ._dropdown:hover div ul {
        transform: translateY(0);
        transition-delay: 0s;
    }

    ._dropdown div li {
        opacity: 0;
        transition: opacity 0.3s ease-in-out 0s;
    }

    ._dropdown:hover div li {
        opacity: 1;
        transition-delay: 0.3s;
    }

    ._dropdown div ul {
        transform: translateY(-100%);
    }

    ._dropdown.open div {
        transition-delay: 0.1s;
    }

    ._dropdown div li svg path {
        transition: fill 0.2s ease-in-out;
    }

    ._dropdown div li:hover svg path {
        fill: var(--wp--preset--color--brand-600);
    }
}