/* Divi desktop navigation overrides */

@media (min-width: 981px) {
    #top-menu,
    #et-top-navigation nav > ul {
        display: flex;
        align-items: center;
        gap: 6px;
        line-height: 1;
    }

    #top-menu > li,
    #et-top-navigation nav > ul > li {
        display: flex;
        align-items: center;
        margin: 0;
        padding-right: 0;
        line-height: 1;
    }

    #top-menu > li > a,
    #et-top-navigation nav > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        min-height: 32px;
        margin: 0;
        padding: 0 12px !important;
        border: 2px solid #ae656f;
        border-radius: 6px;
        background: transparent;
        color: #ae656f;
        line-height: 1 !important;
        vertical-align: middle;
        text-align: center;
        transform: none;
    }

    #top-menu > li > a::before,
    #top-menu > li > a::after,
    #et-top-navigation nav > ul > li > a::before,
    #et-top-navigation nav > ul > li > a::after {
        display: none;
    }

    #top-menu li.current-menu-item > a,
    #top-menu li.current_page_item > a,
    #top-menu li.current-menu-ancestor > a,
    #et-top-navigation nav > ul > li.current-menu-item > a,
    #et-top-navigation nav > ul > li.current_page_item > a,
    #et-top-navigation nav > ul > li.current-menu-ancestor > a {
        top: auto;
        bottom: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 2px solid #ae656f;
        box-shadow: none;
        color: #5e4f4f;
        transform: none;
    }

    #top-menu > li.woef-menu-appointment > a,
    #et-top-navigation nav > ul > li.woef-menu-appointment > a {
        border-color: #ae656f;
        background: #ae656f;
        color: #fff3f1;
        font-weight: 700;
    }

    #top-menu > li.woef-menu-appointment > a:hover,
    #top-menu > li.woef-menu-appointment > a:focus,
    #et-top-navigation nav > ul > li.woef-menu-appointment > a:hover,
    #et-top-navigation nav > ul > li.woef-menu-appointment > a:focus {
        border-color: #5e4f4f;
        background: #5e4f4f;
        color: #fff3f1;
    }
}