/* Mobile Menu handler 
---------------------------------------------------------------*/
    .mobile-menu-handle {
        display: none;
        width: 28px;
        height: 28px;
        align-items: center;
    }
    .mobile-menu-handle-cont {
        width: 28px;
        height: 2px;
        background-color: var(--color-brown);
        position: relative;
    }
    .mobile-menu-handle-cont:after,
    .mobile-menu-handle-cont:before {
        content: '';
        position: absolute;
        width: 28px;
        height: 2px;
        background-color: var(--color-brown);
    }
    .mobile-menu-handle-cont:after {
        top: -7px;
    }
    .mobile-menu-handle-cont:before {
        bottom: -7px;
    }

    #mobile-menu-wrapper {
        display: none;
    }
    .iubenda-tp-btn.hide:not([data-tp-nostyle]) {
        display: none !important;
    }

@media only screen and (max-width: 992px) {
    /* Mobile Menu handler 
    ---------------------------------------------------------------*/
        .main-bar-utils {
            margin-right: 40px;
        }
        .top-bar,
        .main-menu{
            display: none;
        }
        .mobile-menu-handle {
            display: flex;
        }

    /* Mobile Menu
    ---------------------------------------------------------------*/
        #mobile-menu-wrapper {
            display: block !important;
            position: fixed;
            width: 100% !important;
            height: 100vh;
            height: 100vdh;
            top: 0;
            left: 0;
            transform: translateY(-100%);
            z-index: 9999;
            visibility: hidden;
            pointer-events: none;
        }
        #mobile-menu-wrapper .mobile-menu-wrapper-inner {
            position: relative;
            z-index: 2;
        }
        #mobile-menu-wrapper .mobile-menu-wrapper-header {
            height: 70px;
            padding: 0 2em;
            display: flex;
            border-bottom: 1px solid #00000026;
            grid-template-columns: 1fr auto;
            align-items: center;
            justify-content: flex-end;
            box-sizing: border-box;
            transform: translateY(0%);
            position: relative;
            z-index: 2;
        }
        #mobile-menu-wrapper .logo {
            left: 2em;
            width: 100px;
            height: 100px;
        }
        #mobile-menu-wrapper .logo a {
            width: 100%;
            height: 100%;
            min-width: unset;
            min-height: unset;
        }
        #mobile-menu-wrapper .logo img {
            width: 65px;
            height: 34px;
        }

        /* Menu voices
        ----------------------------------------------------*/
            #mobile-menu-wrapper #mobile-menu {
                overflow-y: auto;
                height: calc(100vh - 70px);
                height: calc(100dvh - 70px);
                padding: 80px 2em 30px 2em;
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                background-color: #fceeec;
                margin-bottom: 0;
            }
            #mobile-menu-wrapper #mobile-menu * {
                outline: unset !important;
            }
            #mobile-menu-wrapper #mobile-menu > *:first-child {
                flex-grow: 1;
            }
            #mobile-menu-wrapper #mobile-menu ul {
                padding-left: 0;
                margin: 0 !important;
            }
            #mobile-menu-wrapper #mobile-menu li {
                position: relative;
                margin: 0;
                padding: 0;
                display: flex;
                align-items: center;
                flex-flow: wrap;
            }
            #mobile-menu-wrapper .menu > li:not(.menu-button) {
                border-bottom: 1px solid #00000026;
            }
            #mobile-menu-wrapper #mobile-menu li.menu-button {
                margin-bottom: 20px;
            }
            #mobile-menu-wrapper #mobile-menu > li > a {
                width: 80% !important;
            }        
            #mobile-menu-wrapper #mobile-menu li a {
                font-size: 18px;
                padding: 22px 0;
                flex-grow: 1;
                font-family: var(--rg-font);
                letter-spacing: 0.04em;
                text-decoration: unset !important;
            }
            #mobile-menu-wrapper #mobile-menu li a:hover {
                color: unset !important;
            }
            #mobile-menu-wrapper #mobile-menu li.current-menu-item:not(.menu-button) > a {
                color: var(--color-green);
                font-family: var(--bd-font);
            }
            #mobile-menu-wrapper #mobile-menu li.current-menu-item a:before {
                display: none;
            }
            #mobile-menu-wrapper #mobile-menu li a {
                padding: 1.5em 0;
            }
            #mobile-menu-wrapper #mobile-menu li.menu-button a {
                padding: 1.3em 0;
            }
            
        /*Sub Menu
        ----------------------------------------------------*/
            #mobile-menu-wrapper #mobile-menu .sub-menu {
                display: none;
                width: 100%;
                padding-top: 0;
                margin-top: -1em;            
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu-toggle {
                display: flex;
                align-items: center;
                position: initial;
                float: none;
                font-size: 1.4em;
                padding: 0 20px;
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu-open.opened .sub-menu-toggle {
                transform: rotate(90deg);
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu-open {
                padding-bottom: 0 !important;
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu li {
                margin: 0;
            }        
            #mobile-menu-wrapper #mobile-menu .sub-menu a {
                padding: 1em 0;
                font-size: 15px;
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu .sub-menu a {
                padding: 5px 48px;
            }
            #mobile-menu-wrapper #mobile-menu .sub-menu,
            #mobile-menu-wrapper #mobile-menu .sub-menu .sub-menu {
                padding-bottom: 20px;
            }
            #mobile-menu-wrapper #mobile-menu .menu-item-has-children.sub-menu-open.opened a:not(.sub-menu a) { /* Grew up font weight on parent voice after opened sub menu*/
                font-weight: 600;
            }

        /* TOP BOTTOM
        ----------------------------------------------------*/
            #mobile-menu-wrapper {
                transition-property: transform, visibility;
                transition-duration: 0.5s;
                transition-timing-function: ease-in-out;
                padding-top: 0;
            }
            #mobile-menu-wrapper.menu-opened {
                visibility: visible;
                pointer-events: initial;
                transform: translateY(0);
            }

        /* Menu Utils
        --------------------------------------------------*/
            #mobile-menu-wrapper .mobile-utils {
                justify-content: flex-end;
                gap: 12px;
            }
            #mobile-menu-wrapper .mobile-utils a {
                height: 30px;
                width: 30px;
                display: flex;
                position: relative;
            }
            #mobile-menu-wrapper .mobile-utils svg {
                border: 2px solid #fff;
                border-radius: 100%;
                padding: 2px;
            }
            #mobile-menu-wrapper .mobile-contact-container svg {
                width: 35px;
                height: 35px;
                fill: #755d5f;
                border: 2px solid #755d5f;
                border-radius: 100%;
                padding: 2px;
            }

            #mobile-menu-wrapper .mobile-contact-container {
                justify-content: space-between;
            }
            #mobile-menu-wrapper .mobile-contact-container a {
                font-family: var(--text-font-rubik-medium);
                font-size: 15px;
                margin-bottom: 0;
            }
            #mobile-menu-wrapper .mobile-contact-container > * {
                width: auto;
            }
            #mobile-menu-wrapper .mobile-contact-container > *:nth-child(even) {
                text-align: right;
            }
            #mobile-menu-wrapper .mobile-contact-container img {
                width: 30px;
                height: 30px;
            }

        /* Social Menu
        --------------------------------------------------*/
            .menu-mobile-social {
                gap: 10px;
            }
            .mobile-menu-utils a {
                width: 36px;
                height: 36px;
                background-color: var(--color_1--);
                border-radius: 5px;
                padding: 7px;
                display: block;
            }
            .menu-mobile-social .single-social a svg {
                width: 100%;
                height: 100%;
            }
}


@media only screen and (max-width: 767px) {   
    #mobile-menu-wrapper .logo {
        left: 1.5em;
        width: 80px;
        height: 80px;
    }
    #mobile-menu-wrapper .logo img {
        width: 55px;
        height: 29px;
    }

    #mobile-menu-wrapper .mobile-menu-wrapper-header {
        height: 60px;
    }
    #mobile-menu-wrapper #mobile-menu {
        height: calc(100vh - 60px);
        height: calc(100dvh - 60px);
    }

    #mobile-menu-wrapper .mobile-menu-wrapper-header {
        padding: 0 1.5em;
    }

    #mobile-menu-wrapper #mobile-menu li a,
    #mobile-menu-wrapper .mobile-contact-container a {
        font-size: 13px !important;
    }

    /* Social Menu
    --------------------------------------------------*/
        #mobile-menu-wrapper .social-links > div {
            gap: 10px;
        }
}