/* All */ .ubermenu, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-item, .ubermenu .ubermenu-target, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-row, .ubermenu .ubermenu-column, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-image, .ubermenu .ubermenu-icon, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-submenu-footer, .ubermenu-responsive-toggle{ margin:0; padding:0; left:auto; right:auto; top:auto; bottom:auto; text-indent:0; clip:auto; position:static; background:none; text-transform:none; overflow:visible; z-index:10; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; vertical-align:top; line-height:1.3em; border:none; border-radius:0; pointer-events:auto; } /* Reset - Exclude image */ .ubermenu, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-item, .ubermenu .ubermenu-target, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-row, .ubermenu .ubermenu-column, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-submenu-footer, .ubermenu-responsive-toggle{ height:auto; width:auto; max-height:none; min-height:0; } /* Variables */ .ubermenu{ --ubermenu-submenu-indicator-translateY: translateY(-50%); --ubermenu-submenu-indicator-offset:0; --ubermenu-submenu-indicator-right-transform: var(--ubermenu-submenu-indicator-translateY) rotate(-90deg); --ubermenu-submenu-indicator-left-transform: var(--ubermenu-submenu-indicator-translateY) rotate(90deg); } .ubermenu .ubermenu-submenu-drop, /* Important for any transitions in submenu */ .ubermenu .ubermenu-image{ /* Prevent jiggle on transition in Chrome */ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -moz-transform:translateZ(0); -webkit-transform:translateZ(0); //don't transform in IE, as it makes fonts blurry } .ubermenu{ display:block; background:#fff; line-height:1.3em; text-align:left; // --ubermenu-accordion-indent:20px; } .ubermenu-bound{ position:relative; } .ubermenu-bound-inner .ubermenu-nav{ position:relative; } .ubermenu, .ubermenu-nav{ overflow:visible !important; z-index:100; } .ubermenu-nav{ text-align:inherit; } .ubermenu-nav, .ubermenu-submenu, .ubermenu-row{ display:block; margin:0; padding:0; list-style: none; } .ubermenu a.ubermenu-target, .ubermenu-trigger-click .ubermenu-has-submenu-drop > .ubermenu-target{ cursor:pointer; } .ubermenu span.ubermenu-target{ cursor:default; } .ubermenu-accessible .ubermenu-target{ outline:none; } .ubermenu-accessible:not(:hover) .ubermenu-target:focus, .ubermenu-accessible input:not(:hover):focus{ outline:1px solid #2cc4ff; box-shadow:0 0 5px #2CC4FF !important; z-index:50; transition:outline .1s linear; } /* Toggle */ .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper{ display:none; text-decoration:none; cursor:pointer; max-width:100%; } .ubermenu-responsive-toggle:hover{ text-decoration: none; } .ubermenu-responsive-toggle .fas, .ubermenu-responsive-toggle .fab, .ubermenu-responsive-toggle .far, .ubermenu-responsive-toggle .svg-inline--fa, .ubermenu-responsive-toggle .ubermenu-icon-essential{ width: 1.3em; text-align: center; margin-right:.6em; } .ubermenu-responsive-toggle-icon-only .fas, .ubermenu-responsive-toggle-icon-only .fab, .ubermenu-responsive-toggle-icon-only .far, .ubermenu-responsive-toggle-icon-only .svg-inline--fa, .ubermenu-responsive-toggle-icon-only .ubermenu-icon-essential{ margin-right:0; } .ubermenu-responsive-toggle .ubermenu-icon-essential{ font-size:1.3em; vertical-align:text-bottom; } .ubermenu-responsive-toggle-align-left{ float:left; } .ubermenu-responsive-toggle-align-right{ float:right; } .ubermenu-responsive-toggle-content-align-left{ text-align:left; } .ubermenu-responsive-toggle-content-align-center{ text-align:center; } .ubermenu-responsive-toggle-content-align-right{ text-align:right; } button.ubermenu-responsive-toggle-align-full{ width:100%; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times.ubermenu-responsive-toggle-open .fas:before{ content:'\f00d'; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times .ubermenu-icon-essential-times, .ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times.ubermenu-responsive-toggle-open .ubermenu-icon-essential-bars{ display:none; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times.ubermenu-responsive-toggle-open .ubermenu-icon-essential-times, .ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times .ubermenu-icon-essential-bars{ display:flex; } .ubermenu-responsive-toggle-fixed{ --ubermenu-fixed-toggle-offset-y: 0px; --ubermenu-fixed-toggle-offset-x: 0px; position:fixed; top:0; top:calc(var(--wp-admin--admin-bar--height, 0px) + var(--ubermenu-fixed-toggle-offset-y, 0px) ); right:var(--ubermenu-fixed-toggle-offset-x, 0px); z-index:9999; } /* Header/Footer Mobile content */ .ubermenu .ubermenu-mobile-header, .ubermenu .ubermenu-mobile-footer{ display:none; } // /* Mobile Modal */ // .ubermenu.ubermenu-mobile-modal{ // transition:none; // } // .ubermenu.ubermenu-mobile-modal{ // transition-duration:.1s; // transition-property: transform, opacity, visibility; // } /* Bar */ .ubermenu-bar-align-full{ clear:both; } .ubermenu-bar-align-left{ float:left; } .ubermenu-bar-align-right{ float:right; } .ubermenu-bar-align-center{ float:none; margin:0 auto; } .ubermenu-bar-inner-center .ubermenu-nav{ margin:0 auto; } /* Top Level Item Aligment */ .ubermenu-items-align-center{ text-align:center; } .ubermenu-items-align-right{ text-align:right; } .ubermenu .ubermenu-item{ text-align:left; display:inline-block; vertical-align:top; } .ubermenu-horizontal.ubermenu-items-align-flex .ubermenu-nav{ display: flex; } .ubermenu-horizontal.ubermenu-items-align-flex .ubermenu-nav .ubermenu-item-level-0{ flex-grow:1; text-align:center; } /* Top level menu items */ .ubermenu .ubermenu-item-level-0{ vertical-align:bottom; -moz-backface-visibility:visible; /* Important for Firefox mega subs in older versions */ backface-visibility:visible; } .ubermenu-items-align-top .ubermenu-item-level-0{ vertical-align:top; } .ubermenu .ubermenu-item.ubermenu-item-level-0{ float:none; } .ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0{ float:left; } .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left{ float:left; } .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-right{ float:right; } body:not(.rtl) .ubermenu.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target{ border-left:none; } .ubermenu .ubermenu-target, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-widget, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-retractor, .ubermenu-responsive-toggle, .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-submenu-padded{ padding:15px 20px; } .ubermenu .ubermenu-target-nowrap > .ubermenu-target-title{ white-space:nowrap; } .ubermenu-horizontal .ubermenu-item.ubermenu-item-mini > .ubermenu-target{ padding-left:5px; padding-right:5px; } /* Top Level Always Visible Stack */ .ubermenu .ubermenu-item-level-0.ubermenu-has-submenu-stack{ position:relative; } .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu-type-stack{ padding-top:0; } .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item{ clear:both; width:100%; } /* Submenu Stack */ .ubermenu .ubermenu-submenu .ubermenu-submenu-type-stack{ width:auto; } .ubermenu .ubermenu-active .ubermenu-submenu .ubermenu-submenu-type-stack{ visibility:visible; opacity:1; display:block; } .ubermenu .ubermenu-submenu-type-stack, .ubermenu .ubermenu-autocolumn{ padding-top:10px; padding-bottom:10px; } //Remove padding from top of stacks in columns .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack{ padding-top:0; /*padding-bottom:0;*/ } //If a it's a stack of menu items, add top margin .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child{ margin-top:10px; } .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target{ padding-top:5px; /* Stacked items are tighter */ padding-bottom:5px; } .ubermenu .ubermenu-target{ display:block; text-decoration:none; position:relative; } .ubermenu .ubermenu-target-with-image{ overflow:hidden; /* Important as a clearfix for images taller than text */ } .ubermenu .ubermenu-submenu .ubermenu-target{ backface-visibility:hidden; /* Fix for Chrome rendering bug */ } /* Submenu Indicators */ .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target > .ubermenu-sub-indicator { position:absolute; right:10px; top:50%; // margin-top:-6px; transform:var(--ubermenu-submenu-indicator-translateY); //translateY(-50%); margin-top:var(--ubermenu-submenu-indicator-offset); // transform:translateY(calc(-50% + var(--ubermenu-submenu-indicator-offset))); /*content:"\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; color:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target > .ubermenu-sub-indicator > .ubermenu-icon-essential{ display:flex; font-size:9px; margin-top:1px; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target{ padding-right:25px; } .ubermenu-sub-indicators .ubermenu-item-has-children > .ubermenu-target.ubermenu-noindicator{ padding-right:20px; } .ubermenu-sub-indicators .ubermenu-item-mini.ubermenu-item-has-children > .ubermenu-target.ubermenu-noindicator{ padding-right:5px; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-noindicator > .ubermenu-sub-indicator{ display:none; } .ubermenu-sub-indicators.ubermenu-sub-indicators-align-text .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ right:auto; margin-left:.6em; } .ubermenu.ubermenu-sub-indicators.ubermenu-sub-indicators-align-text.ubermenu-items-vstretch .ubermenu-item.ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target{ flex-wrap:nowrap; } .ubermenu.ubermenu-sub-indicators.ubermenu-sub-indicators-align-text.ubermenu-items-vstretch .ubermenu-item.ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ position: relative; top: auto; margin-top: 0; } /* Right arrows */ .ubermenu-sub-indicators .ubermenu-submenu-type-flyout > .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator, .ubermenu-sub-indicators .ubermenu-submenu-type-stack > .ubermenu-has-submenu-drop.ubermenu-has-submenu-flyout > .ubermenu-target > .ubermenu-sub-indicator{ transform: var(--ubermenu-submenu-indicator-right-transform); } /* Reverse Flyouts */ .ubermenu-sub-indicators .ubermenu-submenu .ubermenu-has-submenu-flyout.ubermenu-submenu-reverse > .ubermenu-target > .ubermenu-sub-indicator{ right:auto; left:10px; transform: var(--ubermenu-submenu-indicator-left-transform); } /* Sub indicator close */ .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close{ position:absolute; right:0; top:0; width:28px; text-align:center; vertical-align:bottom; display:none; height:100%; } .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close > [class^="fa"]{ display:inline-block; position:absolute; top:50%; margin-top:-.4em; left:0; width:100%; } .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close > .svg-inline--fa{ position:absolute; top:50%; bottom:50%; transform:translate(-50%, -50%); } /* Target Text */ .ubermenu .ubermenu-target-text{ display:inline-block; vertical-align:baseline; font-family:inherit; font-weight:inherit; color:inherit; } /* Description */ .ubermenu .ubermenu-target-description{ font-size:80%; font-weight:normal; clear:both; display:block; } .ubermenu .ubermenu-target-with-image > .ubermenu-target-text{ display:block; clear:none; } .ubermenu .ubermenu-item.ubermenu-disable-padding > .ubermenu-target{ padding:0; } .ubermenu.ubermenu-sub-indicators .ubermenu-item.ubermenu-disable-padding.ubermenu-has-submenu-drop > .ubermenu-target{ padding-right:30px; } /* Images */ .ubermenu .ubermenu-image{ display:block; max-width:100%; transition:opacity 1s ease; opacity:1; } .ubermenu .ubermenu-image:not(.ubermenu-image-lazyload){ height:auto; } .ubermenu .ubermenu-image-lazyload{ opacity:0; } .ubermenu .ubermenu-item-layout-image_left > .ubermenu-target-text{ padding-left:50px; /* Default */ } .ubermenu .ubermenu-item-layout-image_left > .ubermenu-image{ float:left; } .ubermenu .ubermenu-item-layout-image_right > .ubermenu-target-text{ padding-right:50px; /* Default */ } .ubermenu .ubermenu-item-layout-image_right > .ubermenu-image{ float:right; } .ubermenu .ubermenu-item-layout-image_above > .ubermenu-image{ margin-bottom:10px; } .ubermenu .ubermenu-item-layout-image_below > .ubermenu-image{ margin-top:10px; } /* Icons */ .ubermenu .ubermenu-icon{ width:1.3em; text-align:center; line-height:1em; vertical-align:baseline; /* i version */ } .ubermenu .ubermenu-icon.svg-inline--fa{ vertical-align:-.125em; /* svg-version - Font Awesome dictated */ } .ubermenu .ubermenu-icon.ubermenu-icon-ubermenu-svg{ display:inline-flex; align-items:center; justify-content:center; padding-block:.08em; height:1em; svg{ height:100%; width:auto; } } .ubermenu .ubermenu-item-notext > .ubermenu-icon{ line-height:1.3em; } /* Essential Icons */ .ubermenu-icon-essential, .ubermenu .ubermenu-icon-essential{ width:1em; height:1em; display:inline-flex; align-items:center; } .ubermenu-icon-essential svg, .ubermenu .ubermenu-icon-essential svg{ width:100%; height:100%; fill:currentColor; } /* .ubermenu .ubermenu-item-layout-icon_left > .ubermenu-icon, .ubermenu .ubermenu-item-layout-icon_right > .ubermenu-icon{ vertical-align:middle; } */ .ubermenu .ubermenu-item-layout-icon_top > .ubermenu-icon, .ubermenu .ubermenu-item-layout-icon_bottom > .ubermenu-icon{ line-height:1.3em; vertical-align:baseline; } .ubermenu.ubermenu-sub-indicators .ubermenu-has-submenu-drop:not(.ubermenu-tab) > .ubermenu-target.ubermenu-item-layout-icon_top > .ubermenu-sub-indicator, .ubermenu.ubermenu-sub-indicators .ubermenu-has-submenu-drop:not(.ubermenu-tab) > .ubermenu-target.ubermenu-item-layout-icon_bottom > .ubermenu-sub-indicator{ left:50%; right:auto; margin-left:-4px; bottom:0px; top:auto; } .ubermenu .ubermenu-item-layout-icon_top > .ubermenu-icon { margin-bottom:5px; } .ubermenu .ubermenu-item-layout-icon_bottom > .ubermenu-icon { margin-top:5px; } .ubermenu .ubermenu-item-layout-icon_top.ubermenu-item-notext > .ubermenu-icon{ margin:0; } .ubermenu .ubermenu-item-layout-icon_left > .ubermenu-target-title{ margin-left:.6em; display:inline-block; } .ubermenu.ubermenu-icons-inline .ubermenu-item-layout-icon_left > .ubermenu-icon, .ubermenu.ubermenu-icons-inline .ubermenu-item-layout-icon_left > .ubermenu-target-title{ display:inline; white-space: normal; } /* Content alignment */ .ubermenu .ubermenu-content-align-left{ text-align:left; } .ubermenu .ubermenu-content-align-left > .ubermenu-image{ display:inline-block; } .ubermenu .ubermenu-content-align-center{ text-align:center; } .ubermenu .ubermenu-content-align-center > .ubermenu-image{ float:none; margin-left:auto; margin-right:auto; } .ubermenu .ubermenu-content-align-right{ text-align:right; } .ubermenu .ubermenu-content-align-right > .ubermenu-image{ display:inline-block; } /* Columns & Rows */ .ubermenu .ubermenu-row, .ubermenu .ubermenu-column{ max-width:100%; } /* Drop Sub */ .ubermenu .ubermenu-item .ubermenu-submenu-drop{ position:absolute; z-index:500; top:-10000px; /*display:none;*/ height:0; max-height:0; visibility:hidden; overflow:hidden; display:none\9; } .ubermenu .ubermenu-item:not(.ubermenu-active) .ubermenu-submenu-drop{ min-height:0 !important; } .ubermenu .ubermenu-item .ubermenu-submenu-padded{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ubermenu-nojs .ubermenu-item:hover > .ubermenu-submenu-drop, .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop{ display:block; visibility:visible; opacity:1; height:auto; max-height:none; } .ubermenu-nojs .ubermenu-item:hover > .ubermenu-submenu-type-flyout, .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-type-flyout{ overflow:visible; /* For sub flyouts */ } .ubermenu .ubermenu-item.ubermenu-in-transition > .ubermenu-submenu-type-flyout{ overflow:hidden; } .ubermenu .ubermenu-item .ubermenu-submenu-drop{ box-shadow:0 0 20px rgba(0,0,0,.15); } .ubermenu .ubermenu-item-level-0 > .ubermenu-submenu-drop{ clip: rect(0,5000px,5000px,-5000px); } .ubermenu-bound .ubermenu-submenu-type-mega{ min-width:50%; /* Default */ } /* Mega Submenu Grid Layouts */ .ubermenu .ubermenu-submenu-grid, .ubermenu .ubermenu-grid-row{ padding-right:20px; } .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-grid > .ubermenu-item > .ubermenu-target, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-grid > .ubermenu-item > .ubermenu-target, // grid that is tab content panel .ubermenu .ubermenu-submenu-type-tab-content-panel .ubermenu-submenu-grid > .ubermenu-item > .ubermenu-target, // grid within tab content panel .ubermenu .ubermenu-submenu-type-mega .ubermenu-grid-row > .ubermenu-item > .ubermenu-target{ padding-right:0; } /* Drop Sub Open Layering */ .ubermenu-nojs .ubermenu-item:hover > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-active > .ubermenu-target{ position:relative; } .ubermenu-nojs .ubermenu-item:hover .ubermenu-submenu-drop, .ubermenu .ubermenu-item.ubermenu-active .ubermenu-submenu-drop{ z-index:20; } /* Drop Sub - Left edge of menu item */ .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item{ left:auto; } /* Drop Sub - Right edge of menu item - forces RTL */ .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-right_edge_item{ right:auto; } /* Drop Sub - Left Edge of Menu Bar */ .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width{ left:0; } /* Drop Sub - Right Edge of Menu Bar */ .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-right_edge_bar{ right:0; } .ubermenu .ubermenu-submenu-rtl, .rtl .ubermenu .ubermenu-submenu-rtl *{ direction:rtl; } .ubermenu .ubermenu-submenu-rtl > *{ direction:ltr; } .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width{ width:100%; } /* Retractor */ .ubermenu .ubermenu-retractor{ display:block; clear: both; text-align: center; cursor:pointer; } .ubermenu .ubermenu-retractor:hover{ background:rgba( 0,0,0, .1 ); } .ubermenu .ubermenu-retractor-desktop{ //float:right; //position:relative; position:absolute; right:0; top:0; padding:7px 10px; z-index:100; } /* Submenu menu items */ .ubermenu .ubermenu-submenu .ubermenu-item{ /*min-width:100px;*/ } /* Stack Sub */ .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item{ display:block; } .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item.ubermenu-column-auto{ width:100%; display:block; float:none; min-width:0; } .ubermenu .ubermenu-item-header > .ubermenu-submenu-type-stack > .ubermenu-autocolumn, .ubermenu .ubermenu-item-header > .ubermenu-submenu-type-stack > .ubermenu-autocolumn > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child{ padding-top:0; margin-top:0; } .ubermenu .ubermenu-autocolumn + .ubermenu-item-view-all{ clear:both; /* View all link in a stack needs to clear properly */ } /* Indented Stacks */ .ubermenu .ubermenu-submenu-type-stack.ubermenu-submenu-indent{ padding-left:1.6em; padding-top:.4em; } .ubermenu .ubermenu-submenu-footer{ position:absolute; bottom:0; right:0; padding:10px 20px; color:inherit; font-size:inherit; list-style: none; } .ubermenu .ubermenu-submenu-footer a{ text-decoration:none; font-weight:bold; font-size:inherit; } .wp-block-ubermenu-ubermenu-block > div{ margin:0; } // forces fse to load file