:root {
    --dop: clamp(15px, 4vw, 30px); /* desktop horizontal padding */
    --hop: clamp(10px, 2vw, 20px); /* header vertical padding */
}


#header_menu_wrapper.bg_active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
}

#header_menu_wrapper {
    --text-color: #fff;
    transition: padding 0.3s ease 0s, background 0.15s ease 0s;
    --padding-left: var(--dop);
    --padding-right: var(--dop);
    --padding-top: var(--dop);
    --padding-bottom: var(--dop);
}

#header_menu_wrapper .elementor-element.elementor-element-d320e2b .elementor-nav-menu--main .elementor-item,
#header_menu_wrapper .elementor-element.elementor-element-a60de31 p{
    color: var(--text-color);
}
#header_menu_wrapper .elementor-element.elementor-element-d320e2b .elementor-nav-menu--main .elementor-item {
    fill: var(--text-color);
}

#header_menu_wrapper .elementor-element.elementor-element-134885c.elementor-view-framed .elementor-icon,
#header_menu_wrapper .elementor-element.elementor-element-134885c.elementor-view-default .elementor-icon {
    color: var(--text-color);
    border-color: var(--text-color);
}
#header_menu_wrapper .elementor-menu-cart__toggle .elementor-button svg {
    fill: var(--text-color);
}
#header_menu_wrapper .elementor-heading-title {
    color: var(--text-color);
}

#header_menu_wrapper .hamburger-inner,
#header_menu_wrapper .hamburger-inner::before,
#header_menu_wrapper .hamburger-inner::after {
    background-color: var(--text-color);
}

.header_menu_open #header_menu_wrapper,
.header_menu_open #header_menu_wrapper.bg_active {
    --text-color: #fff;
}
.header_menu_open #header_logo .logo_white {z-index: 105; opacity: 1 !important;}

#header_menu_wrapper.bg_active {
    --padding-top: var(--hop);
    --padding-bottom: var(--hop);
}

#header_menu_wrapper.bg_active {
    --text-color: #000;
}


.header_index_fix {
    position: relative !important;
    z-index: 100 !important;
}

#header_menu_wrapper .logo_white {opacity: 1; transition: opacity 0.2s ease 0s;}
#header_menu_wrapper .logo_color {opacity: 0; transition: opacity 0.2s ease 0s;}
#header_menu_wrapper.bg_active .logo_white{opacity: 0;}
#header_menu_wrapper.bg_active .logo_color{opacity: 1;}
#header_menu_controller {
    position: relative;
    z-index: 100;
    padding: 0;
    background: transparent;
}

#header_menu_overlay {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    width: 0%;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 95;
}
#header_menu_overlay > div {
    max-width: 100vw;
    width: 100vw;
}
.hamburger-box {
   height: 18px; 
}
.hamburger-box .hamburger-inner::before {
    top: -8px;
}
.hamburger-box .hamburger-inner::after {
    bottom: -8px;
} 

.hamburger-box,
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 33px !important;
}

/* Activate mobile menu */
@media only screen and (min-width: 767px) {
    #header_menu_overlay,
    #header_menu_controller {
        display: none;
    }


}

@media only screen and (max-width: 767px) {
    #header_menu_overlay,
    #header_menu_controller {
        display: block;
    }
    #header_menu_desktop_links {
        display: none;
    }
}