PREFIX { /* Submenu footer content */ /* Tab Layering */ /* Tabs on Mobile with mouse (but not click) - leave space to hover off */ /* Sub indicator close visibility */ /* When submenus and items go full width, move items back to appropriate positioning */ /* Fixed position mobile menu */ /* Header/Footer Mobile content */ /* Accordion submenus mobile (single column tablet) */ /* Accordion indented - remove borders and extra spacing from headers */ /* Accordion dropdown indentation padding */ /* Reverse Accordion dropdown indentation padding */ } PREFIX .ubermenu-responsive-toggle, PREFIX .ubermenu-sticky-toggle-wrapper { display: block; } PREFIX .ubermenu-responsive { width: 100%; max-height: 600px; visibility: visible; overflow: visible; -webkit-transition: max-height 1s ease-in; transition: max-height 0.3s ease-in; } PREFIX .ubermenu-responsive.ubermenu-mobile-accordion:not(.ubermenu-mobile-modal):not(.ubermenu-in-transition):not(.ubermenu-responsive-collapse) { max-height: none; } PREFIX .ubermenu-responsive.ubermenu-items-align-center { text-align: left; } PREFIX .ubermenu-responsive.ubermenu { margin: 0; } PREFIX .ubermenu-responsive.ubermenu .ubermenu-nav { display: block; } PREFIX .ubermenu-responsive.ubermenu-responsive-nocollapse, PREFIX .ubermenu-repsonsive.ubermenu-no-transitions { display: block; max-height: none; } PREFIX .ubermenu-responsive.ubermenu-responsive-collapse { max-height: none; visibility: visible; overflow: visible; } PREFIX .ubermenu-responsive.ubermenu-responsive-collapse { max-height: 0; overflow: hidden !important; visibility: hidden; } PREFIX .ubermenu-responsive.ubermenu-in-transition, PREFIX .ubermenu-responsive.ubermenu-in-transition .ubermenu-nav { overflow: hidden !important; visibility: visible; } PREFIX .ubermenu-responsive.ubermenu-responsive-collapse:not(.ubermenu-in-transition) { border-top-width: 0; border-bottom-width: 0; } PREFIX .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item .ubermenu-submenu { display: none; } PREFIX .ubermenu-responsive .ubermenu-item-level-0 { width: 50%; } PREFIX .ubermenu-responsive.ubermenu-responsive-single-column .ubermenu-item-level-0 { float: none; clear: both; width: 100%; } PREFIX .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { border: none; box-shadow: none; } PREFIX .ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout { position: static; } PREFIX .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-submenu-type-flyout .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { transform: rotate(0); right: 10px; left: auto; } PREFIX .ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop { width: 100%; min-width: 100%; max-width: 100%; top: auto; left: 0 !important; } PREFIX .ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop { left: -1px !important; /* For borders */ } PREFIX .ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item.ubermenu-column { min-height: 0; border-left: none; float: left; /* override left/center/right content alignment */ display: block; } PREFIX .ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega { max-height: none; height: auto; /*prevent overflow scrolling since android is still finicky*/ overflow: visible; } PREFIX .ubermenu-responsive.ubermenu-transition-slide .ubermenu-item.ubermenu-in-transition > .ubermenu-submenu-drop { max-height: 1000px; /* because of slide transition */ } PREFIX .ubermenu .ubermenu-submenu-type-flyout .ubermenu-submenu-type-mega { min-height: 0; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-column, PREFIX .ubermenu.ubermenu-responsive .ubermenu-column-auto { min-width: 50%; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-autoclear > .ubermenu-column { clear: none; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) { clear: both; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+1) { clear: none; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+2) { clear: both; } PREFIX .ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item { float: none; clear: both; width: 100%; min-width: 100%; } PREFIX .ubermenu .ubermenu-submenu-footer { position: relative; clear: both; bottom: auto; right: auto; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-tabs, PREFIX .ubermenu.ubermenu-responsive .ubermenu-tabs-group, PREFIX .ubermenu.ubermenu-responsive .ubermenu-tab, PREFIX .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel { /** TABS SHOULD BE 100% && ACCORDION */ width: 100%; min-width: 100%; max-width: 100%; left: 0; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-tabs, PREFIX .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel { min-height: 0 !important; /* Override Inline Style from JS */ } PREFIX .ubermenu.ubermenu-responsive .ubermenu-tabs { z-index: 15; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel { z-index: 20; } PREFIX .ubermenu-responsive .ubermenu-tab { position: relative; } PREFIX .ubermenu-responsive .ubermenu-tab.ubermenu-active { position: relative; z-index: 20; } PREFIX .ubermenu-responsive .ubermenu-tab > .ubermenu-target { border-width: 0 0 1px 0; } PREFIX .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { transform: rotate(0); right: 10px; left: auto; } PREFIX .ubermenu-responsive .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel { top: auto; border-width: 1px; } PREFIX .ubermenu-responsive .ubermenu-tab-layout-bottom > .ubermenu-tabs-group { /*position:relative;*/ } PREFIX .ubermenu-reponsive .ubermenu-item-level-0 > .ubermenu-submenu-type-stack { /* Top Level Stack Columns */ position: relative; } PREFIX .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column, PREFIX .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column-auto { /* Stack Columns */ width: 100%; max-width: 100%; } PREFIX .ubermenu-responsive .ubermenu-item-mini { /* Mini items */ min-width: 0; width: auto; float: left; clear: none !important; } PREFIX .ubermenu-responsive .ubermenu-item.ubermenu-item-mini > a.ubermenu-target { padding-left: 20px; padding-right: 20px; } PREFIX .ubermenu-responsive .ubermenu-item.ubermenu-hide-mobile { /* Hiding items */ display: none !important; } PREFIX .ubermenu-responsive.ubermenu-hide-bkgs .ubermenu-submenu.ubermenu-submenu-bkg-img { /** Hide Background Images in Submenu */ background-image: none; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-item-mini { min-width: 0; width: auto; } PREFIX .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0 { width: 100%; } PREFIX .ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children > .ubermenu-target > .ubermenu-sub-indicator { right: 10px; left: auto; transform: rotate(0); } PREFIX .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0.ubermenu-relative.ubermenu-active > .ubermenu-submenu-drop.ubermenu-submenu-align-vertical_parent_item { top: auto; } PREFIX .ubermenu.ubermenu-responsive .ubermenu-tabs { position: static; } PREFIX .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="mouseover"] .ubermenu-tab-content-panel, PREFIX .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="hover_intent"] .ubermenu-tab-content-panel { margin-left: 6%; width: 94%; min-width: 94%; } PREFIX .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator-close { display: block; display: flex; align-items: center; justify-content: center; } PREFIX .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator { display: none; } PREFIX .ubermenu .ubermenu-tabs .ubermenu-tab-content-panel { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075); } PREFIX .ubermenu .ubermenu-submenu-rtl { direction: ltr; } PREFIX .ubermenu.ubermenu-mobile-modal { position: fixed; z-index: 9999999; opacity: 1; top: 0; left: 0; width: 100%; width: 100vw; max-width: 100%; max-width: 100vw; height: 100%; height: calc(100vh - calc(100vh - 100%)); height: -webkit-fill-available; max-height: calc(100vh - calc(100vh - 100%)); max-height: -webkit-fill-available; border: none; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; overflow-y: auto !important; /* for non-accordion mode */ overflow-x: hidden !important; overscroll-behavior: contain; transform: scale(1); transition-duration: 0.1s; transition-property: all; } PREFIX .ubermenu.ubermenu-mobile-modal.ubermenu-mobile-accordion.ubermenu-interaction-press { overflow-y: hidden !important; } PREFIX .ubermenu.ubermenu-mobile-modal.ubermenu-responsive-collapse { overflow: hidden !important; opacity: 0; transform: scale(0.9); visibility: hidden; } PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-nav { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; } PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-item-level-0 { margin: 0; } PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-mobile-close-button { border: none; background: none; border-radius: 0; padding: 1em; color: inherit; display: inline-block; text-align: center; font-size: 14px; } PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button { width: 100%; display: flex; align-items: center; justify-content: center; } PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button .ubermenu-icon-essential, PREFIX .ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button .fas.fa-times { margin-right: 0.2em; } PREFIX .ubermenu .ubermenu-mobile-header, PREFIX .ubermenu .ubermenu-mobile-footer { display: block; text-align: center; color: inherit; } PREFIX .ubermenu.ubermenu-responsive-single-column.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-item > .ubermenu-submenu-drop, PREFIX .ubermenu.ubermenu-responsive-single-column.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-tab > .ubermenu-tab-content-panel { box-sizing: border-box; border-left: none; border-right: none; box-shadow: none; } PREFIX .ubermenu.ubermenu-responsive-single-column.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop, PREFIX .ubermenu.ubermenu-responsive-single-column.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel { position: static; } PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu.ubermenu-submenu-drop, PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { border: none; } PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-submenu-type-stack { padding-top: 0; } PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: calc(var(--ubermenu-accordion-indent) * 2); } PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: calc(var(--ubermenu-accordion-indent) * 3); } PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: calc(var(--ubermenu-accordion-indent) * 4); } .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: 0; padding-right: calc(var(--ubermenu-accordion-indent) * 2); } .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: 0; padding-right: calc(var(--ubermenu-accordion-indent) * 3); } .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-submenu-drop .ubermenu-item > .ubermenu-target, .rtl PREFIX .ubermenu.ubermenu-mobile-accordion-indent .ubermenu-submenu-drop .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-tab-content-panel .ubermenu-item > .ubermenu-target { padding-left: 0; padding-right: calc(var(--ubermenu-accordion-indent) * 4); }