/* Theme Name: HCPS Department Description: Simple. Affordable. Beautiful. Author: integritive inc. Version: 1.0 Template: enfold */ @import "../bonefold-main/main.css?ver=04022025e"; .caret-closed { position: relative; top: -3px; } #school-trigger.flip-arrow { background: url('../bonefold-main/images/arrow-up-gray.png') no-repeat 90% 40% #f6c41e !important; } .content ul{ list-style-type:disc; margin-left: 35px; } @keyframes floatUpDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .button-float { animation: floatUpDown 3s ease-in-out infinite; } @media only screen and (max-width: 1022px){ #mega-menu-wrap-mobile-menu .mega-menu-toggle + #mega-menu-mobile-menu { display: none; } } @media only screen and (max-width: 1022px){ #mega-menu-wrap-mobile-menu .mega-menu-toggle { display: block; } } @media only screen and (max-width: 1022px){ .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } } @media only screen and (max-width: 1022px){ #mega-menu-wrap-mobile-menu .mega-menu-toggle.mega-menu-open + #mega-menu-mobile-menu { display: block; } } @media only screen and (max-width: 1022px){ #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item { display: list-item; margin: 0; clear: both; border: 0; } } /*****/ @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus { color: #f6c41e; background: #333; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link { display: block; line-height: 40px; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before { display: inline-block; margin: 0 6px 0 0; text-align: left; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item > ul.mega-sub-menu { display: none; visibility: visible; opacity: 1; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { display: block; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu { display: none; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #f6c41e; background: #333; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #f6c41e; background: #333; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link br { display: none; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item { display: list-item; margin: 0; clear: both; border: 0; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-item-align-right { float: none; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link { border-radius: 0; border: 0; margin: 0; line-height: 40px; height: 40px; padding: 0 10px; background: transparent; text-align: left; color: #fff; font-size: 18px; } /* #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-menu-toggle, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-wrap-mobile-menu a:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-wrap-mobile-menu span:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-wrap-mobile-menu input:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-wrap-mobile-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-wrap-mobile-menu form.mega-search-open:has(input[type=text]:focus) { outline-style: solid; outline-width: 3px; outline-color: #109cde; outline-offset: -3px; } */ /* #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-mobile-menu a:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-mobile-menu input:focus, #mega-menu-wrap-mobile-menu.mega-keyboard-navigation #mega-menu-mobile-menu li.mega-menu-item a.mega-menu-link:focus { outline: 3px solid #109cde; outline-offset: -3px; } */ } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear { clear: left; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu { float: left; position: static; width: 100%; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu { border: 0; padding: 10px; border-radius: 0; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(odd) { clear: left; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu { float: left; position: static; width: 100%; padding: 0; border: 0; border-radius: 0; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { clear: both; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link { border-top-left-radius: 0; border-top-right-radius: 0; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { position: static; left: 0; width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link { padding-left: 20px; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link { padding-left: 30px; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: right; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { content: ''; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator { display: none; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-hide-on-mobile, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile { display: none; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu:after { content: ""; display: table; clear: both; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu .mega-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media only screen and (max-width: 1022px) { #mega-menu-wrap-mobile-menu .mega-menu-toggle + #mega-menu-mobile-menu { background: #333; padding: 0px 0px 0px 0px; display: none; } #mega-menu-wrap-mobile-menu .mega-menu-toggle.mega-menu-open + #mega-menu-mobile-menu { display: block; } } /*****************************************/ @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu { background: #333; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu { opacity: 0; transition: opacity 200ms ease-in, visibility 200ms ease-in; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { opacity: 1; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { opacity: 0; transform: translate(0, 10px); transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { opacity: 1; transform: translate(0, 0); } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { transform: translate(0, 10px); transition: transform 200ms ease-in, visibility 200ms ease-in; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { transform: translate(0, 0); } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-item-align-right { margin: 0 0 0 0px; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-item-align-float-left { float: left; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link:hover { background: #333; color: #f6c41e; font-weight: normal; text-decoration: none; border-color: #fff; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link { line-height: inherit; display: table-cell; vertical-align: middle; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 { width: 20%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 { width: 40%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 { width: 60%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 { width: 80%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 { width: 16.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 { width: 83.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 { width: 14.28571%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 { width: 28.57143%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 { width: 42.85714%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 { width: 57.14286%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 { width: 71.42857%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 { width: 85.71429%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 { width: 12.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 { width: 37.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 { width: 62.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 { width: 87.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 { width: 11.11111%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 { width: 22.22222%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 { width: 44.44444%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 { width: 55.55556%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 { width: 77.77778%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 { width: 88.88889%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 { width: 10%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 { width: 20%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 { width: 30%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 { width: 40%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 { width: 60%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 { width: 70%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 { width: 80%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 { width: 90%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 { width: 9.09091%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 { width: 18.18182%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 { width: 27.27273%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 { width: 36.36364%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 { width: 45.45455%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 { width: 54.54545%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 { width: 63.63636%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 { width: 72.72727%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 { width: 81.81818%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 { width: 90.90909%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 { width: 8.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 { width: 16.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 { width: 41.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 { width: 58.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 { width: 83.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 { width: 91.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 { width: 100%; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 { width: 20%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 { width: 40%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 { width: 60%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 { width: 80%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 { width: 16.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 { width: 83.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 { width: 14.28571%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 { width: 28.57143%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 { width: 42.85714%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 { width: 57.14286%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 { width: 71.42857%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 { width: 85.71429%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 { width: 12.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 { width: 37.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 { width: 62.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 { width: 87.5%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 { width: 11.11111%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 { width: 22.22222%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 { width: 44.44444%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 { width: 55.55556%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 { width: 77.77778%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 { width: 88.88889%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-10 { width: 10%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-10 { width: 20%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-10 { width: 30%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-10 { width: 40%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-10 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-10 { width: 60%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-10 { width: 70%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-10 { width: 80%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-10 { width: 90%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-10 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-11 { width: 9.09091%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-11 { width: 18.18182%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-11 { width: 27.27273%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-11 { width: 36.36364%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-11 { width: 45.45455%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-11 { width: 54.54545%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-11 { width: 63.63636%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-11 { width: 72.72727%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-11 { width: 81.81818%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-11 { width: 90.90909%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-11 { width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-12 { width: 8.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 { width: 16.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12 { width: 25%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-12 { width: 33.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-12 { width: 41.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-12 { width: 50%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-12 { width: 58.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-12 { width: 66.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-12 { width: 75%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-12 { width: 83.33333%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-12 { width: 91.66667%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 { width: 100%; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after { content: ''; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link { text-align: right; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator { float: left; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after { content: ''; margin: 0 6px 0 0; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before { float: right; margin: 0 0 0 6px; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { left: -100%; top: 0; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu.mega-menu-accordion > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: right; } } @media only screen and (min-width: 1023px) { #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-hide-on-desktop, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop { display: none; } } #mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated { padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; transform: scale(0.8); align-self: center; outline: 0; background: none; } /*Override the default WP Admin Bar styles*/ @media only screen and (min-width:600px) and (max-width: 1600px){ #wpadminbar { height: 64px; } html.wpadmin { margin-top: 64px !important; } } @media screen and (max-width: 800px) { html { --wp-admin--admin-bar--height: 46px; } /* Toolbar Touchification*/ html #wpadminbar { height: 46px; min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */ } #wpadminbar * { font-size: 14px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 2.28571428; } #wpadminbar .quicklinks > ul > li > a, #wpadminbar .quicklinks .ab-empty-item { padding: 0; height: 46px; line-height: 3.28571428; width: auto; } #wpadminbar .ab-icon { font: 40px/1 dashicons !important; margin: 0; padding: 0; width: 52px; height: 46px; text-align: center; } #wpadminbar .ab-icon:before { text-align: center; } #wpadminbar .ab-submenu { padding: 0; } #wpadminbar #wp-admin-bar-site-name a.ab-item, #wpadminbar #wp-admin-bar-my-sites a.ab-item, #wpadminbar #wp-admin-bar-my-account a.ab-item { text-overflow: clip; } #wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item, #wpadminbar .shortlink-input { line-height: 1.6; } #wpadminbar .ab-label { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } #wpadminbar .menupop li:hover > .ab-sub-wrapper, #wpadminbar .menupop li.hover > .ab-sub-wrapper { margin-top: -46px; } #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item { padding-right: 30px; } #wpadminbar .menupop .menupop > .ab-item:before { top: 10px; right: 6px; } #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item { font-size: 16px; padding: 8px 16px; } #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty { display: none; } /* WP logo */ #wpadminbar #wp-admin-bar-wp-logo > .ab-item { padding: 0; } #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { padding: 0; width: 52px; height: 46px; text-align: center; vertical-align: top; } #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { font: 28px/1 dashicons !important; top: -3px; } #wpadminbar .ab-icon, #wpadminbar .ab-item:before { padding: 0; } /* My Sites and "Site Title" menu */ #wpadminbar #wp-admin-bar-my-sites > .ab-item, #wpadminbar #wp-admin-bar-site-name > .ab-item, #wpadminbar #wp-admin-bar-site-editor > .ab-item, #wpadminbar #wp-admin-bar-customize > .ab-item, #wpadminbar #wp-admin-bar-edit > .ab-item, #wpadminbar #wp-admin-bar-my-account > .ab-item { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 52px; padding: 0; color: #a7aaad; /* @todo not needed? this text is hidden */ position: relative; } #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, #wpadminbar .ab-icon, #wpadminbar .ab-item:before { padding: 0; margin-right: 0; } #wpadminbar #wp-admin-bar-edit > .ab-item:before, #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, #wpadminbar #wp-admin-bar-site-name > .ab-item:before, #wpadminbar #wp-admin-bar-site-editor > .ab-item:before, #wpadminbar #wp-admin-bar-customize > .ab-item:before, #wpadminbar #wp-admin-bar-my-account > .ab-item:before { display: block; text-indent: 0; font: normal 32px/1 dashicons; speak: never; top: 7px; width: 52px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #wpadminbar #wp-admin-bar-appearance { margin-top: 0; } #wpadminbar .quicklinks li .blavatar:before { display: none; } /* Search */ #wpadminbar #wp-admin-bar-search { display: none; } /* New Content */ #wpadminbar #wp-admin-bar-new-content .ab-icon:before { top: 0; line-height: 1.33333333; height: 46px !important; text-align: center; width: 52px; display: block; } /* Updates */ #wpadminbar #wp-admin-bar-updates { text-align: center; } #wpadminbar #wp-admin-bar-updates .ab-icon:before { top: 3px; } /* Comments */ #wpadminbar #wp-admin-bar-comments .ab-icon { margin: 0; } #wpadminbar #wp-admin-bar-comments .ab-icon:before { display: block; font-size: 34px; height: 46px; line-height: 1.38235294; top: 0; } /* My Account */ #wpadminbar #wp-admin-bar-my-account > a { position: relative; white-space: nowrap; text-indent: 150%; /* More than 100% indention is needed since this element has padding */ width: 28px; padding: 0 10px; overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */ } #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { position: absolute; top: 13px; right: 10px; width: 26px; height: 26px; } #wpadminbar #wp-admin-bar-user-actions.ab-submenu { padding: 0; } #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar { display: none; } #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { margin: 0; } #wpadminbar #wp-admin-bar-user-info .display-name { height: auto; font-size: 16px; line-height: 1.5; color: #f0f0f1; } #wpadminbar #wp-admin-bar-user-info a { padding-top: 4px; } #wpadminbar #wp-admin-bar-user-info .username { line-height: 0.8 !important; margin-bottom: -2px; } /* Show only default top level items */ #wp-toolbar > ul > li { display: none; } #wpadminbar li#wp-admin-bar-menu-toggle, #wpadminbar li#wp-admin-bar-wp-logo, #wpadminbar li#wp-admin-bar-my-sites, #wpadminbar li#wp-admin-bar-updates, #wpadminbar li#wp-admin-bar-site-name, #wpadminbar li#wp-admin-bar-site-editor, #wpadminbar li#wp-admin-bar-customize, #wpadminbar li#wp-admin-bar-new-content, #wpadminbar li#wp-admin-bar-edit, #wpadminbar li#wp-admin-bar-comments, #wpadminbar li#wp-admin-bar-my-account { display: block; } /* Allow dropdown list items to appear normally */ #wpadminbar li:hover ul li, #wpadminbar li.hover ul li, #wpadminbar li:hover ul li:hover ul li { display: list-item; } /* Override default min-width so dropdown lists aren't stretched to 100% viewport width at responsive sizes. */ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { min-width: -moz-fit-content; min-width: fit-content; } #wpadminbar ul#wp-admin-bar-root-default > li { margin-right: 0; } /* Experimental fix for touch toolbar dropdown positioning */ #wpadminbar .ab-top-menu, #wpadminbar .ab-top-secondary, #wpadminbar #wp-admin-bar-wp-logo, #wpadminbar #wp-admin-bar-my-sites, #wpadminbar #wp-admin-bar-site-name, #wpadminbar #wp-admin-bar-updates, #wpadminbar #wp-admin-bar-comments, #wpadminbar #wp-admin-bar-new-content, #wpadminbar #wp-admin-bar-edit, #wpadminbar #wp-admin-bar-my-account { position: static; } #wpadminbar #wp-admin-bar-my-account { float: right; } .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account { margin-right: 0; } /* Realign arrows on taller responsive submenus */ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { top: 10px; left: 0; } #wpadminbar .monsterinsights-adminbar-menu-item { display:block } #wpadminbar .monsterinsights-adminbar-menu-item .monsterinsights-admin-bar-handle-text { display: none } #wpadminbar .monsterinsights-adminbar-menu-item .dashicons-chart-bar:before { font-size: 28px; margin-top: 10px; width: 28px; height: 28px } } @media only screen and (max-width:600px){ #wpadminbar { position: fixed; } }