/* =========================================================
   DELIVERYDEVS — DYNAMIC HEADER
   ========================================================= */

#dd-main-header,
#dd-main-header * {
    box-sizing: border-box;
}

#dd-main-header {
    --dd-header-dark: #041b10;
    --dd-dark: #181818;
    --dd-light: #ffffff;
    --dd-green: #16cd7b;

    transition:
        background-color 350ms ease,
        color 350ms ease,
        border-color 350ms ease;

    position: relative;
    z-index: 9999;
}


/* =========================================================
   DARK HEADER
   ========================================================= */

#dd-main-header.dd-header--dark {
    background-color: #041b10;
}


/* White logo */

#dd-main-header.dd-header--dark .dd-logo-white {
    display: block;
    visibility: visible;
    opacity: 1;
}

#dd-main-header.dd-header--dark .dd-logo-color,
#dd-main-header.dd-header--dark .dd-logo-black {
    display: none;
    visibility: hidden;
    opacity: 0;
}


/* Menu */

/* =========================================
   MENU COLORS
   ========================================= */

/* DARK HEADER */
#dd-main-header.dd-header--light
.e-n-menu-heading li .e-n-menu-title .e-n-menu-title-text {
    color: #ffffff !important;
    opacity: 0.8;
}


/* WHITE HEADER */
#dd-main-header.dd-header--light
.e-n-menu-heading li .e-n-menu-title .e-n-menu-title-text{
    color: #041b10 !important;
    opacity: 1;
}


/* GREEN HEADER */
#dd-main-header.dd-header--light
.e-n-menu-heading li .e-n-menu-title .e-n-menu-title-text {
    color: #041b10 !important;
    opacity: 1;
}

/* =========================================================
   WHITE HEADER
   ========================================================= */

#dd-main-header.dd-header--light {
    background-color: #ffffff;
}


/* Color logo */

#dd-main-header.dd-header--light .dd-logo-white,
#dd-main-header.dd-header--light .dd-logo-black {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#dd-main-header.dd-header--light .dd-logo-color {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* =========================================
   MENU COLORS
   ========================================= */

/* DARK HEADER */
#dd-main-header.dd-header--dark
.e-n-menu-heading li .e-n-menu-title {
    color: #ffffff !important;
    opacity: 0.8;
}


/* WHITE HEADER */
#dd-main-header.dd-header--light
.e-n-menu-heading li .e-n-menu-title {
    color: #041b10 !important;
    opacity: 1;
}


/* GREEN HEADER */
#dd-main-header.dd-header--green
.e-n-menu-heading li .e-n-menu-title {
    color: #041b10 !important;
    opacity: 1;
}

/* White hover */

#dd-main-header.dd-header--light
.e-n-menu-heading
li:hover
.e-n-menu-title {
    color: #041b10 !important;
    opacity: 1;
}


/* =========================================================
   GREEN HEADER
   ========================================================= */

#dd-main-header.dd-header--green {
    background-color: #16cd7b;
}


/* Black logo */

#dd-main-header.dd-header--green .dd-logo-white,
#dd-main-header.dd-header--green .dd-logo-color {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#dd-main-header.dd-header--green .dd-logo-black {
    display: block;
    visibility: visible;
    opacity: 1;
}


/* Menu */

#dd-main-header.dd-header--green
.e-n-menu-heading
li
.e-n-menu-title {
    color: #041b10 !important;
    opacity: 1;
}


/* Green hover */

#dd-main-header.dd-header--green
.e-n-menu-heading
li:hover
.e-n-menu-title {
    color: #041b10 !important;
    opacity: 1;
}


/* =========================================================
   LANGUAGE SWITCHER
   ========================================================= */


/* Dark */

#dd-main-header.dd-header--dark
.dd-language-switcher {
    border-color: #ffffff !important;
}


/* White */

#dd-main-header.dd-header--light
.dd-language-switcher {
    border-color: #041b10 !important;
}


/* Green */

#dd-main-header.dd-header--green
.dd-language-switcher {
    border-color: #041b10 !important;
}


/* Elementor inner wrapper */

#dd-main-header.dd-header--dark
.dd-language-switcher
.elementor-widget-container {
    border-color: #ffffff !important;
}

#dd-main-header.dd-header--light
.dd-language-switcher
.elementor-widget-container,

#dd-main-header.dd-header--green
.dd-language-switcher
.elementor-widget-container {
    border-color: #041b10 !important;
}


/* =========================================================
   HIDE LANGUAGE SWITCHER WHEN NO TRANSLATION
   ========================================================= */

body.dd-no-language-switcher
#dd-main-header
.dd-language-switcher {
    display: none !important;
}


/* =========================================================
   MOBILE MENU TOGGLE
   ========================================================= */

#dd-main-header.dd-header--dark
.e-n-menu-toggle {
    color: #ffffff !important;
    opacity: 0.8;
}

#dd-main-header.dd-header--light
.e-n-menu-toggle,

#dd-main-header.dd-header--green
.e-n-menu-toggle {
    color: #041b10 !important;
    opacity: 1;
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

/*#dd-main-header.dd-header--dark*/
/*.e-n-menu-content {*/
/*    background-color: #041b10;*/
/*}*/

/*#dd-main-header.dd-header--dark*/
/*.e-n-menu-content*/
/*.e-n-menu-title {*/
/*    color: #ffffff !important;*/
/*}*/


/*#dd-main-header.dd-header--light*/
/*.e-n-menu-content {*/
/*    background-color: #ffffff;*/
/*}*/

/*#dd-main-header.dd-header--light*/
/*.e-n-menu-content*/
/*.e-n-menu-title {*/
/*    color: #041b10 !important;*/
/*}*/


/*#dd-main-header.dd-header--green*/
/*.e-n-menu-content {*/
/*    background-color: #16cd7b;*/
/*}*/

/*#dd-main-header.dd-header--green*/
/*.e-n-menu-content*/
/*.e-n-menu-title {*/
/*    color: #041b10 !important;*/
/*}*/


/* =========================================================
   LOGO TRANSITION
   ========================================================= */

#dd-main-header .dd-logo-white,
#dd-main-header .dd-logo-color,
#dd-main-header .dd-logo-black {
    transition:
        opacity 250ms ease,
        visibility 250ms ease;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

#dd-main-header
.e-n-menu-title:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #dd-main-header,
    #dd-main-header .dd-logo-white,
    #dd-main-header .dd-logo-color,
    #dd-main-header .dd-logo-black {
        transition: none;
    }

}