.small-device .menu-container {
    display: none;
}

/* override the default boostrap theme menu functionality */
.dropdown:hover>.dropdown-menu {
    opacity: 1;
    top: 93%;
    visibility: visible;
}

.dropdown-menu {
    display: block;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
}

.nav-menu-container {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-container {
    background: #091734;
    transition: all 1s;
}

.menu-container.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    transition: all 1s;
}

.menu-container.fixed ul#menu-main-menu>li>a {
    padding: 1rem 1rem !important;
}

.menu-container ul#menu-main-menu>li>a {
    color: white;
    font-weight: 500;
    padding: 1rem 0.5rem !important;
    transition: all 500ms;
    height: 100%;
}

.menu-container ul#menu-main-menu li ul a:hover {
    background-color: #29538e !important;
    color: #ffffff !important;
}

.menu-container li ul {
    background: #091734;
}

.menu-container .navbar-toggler {
    background-color: white;
    border-radius: unset;
}

#menu-main-menu a {
    font-weight: 600;
    color: #edf1fb;
    font-size: 16px;
    text-transform: none;
    position: relative;
}

#menu-main-menu li ul {
    width: max-content;
    /* left: auto; */
}

/* width
#menu-main-menu>li>ul::-webkit-scrollbar {
    width: 5px;
}*/

/* Track
#menu-main-menu>li>ul::-webkit-scrollbar-track {
    background: #29538e;
}*/

/* Handle
#menu-main-menu>li>ul::-webkit-scrollbar-thumb {
    background: #888;
}
*/

/* Handle on hover
#menu-main-menu>li>ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}
*/

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    /* display: contents; */
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu li {
    /* padding-left: 15px; */
}

/* override parent theme style  */
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    /* display: none; */
}

#menu-main-menu ul li ul {
    /* position: relative;
left: 0; */
}

#menu-main-menu ul li.open-bottom ul {
    left: 20%;
    top: 100%;
    background: #18387a;
}

.menu-container ul#menu-main-menu>li>a::before {
    content: "";
    width: 0px;
    transition: all 0.5s;
    left: 40%;
    top: 0;
}

.menu-container ul#menu-main-menu>li:hover>a::before {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: white;
}