.site-header-desktop__banner {
    border-bottom: 1px solid #fff;
    background-color: #303030;
}

.front-page .site-header-desktop__banner {
    border-color: #303030;
}

.site-header-desktop__banner .container {
    display: flex;
    align-items: center;
    padding-block: 8px;
}

.site-header-desktop__secondary-menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 36px;
    color: #e6dfd5;
    line-height: 1;
}

.site-header-desktop__secondary-menu .menu {
    display: inline-flex;
    align-items: center;
    gap: 36px;
}

.site-header-desktop__secondary-menu a {
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    transition-property: text-decoration-color;
    transition-duration: 0.3s;
    height: 22px;
}

.site-header-desktop__secondary-menu a:is(:focus-visible, :hover) {
    text-decoration-color: currentColor !important;
}

.site-header-desktop__main {
    background-color: var(--zm-bg-color);
    color: var(--zm-text-color-secondary);
    transition-property: background-color;
    transition-duration: 0.3s;
    padding-block: 18px;
    border-bottom: 1px solid var(--zm-border-color);
}

.front-page .site-header-desktop__main {
    border-color: var(--zm-border-color);
}

.site-header-desktop__main .container {
    display: flex;
    align-items: center;
}

.site-header-desktop__primary-menu .menu {
    font-family: var(--zm-font-family-primary);
    font-size: 17px;
    font-weight: 700;
    display: inline-flex;
    flex-direction: column;
}

.site-header-desktop__primary-menu .menu a {
    transition-property: color, text-decoration-color;
    transition-duration: 0.3s;
    padding-block: 3px;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.site-header-desktop__primary-menu .menu a:is(:focus-visible, :hover) {
    text-decoration-color: currentColor;
}

.site-header-desktop__primary-menu .menu a svg {
    width: 1em;
    height: 1em;
    /* align icons vertically with the link's text */
    margin-block-start: 0.25em;
}

.front-page .site-header-desktop__primary-menu .menu a {
    color: var(--zm-global-color-grey) !important;
}

.front-page
    .site-header-desktop__primary-menu
    .menu
    a:is(:focus-visible, :hover) {
    color: var(--zm-global-color-grey-tint) !important;
}

.site-header-desktop__primary-menu .menu a:is(:focus-visible, :hover) {
    color: var(--zm-text-color);
}

.site-header-desktop__branding {
    margin-left: auto;
    order: 1;
}

.site-header-desktop__branding svg {
    fill: var(--zm-text-color);
}

@media (max-width: 1023px) {
    .site-header-desktop {
        display: none;
    }
}