:root{
    --color-primary: #E0A957;
}

html {
    scroll-behavior: smooth;
}

.all-cover {
    object-fit: cover !important;
    object-position: center !important;
    background-size: cover !important;
}

@media (min-width: 1025px) {

    .dropdown-nav-menu,
    .sidebar-nav-menu,
    .open-menu-button,
    .close-menu-button {
        display: none !important;
    }

    .menu-item {
        display: block;
    }

}


@media (max-width: 1024px) {

    .menu-item {
        display: none;
    }

    .open-menu-button,
    .close-menu-button {
        display: block;
    }

    .dropdown-nav-menu {
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0%;
        width: 100%;
        display: flex !important;
        flex-direction: column;
        z-index: 1100;
        transform-origin: top;
        transform: scaleY(0);
        opacity: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }



    .sidebar-nav-menu {
        background-color: #fff;
        position: fixed;
        height: 100vh;
        top: 0%;
        left: 0%;
        display: flex !important;
        flex-direction: column;
        max-width: 270px;
        width: 100%;
        z-index: 1100;
        transform: translateX(-100%);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
    }

    .dropdown-nav-menu.open {
        opacity: 1;
        transform: scaleY(1);
    }

    .sidebar-nav-menu.open {
        transform: translateX(0%);
    }
}