/*
Theme Name: Hello-child
Template: hello-elementor
*/

.menuContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menuContainer.scrolled {
    height: 50px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.menuContainer.scrolled .logoHeader {
    width: 40%;
    height: 50px !important;
}

.menuContainer.scrolled .logoHeader .e-con-inner {
    padding: 0 0 0 0;
}

.menuContainer.scrolled .logoHeader img {
    height: 40px !important;
    width: 150px !important;
}

.menuContainer.scrolled .menuHeader.scrolled {
    width: 60%;
    border: none;
    height: 50px !important;
}

.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    position: absolute;
    display: flex;
    flex-direction: row;
    background: transparent;
    z-index: 98;
}

.fullwidth-submenu-bg {
    width: 100vw !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px) !important;
    transition: opacity 0.7s ease;

    opacity: 0 !important;
    pointer-events: none !important;

    position: relative;
    z-index: 2;
}

.fullwidth-submenu-bg.show {
    opacity: 1 !important;
    pointer-events: auto !important;
}

@media all and (min-width: 988px) and (max-width: 1630px) {
    .menuContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menuContainer.scrolled {
        height: 50px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .menuContainer.scrolled .logoHeader {
        width: 20%;
        height: 50px !important;
    }

    .menuContainer.scrolled .logoHeader .e-con-inner {
        padding: 0 0 0 0;
    }

    .menuContainer.scrolled .logoHeader img {
        height: 40px !important;
        width: 150px !important;
    }

    .menuContainer.scrolled .menuHeader.scrolled {
        width: 80%;
        border: none;
        height: 50px !important;
    }

    .menuContainer.scrolled .menuHeader.scrolled li {
        flex: 1;
    }

    .sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
        position: absolute;
        display: flex;
        flex-direction: row;
        background: transparent;
        z-index: 98;
    }

    .fullwidth-submenu-bg {
        width: 100vw !important;
        height: 50px !important;
        background: rgba(255, 255, 255, 0.8) !important;
        backdrop-filter: blur(5px) !important;
        transition: opacity 0.7s ease;

        opacity: 0 !important;
        pointer-events: none !important;

        position: relative;
        z-index: 2;
    }

    .fullwidth-submenu-bg.show {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media all and (max-width: 988px) {
    .menuContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menuContainer.scrolled {
        height: 50px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .menuContainer.scrolled .logoHeader {
        width: 40%;
        height: 50px !important;
    }

    .menuContainer.scrolled .logoHeader .e-con-inner {
        padding: 0 0 0 0;
    }

    .menuContainer.scrolled .logoHeader img {
        height: 40px !important;
        width: 150px !important;
    }

    .menuContainer.scrolled .menuHeader.scrolled {
        width: 60%;
        border: none;
        height: 50px !important;
    }

    .sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
        position: absolute;
        display: flex;
        flex-direction: row;
        background: transparent;
        z-index: 98;
    }

    .fullwidth-submenu-bg {
        width: 100vw !important;
        height: 50px !important;
        background: rgba(255, 255, 255, 0.8) !important;
        backdrop-filter: blur(5px) !important;
        transition: opacity 0.7s ease;

        opacity: 0 !important;
        pointer-events: none !important;

        position: relative;
        z-index: 2;
    }

    .fullwidth-submenu-bg.show {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* .fullwidth-submenu-bg.scrolled {
    position: fixed;
    top: 60px;
    width: 100vw !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px) !important;
    transition: opacity 0.7s ease;

    opacity: 0 !important;
    pointer-events: none !important;

    position: relative;
    z-index: 2;
}

.fullwidth-submenu-bg.show.scrolled {
    opacity: 1 !important;
    pointer-events: auto !important;
} */