.megid-nav-menu .megid-submenu-toggle {
position: absolute; right: 0; top: 0; width: 40px; min-height: 44px;
padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none;
background: transparent; color: inherit; cursor: pointer; z-index: 1;
display: inline-flex; align-items: center; justify-content: center;
}
.megid-nav-menu .megid-submenu-toggle::after,
.megid-nav-menu .megid-disclosure::after {
content: ''; display: inline-block; width: 6px; height: 6px;
border: solid currentColor; border-width: 0 2px 2px 0;
transform: rotate(45deg); vertical-align: 3px;
}
.megid-nav-menu a.megid-disclosure { position: relative; }
.megid-nav-menu a.megid-disclosure::after { position: absolute; right: 12px; top: calc(50% - 5px); }
.megid-nav-menu a:focus, .megid-nav-menu button:focus,
.megid-menu-control:focus {
outline: 3px solid #ffca01 !important; outline-offset: -3px;
}
.megid-nav-menu li { position: relative; }
.megid-nav-menu li.megid-has-submenu > a { padding-right: 42px; } html body .main-menu .megid-nav-menu li > ul.submenu,
html body .side-mobile-menu .megid-nav-menu li > ul.submenu {
display: none !important; visibility: hidden !important; opacity: 0 !important;
margin: 0 !important; padding: 0; transition: none !important;
}
html body .main-menu .megid-nav-menu li.megid-is-open > ul.submenu,
html body .side-mobile-menu .megid-nav-menu li.megid-is-open > ul.submenu {
display: block !important; visibility: visible !important; opacity: 1 !important;
}
@media (min-width: 992px) {
html body .main-menu .megid-nav-menu > li.megid-has-submenu > a { padding-right: 0; }
.main-menu .megid-nav-menu > li > a.megid-disclosure::after { right: -12px; }
html body .main-menu .megid-nav-menu li > ul.submenu {
position: absolute; width: 260px; max-width: calc(100vw - 24px);
top: 80px !important; left: 0 !important; right: auto !important;
text-align: left; z-index: 100;
}
html body .main-menu .megid-nav-menu li li > ul.submenu {
top: 0 !important; left: 100% !important; right: auto !important;
}
html body .main-menu .megid-nav-menu > li.megid-open-left > ul.submenu {
left: auto !important; right: 0 !important;
}
html body .main-menu .megid-nav-menu li li.megid-open-left > ul.submenu {
left: auto !important; right: 100% !important;
}
html body .main-menu .megid-nav-menu ul.submenu > li {
display: block; width: 100%; margin: 0; padding: 0; height: auto;
}
html body .main-menu .megid-nav-menu ul.submenu > li > a {
padding: 14px 18px; overflow-wrap: anywhere; white-space: normal;
}
html body .main-menu .megid-nav-menu ul.submenu > li.megid-has-submenu > a { padding-right: 42px; }
.main-menu .megid-nav-menu .megid-submenu-toggle { color: white; }
.main-menu .megid-nav-menu ul.submenu > li > a.megid-disclosure::after { transform: rotate(-45deg); }
.main-menu .megid-nav-menu ul.submenu > li.megid-open-left > a.megid-disclosure::after { transform: rotate(135deg); }
}
html body .slide-bar.megid-navigation-panel[hidden] { display: none !important; }
html body .slide-bar.megid-navigation-panel {
max-width: calc(100vw - 16px); overscroll-behavior: contain;
z-index: 2147483646; transition: none;
}
html body .body-overlay.megid-navigation-overlay { z-index: 2147483645; }
body.megid-menu-open #wpadminbar { visibility: hidden !important; }
body.admin-bar header#top-menu,
body.admin-bar #main-header.sticky,
body.admin-bar #mobile-header.sticky { top: var(--megid-adminbar-height, 32px) !important; }
@media (max-width: 991.98px) {
html body .side-mobile-menu .megid-nav-menu,
html body .side-mobile-menu .megid-nav-menu ul {
list-style: none; margin: 0 !important; padding: 0 !important;
}
html body .side-mobile-menu .megid-nav-menu li > ul.submenu {
position: static !important; top: auto !important; left: auto !important;
right: auto !important; width: 100% !important; border: 0; box-shadow: none;
}
html body .side-mobile-menu .megid-nav-menu li > ul.submenu > li { padding-left: 12px; }
html body .side-mobile-menu .megid-nav-menu li > a {
display: block; min-height: 44px; padding: 14px 0;
overflow-wrap: anywhere; white-space: normal; line-height: 1.4;
}
html body .side-mobile-menu .megid-nav-menu li > a::before { display: none !important; }
html body .side-mobile-menu .megid-nav-menu li.megid-has-submenu > a { padding-right: 42px; }
html body .side-mobile-menu .megid-nav-menu .megid-submenu-toggle { color: white; }
.side-mobile-menu .megid-nav-menu li.megid-is-open > a.megid-disclosure::after,
.side-mobile-menu .megid-nav-menu li.megid-is-open > .megid-submenu-toggle::after { transform: rotate(225deg); }
html body .slide-bar.megid-navigation-panel .close-mobile-menu a {
display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center;
}
}
@media (prefers-reduced-motion: reduce) {
.megid-navigation-panel, .megid-navigation-overlay { transition: none !important; }
}