
/*
==============================================================
SVEeCee - Exact Elementor Header Hamburger Fix
Targets only:
.elementor-element-3abf5616
==============================================================
*/

@media (max-width: 1024px) {

    /*
    Make the actual Elementor hamburger clickable.
    */

    .elementor-element-3abf5616 .elementor-menu-toggle {
        cursor: pointer !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 99999 !important;
    }


    /*
    CLOSED STATE
    */

    .elementor-element-3abf5616
    > .elementor-widget-container
    > nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        max-height: 0 !important;
        overflow: hidden !important;
    }


    /*
    OPEN STATE
    */

    .elementor-element-3abf5616.sveecee-menu-open
    > .elementor-widget-container
    > nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        max-height: none !important;
        height: auto !important;
        overflow: visible !important;

        transform: none !important;

        width: 100% !important;

        z-index: 99998 !important;
    }


    /*
    Hamburger icon when menu is closed
    */

    .elementor-element-3abf5616
    .elementor-menu-toggle__icon--open {

        display: block !important;
    }

    .elementor-element-3abf5616
    .elementor-menu-toggle__icon--close {

        display: none !important;
    }


    /*
    Icons when menu is open
    */

    .elementor-element-3abf5616.sveecee-menu-open
    .elementor-menu-toggle__icon--open {

        display: none !important;
    }

    .elementor-element-3abf5616.sveecee-menu-open
    .elementor-menu-toggle__icon--close {

        display: block !important;
    }

}
