22

✏️ Editing: ep-mega-menu.css

.ep-megamenu-vertical-toggle-btn{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;box-sizing:border-box;padding:10px 15px;vertical-align:middle;font-size:16px;text-align:center;text-decoration:none;border-radius:3px;background:#f2f2f2;display:flex;align-items:center;justify-content:space-around}.ep-megamenu-vertical-toggle-btn span{margin:0 15px}.ep-megamenu-vertical-toggle-btn i{font-size:14px}ul[id*="ep-megamenu"].bdt-accordion{display:grid}ul[id*="ep-megamenu"].bdt-accordion>:nth-child(n + 2){margin-top:0}ul[id*="ep-megamenu"] .bdt-accordion-title::before{background-image:none}ul[id*="ep-megamenu"].bdt-accordion{background:#fff;padding:10px;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0}ul[id*="ep-megamenu"].bdt-accordion:nth-child(n + 2){margin-top:15px}.ep-megamenu-has>.bdt-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-left:10px;float:right;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:50% 50%}.ep-megamenu-has.bdt-open>.bdt-accordion-title::before{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E)}.header-mobile-slide{text-align:initial}.ep-badge-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:8px;background:#f00;color:#fff;font-weight:600;line-height:1;padding:4px 5px;border-radius:3px}.ep-megamenu{--ep-megamenu-vertical-width:250px}.ep-megamenu .ep-megamenu-panel{padding-left:0;max-height:80vh;overflow:auto}.ep-megamenu .bdt-dropbar{padding:0;margin:0;background:transparent}.ep-megamenu .bdt-navbar-toggle{min-height:auto;padding:0;display:inline-flex;justify-content:flex-start;padding:10px}.ep-megamenu .bdt-navbar-toggle svg{width:27px;height:27px;color:#333}.ep-megamenu .megamenu-header-default .bdt-navbar-nav li .bdt-megamenu-indicator{font-size:10px}.ep-megamenu .megamenu-header-default .bdt-navbar-nav li .bdt-icon{margin-right:7px}.ep-megamenu .megamenu-header-mobile{display:flex;text-align:right}.ep-megamenu .bdt-navbar-nav li .ep-menu-nav-link{position:relative;font-size:16px;text-decoration:none;display:flex;align-items:center;grid-column-gap:6px;line-height:1;transition:all .3s ease;padding:10px 12px}.ep-megamenu.ep-megamenu-horizontal .bdt-navbar-nav{display:flex;align-items:center;background:transparent;list-style:none;margin:0;padding:0;grid-column-gap:10px}.ep-megamenu.ep-megamenu-horizontal li .ep-menu-nav-link{color:#494c52}.ep-megamenu.ep-megamenu-horizontal li a{min-height:0}.ep-megamenu .ep-default-submenu-panel{padding:15px 20px;border-radius:3px;list-style:none;background-color:#f5f5f5;max-height:unset;overflow:unset}.ep-megamenu .ep-default-submenu-panel li{margin-bottom:1px}.ep-megamenu .ep-default-submenu-panel li:nth-last-child(1){margin-bottom:0}.ep-megamenu .ep-default-submenu-panel li a{font-size:15px;color:#34373b;padding:7px 10px;display:block}.ep-megamenu .ep-default-submenu-panel .menu-item-has-children{position:relative}.ep-megamenu .ep-default-submenu-panel .menu-item-has-children::before{content:"";position:absolute;right:7px;top:50%;width:8px;height:8px;border-top:1px solid #333;border-right:1px solid #333;will-change:transform;transform-origin:top;transform:rotate(45deg)}.ep-megamenu .badge-new,.ep-megamenu .badge-popular,.ep-megamenu .badge-hot,.ep-megamenu .badge-trending,.ep-megamenu .badge-featured,.ep-megamenu .badge-updated{position:relative}.ep-megamenu .badge-new::before,.ep-megamenu .badge-popular::before,.ep-megamenu .badge-hot::before,.ep-megamenu .badge-trending::before,.ep-megamenu .badge-featured::before,.ep-megamenu .badge-updated::before{position:absolute;padding:3px 6px;top:-18px;color:#fff;right:0;border-radius:3px;font-size:8px;text-transform:uppercase}.ep-megamenu .badge-new::before{content:"new";background-color:#23504d}.ep-megamenu .badge-popular::before{content:"popular";background-color:#e9b508}.ep-megamenu .badge-hot::before{content:"hot";background-color:#fd4505}.ep-megamenu .badge-trending::before{content:"trending";background-color:#00c2db}.ep-megamenu .badge-featured::before{content:"featured";background-color:#7f69fd}.ep-megamenu .badge-updated::before{content:"updated";background-color:#0d0c43}.mega-menu-builder-panel.bdt-drop.bdt-open{padding:0 !important}.ep-megamenu.ep-megamenu.ep-megamenu-horizontal .mega-menu-builder-panel.bdt-dropdown.bdt-open{background:unset;width:100%;padding:0}.ep-megamenu.ep-megamenu.ep-megamenu-horizontal .megamenu-header-default .ep-badge-label{top:-10px;left:58%}.ep-megamenu.ep-megamenu.ep-megamenu-vertical .mega-menu-builder-panel.bdt-dropdown.bdt-open{background:unset;width:calc(100% - calc(var(--ep-megamenu-vertical-width) + 15px));padding:0}.ep-megamenu.ep-megamenu.ep-megamenu-vertical .megamenu-header-default .ep-badge-label{top:50%}.ep-megamenu.ep-megamenu-vertical li .ep-menu-nav-link{color:#595962}.ep-megamenu.ep-megamenu-vertical li .ep-menu-nav-link:hover{color:#000}.ep-megamenu.ep-megamenu-vertical li .bdt-megamenu-indicator{position:absolute;top:50%;right:7px;transform:translateY(-50%) rotate(-90deg);transition:transform .4s ease}.menu-item-has-children .bdt-dropdown{list-style:none;padding:15px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.08)}.menu-item-has-children .bdt-dropdown li{font-size:11px;font-weight:400;margin-bottom:10px}.menu-item-has-children .bdt-dropdown li:nth-last-child(1){margin-bottom:0}.menu-item-has-children .bdt-dropdown li a{color:#494c52;text-decoration:none;transition:all .3s ease}.menu-item-has-children .bdt-dropdown li a:hover{color:#101114}.menu-item-has-children .bdt-accordion-content>li{list-style:none;margin:0;padding-left:12px}.menu-item-has-children .bdt-accordion-content{list-style:none}.menu-item-has-children .bdt-accordion-content li{font-size:14px;font-weight:400;text-transform:capitalize;margin-bottom:5px}.menu-item-has-children .bdt-accordion-content li:nth-last-child(1){margin-bottom:0}.menu-item-has-children .bdt-accordion-content li a{color:#494c52;text-decoration:none;transition:all .3s ease;margin-top:3px}.menu-item-has-children .bdt-accordion-content li a:hover{color:#101114}.ep-megamenu-vertical .bdt-navbar-nav{display:flex;flex-direction:column;align-items:flex-start;grid-gap:1px;background:#f2f2f2;padding:15px 20px;margin:0;list-style:none;width:var(--ep-megamenu-vertical-width);border-radius:3px}.ep-megamenu-vertical .bdt-navbar-nav li{width:100%}.ep-megamenu-vertical .bdt-navbar-nav li a{min-height:0}.ep-virtual-area{position:absolute;width:100%;margin:0;padding:0;left:0;right:0;z-index:99999}.ep-virtual-area .bdt-accordion-title .ep-menu-nav-link .bdt-megamenu-indicator{display:none}.ep-virtual-area .bdt-accordion-title{display:flex;position:relative;align-items:center}.ep-virtual-area .bdt-accordion-title .bdt-megamenu-indicator{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:12px}.ep-virtual-area .bdt-accordion-content{margin:0;padding:0;max-height:90vh;overflow:auto}.ep-virtual-area .ep-menu-nav-link{grid-gap:5px;font-size:16px;padding:5px 8px;color:#000}.ep-virtual-area .ep-menu-nav-link svg,.ep-virtual-area .ep-menu-nav-link i{width:14px;height:14px;line-height:14px;margin-right:5px}@media screen and (min-width:1024px){.bdt-mega-menu-hamburger-m .megamenu-header-mobile{display:none !important}}@media screen and (max-width:1024px){.bdt-mega-menu-hamburger-m .megamenu-header-default{display:none !important}}@media screen and (min-width:767px){.bdt-mega-menu-hamburger-s .megamenu-header-mobile{display:none !important}}@media screen and (max-width:767px){.bdt-mega-menu-hamburger-s .megamenu-header-default{display:none !important}}.bdt-mega-menu-hamburger-none .megamenu-header-mobile{display:none !important}.bdt-mega-menu-hamburger-none .megamenu-header-default .bdt-navbar-nav{flex-wrap:wrap}

MR SKB