/* #### Colors #### */ .nav li li a { border-bottom: 1px solid #e5e5e5; /* #### Dropdown border bottom #### */ font-weight: 600 !important; /* #### Dropdown font weight #### */ font-size: 16px !important; /* #### Dropdown font size #### */ } .et-menu > .menu-item-has-children > .sub-menu:before { border-bottom: 12px #0946a0 solid; /* Dropdown arrow color */ } ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after { color: #000000; /* Collapsing mobile icon color */ background: #f1f1f1; /* Collapsing mobile icon background color */ } /* #### Dropdown Menu #### */ .nav li li:last-child a { border-bottom: 0px solid #e5e5e5; } .nav li ul.sub-menu { padding: 0px !important; border-radius: 5px; box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%); -moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25); -webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%); } .nav li li { padding: 0 0px !important; width: 100%; } .et-menu li li a { padding: 10px 20px; width: 100% !important; } .et-menu > .menu-item-has-children > .sub-menu:before { content: ''; display: block; position: absolute; left: 20px; top: -20px; width: 0; height: 0; border-top: 8px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent; z-index: 1; } .nav li ul { right: 0!important; } .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a { padding-bottom: 20px; } /* #### Collaping Mobile Menu #### */ ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after { top: 10px; position: relative; font-family: "ETModules"; content: '\33'; border-radius: 50%; padding: 3px; } ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after { content: '\32'; } .et_mobile_menu .menu-item-has-children>a { font-weight: 600 !important; } ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon, ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon, .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon { width: 44px; height: 100%; padding: 0px !important; max-height: 44px; border: none; position: absolute; right: 0px; top: 0px; z-index: 999; background-color: transparent; } ul.et_mobile_menu>li.menu-item-has-children, ul.et_mobile_menu>li.page_item_has_children, ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } .et_mobile_menu .menu-item-has-children>a, .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a { background-color: transparent; } ul.et_mobile_menu .menu-item-has-children .sub-menu, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important; } ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible { display: block !important; visibility: visible !important; } ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon { text-align: center; opacity: 1; } .et_mobile_menu .menu-item-has-children>a { font-weight: 600 !important; } jQuery(function($) { $(document).ready(function() { $("body ul.et_mobile_menu li.menu-item-has-children, body ul.et_mobile_menu li.page_item_has_children").append(''); $('ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon, ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon').click(function(event) { event.preventDefault(); $(this).parent('li').toggleClass('mobile-toggle-open'); $(this).parent('li').find('ul.children').first().toggleClass('visible'); $(this).parent('li').find('ul.sub-menu').first().toggleClass('visible'); }); iconFINAL = 'P'; $('body ul.et_mobile_menu li.menu-item-has-children, body ul.et_mobile_menu li.page_item_has_children').attr('data-icon', iconFINAL); $('.mobile-toggle-icon').on('mouseover', function() { $(this).parent().addClass('active-toggle'); }).on('mouseout', function() { $(this).parent().removeClass('active-toggle'); }) }); });