:root { --primaryColor: #DF0A0A; --titleColor: #0a0a0a; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu { list-style: none; margin: 0; padding: 0; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu > .menu-item .submenu-parent-icon svg { height: 12px; margin-left: 5px; fill: currentColor; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu > .menu-item .menu-link { display: block; padding: 15px 22px; background: #f3f3f3; margin: 0 0 5px; color: #010101; transition: all 0.3s ease-in-out; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu ul.sub-menu { padding-left: 0; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu > .menu-item .menu-link { position: relative; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu > .menu-item .menu-link .pointer-underline { content: ""; position: absolute; width: 0%; height: 2px; left: 0; bottom: 0; transition: all 0.3s ease-in-out; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu > .menu-item .menu-link:hover .pointer-underline { width: 100%; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu li.easyel_vertical_menu:not(.eel-position-relative) { position: static; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .eel-position-relative ul.eel-vertical-menu-content-part { width: 600px; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children { position: relative; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children.has-full-width-vertical-menu { position: static; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children.eel-vertical_menu { position: static; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu:not(.eel_click) { opacity: 0; transition: 0.3s ease-in-out; position: absolute; z-index: 9; list-style: none; display: block !important; top: 0; left: 100%; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu:not(.eel_click):not(.eel-vertical-menu-content-part) { width: 250px; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu:not(.eel_click).eel-vertical-menu-content-part { left: 0; right: 0; padding: 0; margin: 0 auto; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu:not(.eel_click) .menu-item-has-children .menu-text { display: flex; justify-content: space-between; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu:not(.eel_click) .menu-item-has-children .sub-menu { top: 0; left: 100%; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu.eel_click { opacity: 1; transition: 0.3s ease-in-out; z-index: 9; list-style: none; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .sub-menu.eel_click .menu-item-has-children .menu-text { display: flex; justify-content: space-between; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .menu-link .submenu-parent-icon svg { height: 12px; margin-left: 5px; fill: currentColor; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children.menu-item-has-children:hover > .sub-menu:not(.eel_click) { display: block; opacity: 1; } .eel-vertical-menu-area .eel-menu-desc { font-size: 12px; display: block; } .eel-vertical-menu-area .eel-vertical-verticalmenu .menu-item-has-children { position: relative; } .eel-vertical-menu-area .eel-vertical-verticalmenu .sub-menu:not(.eel_click) { position: absolute; top: 0; left: 100%; width: 250px; z-index: 99; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; display: block !important; } .eel-vertical-menu-area .eel-vertical-verticalmenu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu:not(.eel_click) { top: 0; left: 100%; } .eel-vertical-menu-area .eel-vertical-verticalmenu .menu-item-has-children:hover > .sub-menu:not(.eel_click), .eel-vertical-menu-area .eel-vertical-verticalmenu .sub-menu .menu-item-has-children:hover > .sub-menu:not(.eel_click) { opacity: 1; visibility: visible; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu ul.sub-menu:not(.eel_click) { padding-left: 0; overflow: visible; } .eel-vertical-menu-area .submenu-parent-icon { width: 20px; } .elementor-widget-eel-vertical-navigation, .eel-vertical-menu-elelmentor-widget.eel-vertical-menu-area { width: 100%; } .eel-vertical-menu-area .eel-vertical-verticalmenu .sub-menu.sub-menu.eel_click { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.3s ease; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu ul.sub-menu.eel_click { padding-left: 15px; } .eel-vertical-menu-wrap ul.eel_animation_slide_down.eel-vertical-verticalmenu .menu-item-has-children .sub-menu { transform: scaleY(0); transform-origin: top; } .eel-vertical-menu-wrap ul.eel_animation_slide_up.eel-vertical-verticalmenu .menu-item-has-children .sub-menu { transform: translateY(10px); } .eel-vertical-menu-wrap ul.eel_animation_right.eel-vertical-verticalmenu .menu-item-has-children .sub-menu { transform: translateX(10px); } .eel-vertical-menu-wrap ul.eel_animation_left.eel-vertical-verticalmenu .menu-item-has-children .sub-menu { transform: translateX(-10px); } .eel-vertical-menu-wrap ul.eel_animation_zoom.eel-vertical-verticalmenu .menu-item-has-children .sub-menu { transform: scale(0.8); transition: transform 0.3s ease, opacity 0.3s ease; } .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu.eel_animation_slide_down li.menu-item-has-children:hover > .sub-menu { transform: scaleY(1); } .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu.eel_animation_slide_up .menu-item-has-children:hover > .sub-menu { transform: translateY(0px); } .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu.eel_animation_right .menu-item-has-children:hover > .sub-menu { transform: translateY(0px); } .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu.eel_animation_left .menu-item-has-children:hover > .sub-menu { transform: translateY(0px); } .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu.eel_animation_zoom .menu-item-has-children:hover > .sub-menu { transform: scale(1); } .eel-vertical-menu-area .eel-vertical-menu-wrap .eel_click.eel_position_fixed .menu-item-has-children ul.sub-menu { position: absolute; padding-left: 0; width: 100%; } .eel-vertical-menu-area .eel-vertical-menu-wrap .eel_click.eel_position_fixed .menu-item-has-children ul.sub-menu ul { position: relative; } .eel-vertical-menu-area .eel-vertical-menu-wrap .eel_click.eel_position_fixed .menu-item-has-children ul.sub-menu ul li a span { padding-left: 15px; } .eel-vertical-menu-area .eel_click.eel_position_fixed .menu-item .menu-link { margin: 0; } body:not(.elementor-editor-active).eel-vertical-menu-icon-mobile { position: absolute; top: 50%; transform: translateY(-50%); right: 0; line-height: 0; cursor: pointer; } .eel-vertical-menu-icon-mobile { width: 21px; height: 20px; display: none; cursor: pointer; } .sidebar-on-mobile-vertical-nav { position: relative; } .sidebar-on-mobile-vertical-nav .eel-nav-menu-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 0; line-height: 0; cursor: pointer; } .sidebar-on-mobile-vertical-nav .eel-nav-menu-icon svg { width: 21px; height: 20px; } .eel-vertical-menu-area .eel-vertical-menu-wrap ul.eel-vertical-verticalmenu .menu-item-has-children .menu-link .submenu-parent-icon svg { transition: all 0.3s ease-in-out; } .eel-vertical-menu-area .eel-vertical-menu-wrap .eel-vertical-verticalmenu.eel_hover .menu-item-has-children:hover > .menu-link .submenu-parent-icon svg { transform: rotate(-90deg); } .eel-vertical-menu-area .eel-vertical-verticalmenu.eel_click .menu-item-has-children > .eel-vertical-open .submenu-parent-icon { transform: rotate(180deg); } .parant-eel-vertical-static, .elementor-widget-eel-vertical-navigation { position: static; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu > .menu-item.menu-item-has-children .eel-menu-text { display: flex; align-items: center; justify-content: space-between; } .eel-menu-text { display: flex; align-items: center; } .eel-menu-before-icon, .eel-menu-after-icon { display: inline-flex; align-items: center; line-height: 1; } .eel-menu-before-icon svg, .eel-menu-after-icon svg { height: 1em; width: 1em; fill: currentColor; } .eel-menu-before-icon { margin-right: 8px; } .eel-menu-after-icon { margin-left: auto; padding-left: 8px; } .eel-icon-show-active .eel-menu-before-icon, .eel-icon-show-active .eel-menu-after-icon { display: none; } .eel-icon-show-active .menu-item.current-menu-item > a .eel-menu-before-icon, .eel-icon-show-active .menu-item.current-menu-item > a .eel-menu-after-icon, .eel-icon-show-active .menu-item.current-menu-ancestor > a .eel-menu-before-icon, .eel-icon-show-active .menu-item.current-menu-ancestor > a .eel-menu-after-icon, .eel-icon-show-active .menu-item.current_page_item > a .eel-menu-before-icon, .eel-icon-show-active .menu-item.current_page_item > a .eel-menu-after-icon { display: inline-flex; } .eel-vertical-menu-area ul.eel-vertical-verticalmenu .eel-menu-badge { position: absolute; top: 0px; right: 0px; background: #df0a0a; border-radius: 20px 20px 20px 0; padding: 0px 10px 2px; color: #fff; font-size: 12px; display: block; font-weight: 400; } .eel-vertical-menu-wrap { position: relative; } .sidebar-on-mobile-vertical-nav ul.sub-menu { display: none; } .sidebar-on-mobile-vertical-nav .sub-menu { max-height: 100% !important; opacity: 1 !important; } .sidebar-on-mobile-vertical-nav .eel-menu-desc { display: block; } .eel-menu-text-inner > i { margin-right: 6px; } .sidebar-on-mobile-vertical-nav { position: fixed; top: 0; right: 0; max-width: 420px; width: 100%; height: 100vh; background: #fff; transition: transform 0.3s ease; z-index: 9999; padding: 60px 34px 40px 34px; overflow-y: auto; display: grid; } .sidebar-on-mobile-vertical-nav .eel-vertical-menu-icon-close { position: absolute; right: 20px; top: 20px; font-size: 25px; border: 1px solid rgba(0, 0, 0, 0.0392156863); border-radius: 100%; display: inline-grid; place-content: center; line-height: 36px; width: 36px; height: 36px; cursor: pointer; z-index: 999; color: #121212; } .sidebar-on-mobile-vertical-nav .eel-vertical-menu-icon-close svg { height: 1em; width: 1em; } .sidebar-on-mobile-vertical-nav .mobile-menu.eel-vertical-verticalmenu { margin: 0; padding: 0; list-style: none; } .sidebar-on-mobile-vertical-nav .mobile-menu.eel-vertical-verticalmenu .submenu-parent-icon { position: absolute; right: 0; top: 14px; margin: 0; cursor: pointer; width: 20px; height: 20px; line-height: 20px; text-align: center; } .sidebar-on-mobile-vertical-nav .mobile-menu.eel-vertical-verticalmenu .submenu-parent-icon svg { height: 14px; margin-left: 0; fill: currentColor; } .sidebar-on-mobile-vertical-nav .mobile-menu.eel-vertical-verticalmenu > li { margin: 0; padding: 10px 0; list-style: none; position: relative; } .sidebar-on-mobile-vertical-nav ul.eel-vertical-verticalmenu > .menu-item.menu-item-has-children .eel-menu-text { display: flex; align-items: center; justify-content: space-between; } .sidebar-on-mobile-vertical-nav ul.eel-vertical-verticalmenu .eel-menu-badge { position: absolute; top: -7px; background: #df0a0a; border-radius: 10px 10px 10px 0; padding: 0px 8px 2px; color: #fff; font-size: 12px; display: block; font-weight: 400; left: 110%; } .sidebar-on-mobile-vertical-nav ul li a .submenu-parent-icon { display: none; } .sidebar-on-mobile-vertical-nav.eel-mobile-open-position-top { transform: scaleY(0); transform-origin: top; max-width: 100%; } .sidebar-on-mobile-vertical-nav.eel-mobile-open-position-top.easyel-open { transform: scaleY(1); } .sidebar-on-mobile-vertical-nav.eel-mobile-open-position-right { transform: translateX(100%); } .sidebar-on-mobile-vertical-nav .mobile-menu.eel-vertical-verticalmenu > li > a { position: relative; display: inline-block; } body.logged-in .sidebar-on-mobile-vertical-nav { padding: 80px 34px 40px 34px; } body.logged-in .sidebar-on-mobile-vertical-nav .eel-vertical-menu-icon-close { top: 50px; } .sidebar-on-mobile-vertical-nav.eel-mobile-open-position-right.easyel-open { transform: translateX(0); } .sidebar-on-mobile-vertical-nav ul.sub-menu:not(.eel-vertical-menu-content-part) { list-style: none; padding-left: 20px; padding-top: 14px; } .sidebar-on-mobile-vertical-nav ul.sub-menu:not(.eel-vertical-menu-content-part) li { padding-bottom: 8px; position: relative; } .sidebar-on-mobile-vertical-nav ul.sub-menu:not(.eel-vertical-menu-content-part) .submenu-parent-icon { top: 5px; } .sidebar-on-mobile-vertical-nav ul.sub-menu.eel-vertical-menu-content-part { padding: 0; margin: 0; } .sidebar-on-mobile-vertical-nav ul.sub-menu.eel-sub-open { display: block; } .sidebar-on-mobile-vertical-nav .unicon-chevron-down { display: inline-grid !important; height: 30px; width: 30px; cursor: pointer; position: absolute; right: 0; place-content: center; color: #121212; top: 7px; transition: transform 0.3s ease; } .sidebar-on-mobile-vertical-nav .unicon-chevron-down.active { transform: rotate(180deg); } .eel-single-nav-list.eel-single-nav-list-mobile li a { padding: 10px 0; } /* Mobile menu breakpoint toggle (class set in render: .eel-mobile-bp-XXX on the menu container) */ @media (max-width: 480px) { .eel-mobile-bp-480 .eel-vertical-menu-wrap > ul { display: none !important; } .eel-mobile-bp-480 .eel-vertical-menu-icon-mobile { display: block !important; } .eel-mobile-bp-480 .eel-vertical-menu-content-part.sub-menu { width: 100% !important; } } @media (max-width: 576px) { .eel-mobile-bp-576 .eel-vertical-menu-wrap > ul { display: none !important; } .eel-mobile-bp-576 .eel-vertical-menu-icon-mobile { display: block !important; } .eel-mobile-bp-576 .eel-vertical-menu-content-part.sub-menu { width: 100% !important; } } @media (max-width: 768px) { .eel-mobile-bp-768 .eel-vertical-menu-wrap > ul { display: none !important; } .eel-mobile-bp-768 .eel-vertical-menu-icon-mobile { display: block !important; } .eel-mobile-bp-768 .eel-vertical-menu-content-part.sub-menu { width: 100% !important; } } @media (max-width: 992px) { .eel-mobile-bp-992 .eel-vertical-menu-wrap > ul { display: none !important; } .eel-mobile-bp-992 .eel-vertical-menu-icon-mobile { display: block !important; } .eel-mobile-bp-992 .eel-vertical-menu-content-part.sub-menu { width: 100% !important; } }