.sidebar-menu .main-navigation ul li.woostify-megamenu-li .woostify-megamenu .woostify-mm-custom-content {
padding-left: 30px;
border-bottom: 1px solid #ececec
}
.main-navigation ul li.woostify-megamenu-li .woostify-menu-toggle {
width: 48px;
height: 48px;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #ececec;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
z-index: 99
}
.main-navigation ul li.woostify-megamenu-li .woostify-menu-toggle .menu-item-arrow {
width: 100%;
height: 100%
}
.main-navigation ul li.woostify-megamenu-li .woostify-megamenu,
.main-navigation ul li.menu-item-has-mega-menu .mega-menu-wrapper {
top: 100%;
left: 0;
margin-left: 0;
min-width: 480px;
z-index: -1;
opacity: 0;
visibility: hidden;
position: absolute;
pointer-events: none;
transition-duration: 0.3s;
background-color: #fff;
box-shadow: 0 2px 8px 0 rgba(125, 122, 122, 0.2)
}
.main-navigation ul li.woostify-megamenu-li .woostify-megamenu .woostify-hide-menu-item {
display: none
}
.main-navigation ul li.woostify-megamenu-li .woostify-megamenu .sub-menu {
opacity: 1;
visibility: visible;
position: static;
box-shadow: none
}
.main-navigation ul li.woostify-megamenu-li .woostify-megamenu .woostify-mm-custom-content {
padding: 10px 20px 10px
}
.main-navigation ul li.woostify-megamenu-li:hover .woostify-megamenu,
.main-navigation ul li.menu-item-has-mega-menu:hover .mega-menu-wrapper {
opacity: 1;
visibility: visible;
z-index: 999;
pointer-events: auto;
}
@media screen and (max-width: 992px) {
.main-navigation ul li.woostify-megamenu-li .woostify-megamenu .woostify-menu-toggle {
display: inline-block
}
}
.main-navigation .sub-menu {
font-size: 1.125rem;
font-style: inherit;
font-weight: inherit;
line-height: 150%;
font-family: Inter;
color: #2b2b2b
}