.elementor-760 .elementor-element.elementor-element-76d00a4 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-76d00a4 *//* =========================================================
   FINAL MOBILE HEADER FIX
   OVERRIDE WORDPRESS / ELEMENTOR GLOBAL BUTTON STYLES
========================================================= */

@media (max-width: 800px) {

    /* ---------------------------------------------
       HEADER BAR
    --------------------------------------------- */

    .sgsi-header {
        width: 100% !important;
        height: auto !important;
        min-height: 68px !important;
        padding: 0 !important;
    }


    .sgsi-header__inner {
        width: 100% !important;
        height: 68px !important;
        min-height: 68px !important;

        display: flex !important;
        align-items: center !important;

        padding: 0 16px !important;

        gap: 0 !important;
    }


    /* ---------------------------------------------
       LOGO
    --------------------------------------------- */

    .sgsi-header__logo {
        display: flex !important;

        width: auto !important;
        max-width: calc(100% - 65px) !important;

        height: auto !important;

        flex: 0 1 auto !important;

        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 0 !important;
    }


    .sgsi-header__logo img {
        display: block !important;

        width: 180px !important;
        max-width: 180px !important;

        height: auto !important;

        max-height: 55px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* ---------------------------------------------
       HAMBURGER BUTTON
       COMPLETE WORDPRESS RESET
    --------------------------------------------- */

    .sgsi-header__menu {

        /* dimensions */

        display: flex !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        flex: 0 0 44px !important;

        margin: 0 0 0 auto !important;

        padding: 0 !important;


        /* REMOVE THEME BUTTON STYLING */

        appearance: none !important;
        -webkit-appearance: none !important;

        border: 0 !important;
        border-width: 0 !important;
        border-style: none !important;
        border-color: transparent !important;

        outline: none !important;

        box-shadow: none !important;

        background: transparent !important;

        border-radius: 0 !important;


        /* layout */

        align-items: center !important;
        justify-content: center !important;

        flex-direction: column !important;

        gap: 5px !important;

        position: relative !important;

        cursor: pointer !important;

        color: transparent !important;

        text-align: center !important;

        line-height: 1 !important;
    }


    /* Remove any pseudo-elements from theme */

    .sgsi-header__menu::before,
    .sgsi-header__menu::after {

        content: none !important;

        display: none !important;

        border: 0 !important;

        background: none !important;

        box-shadow: none !important;
    }


    /* ---------------------------------------------
       HAMBURGER LINES
    --------------------------------------------- */

    .sgsi-header__menu span {

        display: block !important;

        width: 23px !important;
        min-width: 23px !important;
        max-width: 23px !important;

        height: 1.5px !important;
        min-height: 1.5px !important;
        max-height: 1.5px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-radius: 0 !important;

        background: #25231f !important;

        opacity: 1 !important;

        transform: none;

        transition:
            transform .3s ease,
            opacity .25s ease,
            width .3s ease !important;
    }


    /* ---------------------------------------------
       HAMBURGER → X
    --------------------------------------------- */

    .sgsi-header--menu-open
    .sgsi-header__menu span:nth-child(1) {

        transform:
            translateY(6.5px)
            rotate(45deg) !important;
    }


    .sgsi-header--menu-open
    .sgsi-header__menu span:nth-child(2) {

        opacity: 0 !important;

        width: 0 !important;

        min-width: 0 !important;
    }


    .sgsi-header--menu-open
    .sgsi-header__menu span:nth-child(3) {

        transform:
            translateY(-6.5px)
            rotate(-45deg) !important;
    }


    /* ---------------------------------------------
       MOBILE MENU PANEL
    --------------------------------------------- */

    .sgsi-header__mobile {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        background: #f6f2ea !important;

        border: 0 !important;

        border-top:
            1px solid
            rgba(37,35,31,.10) !important;

        box-shadow:
            0 15px 35px
            rgba(30,25,18,.10) !important;

        max-height:
            calc(100vh - 68px) !important;

        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch !important;
    }


    .sgsi-header__mobile-inner {

        width: 100% !important;

        padding:
            18px 20px 25px !important;

        margin: 0 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sgsi-header__inner {

        height: 66px !important;
        min-height: 66px !important;

        padding:
            0 14px !important;
    }


    .sgsi-header__logo img {

        width: 170px !important;

        max-width: 170px !important;

        max-height: 53px !important;
    }


    .sgsi-header__menu {

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        flex-basis: 42px !important;
    }


    .sgsi-header__menu span {

        width: 22px !important;

        min-width: 22px !important;

        max-width: 22px !important;
    }


    .sgsi-header__mobile {

        max-height:
            calc(100vh - 66px) !important;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 360px) {

    .sgsi-header__inner {

        height: 64px !important;

        min-height: 64px !important;

        padding:
            0 12px !important;
    }


    .sgsi-header__logo img {

        width: 155px !important;

        max-width: 155px !important;

        max-height: 49px !important;
    }


    .sgsi-header__menu {

        width: 40px !important;

        min-width: 40px !important;

        max-width: 40px !important;

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;

        flex-basis: 40px !important;
    }


    .sgsi-header__menu span {

        width: 21px !important;

        min-width: 21px !important;

        max-width: 21px !important;
    }

}/* End custom CSS */