.ultra-menu-enhancer :where(.ultra-menu-target) {
position: relative;
isolation: isolate;
} .ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target {
z-index: var(--um-submenu-z, 99999) !important;
position: relative !important;
} .ultra-menu-enhancer.um-overflow-visible .ultra-menu-target,
.ultra-menu-enhancer.um-overflow-visible .ultra-menu-target-parent {
overflow: visible !important;
} .ultra-menu-enhancer.um-navbar-bg-on :where(.ultra-menu-target)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: var(--me-navbar-bg);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
pointer-events: none;
}
.ultra-menu-enhancer.um-navbar-bg-on :where(
.ultra-menu-target :where(ul.menu, .menu)
) {
background: var(--me-navbar-bg);
background-repeat: no-repeat;
background-size: cover;
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target li:hover > ul.sub-menu,
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target li:hover > ul.children,
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target li:focus-within > ul.sub-menu,
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target li:focus-within > ul.children {
z-index: 999999 !important;
display: block !important;
visibility: visible !important;
}
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target :where(li.menu-item-has-children, li.page_item_has_children, li:has(> ul.sub-menu), li:has(> ul.children)) {
position: relative;
}
.ultra-menu-enhancer.um-dropdown-fix .ultra-menu-target :where(li.menu-item-has-children, li.page_item_has_children):where(:hover, :focus-within) {
z-index: var(--um-submenu-z) !important;
}
} .ultra-menu-enhancer.um-dropdown-borderless :where(.ultra-menu-target) :where(
ul.sub-menu,
.sub-menu,
ul.children,
.children,
ul.sub-menu li,
.sub-menu li,
ul.children li,
.children li,
ul.sub-menu a,
.sub-menu a,
ul.children a,
.children a
) {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-dropdown-fix.um-gradients :where(.ultra-menu-target) :where(ul.sub-menu, .sub-menu, ul.children, .children) {
z-index: var(--um-submenu-z) !important;
}
} .ultra-menu-enhancer.um-navbar-height :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a) {
min-height: var(--um-navbar-height) !important;
height: var(--um-navbar-height) !important;
display: flex;
align-items: center;
line-height: 1 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ultra-menu-enhancer.um-navbar-height :where(.ultra-menu-target) :where(ul.menu > li, .menu > li, .menu-item) {
height: var(--um-navbar-height) !important;
}
.ultra-menu-enhancer .ultra-menu-target :where(ul.menu, .menu, ul.menu > li, .menu > li, .menu-item) { position: relative;
} .ultra-menu-enhancer .ultra-menu-target li a {
font-size: var(--um-link-font-size) !important;
transition: color 180ms ease, background-image 220ms ease, background-size 220ms ease, opacity 180ms ease;
text-decoration: none;
position: relative;
padding-top: var(--um-link-py) !important;
padding-bottom: var(--um-link-py) !important;
} .ultra-menu-enhancer.um-link-color .ultra-menu-target li a {
color: var(--me-link-color) !important;
} .ultra-menu-enhancer.um-link-hover-color .ultra-menu-target li a:hover,
.ultra-menu-enhancer.um-link-hover-color .ultra-menu-target li:hover > a {
color: var(--me-link-hover-color) !important;
} .ultra-menu-enhancer.um-hover-effects .ultra-menu-target ul.menu > li > a::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu > li > a::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu-item > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.1em;
height: 2px;
background: currentColor;
opacity: 0;
transform: scaleX(0.7);
transform-origin: center;
transition: transform 200ms ease, opacity 200ms ease;
pointer-events: none;
}
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target ul.menu > li > a:hover::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu > li > a:hover::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu-item > a:hover::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target ul.menu > li > a:focus-visible::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu > li > a:focus-visible::after,
.ultra-menu-enhancer.um-hover-effects .ultra-menu-target .menu-item > a:focus-visible::after {
opacity: 0.9;
transform: scaleX(1);
} .ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) :where(
ul.menu:not(.sub-menu):not(.children) > li > a,
.menu:not(.sub-menu):not(.children) > li > a,
ul:not(.sub-menu):not(.children) > li > a
) { background: var(--me-link-bg);
}
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul.menu:not(.sub-menu):not(.children) > li > a,
.ultra-menu-enhancer.um-gradients .ultra-menu-target .menu:not(.sub-menu):not(.children) > li > a,
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul:not(.sub-menu):not(.children) > li > a { background: var(--me-link-bg) !important;
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) :where(
nav > ul.menu,
nav > .menu,
nav .menu > ul.menu,
.main-navigation > ul.menu,
.primary-navigation > ul.menu,
.primary-navbar > ul.menu,
#site-navigation > ul.menu
) {
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
gap: 0;
column-gap: 0;
row-gap: 0;
} .ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) ul:not(.sub-menu):not(.children) {
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
gap: 0;
column-gap: 0;
row-gap: 0;
}
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) :where(
nav > ul.menu > li,
nav > .menu > li,
nav .menu > ul.menu > li,
.main-navigation > ul.menu > li,
.primary-navigation > ul.menu > li,
.primary-navbar > ul.menu > li,
#site-navigation > ul.menu > li
) {
display: flex;
align-items: stretch;
margin: 0;
padding: 0;
}
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) ul:not(.sub-menu):not(.children) > li {
display: flex;
align-items: stretch;
margin: 0;
padding: 0;
}
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) :where(
nav > ul.menu > li > a,
nav > .menu > li > a,
nav .menu > ul.menu > li > a,
.main-navigation > ul.menu > li > a,
.primary-navigation > ul.menu > li > a,
.primary-navbar > ul.menu > li > a,
#site-navigation > ul.menu > li > a
) {
display: flex;
align-items: center;
height: 100%;
width: 100%;
margin: 0;
}
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) ul:not(.sub-menu):not(.children) > li > a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
margin: 0;
}
}
.ultra-menu-enhancer.um-gradients :where(.ultra-menu-target) :where(
ul.menu:not(.sub-menu):not(.children) > li > a,
.menu:not(.sub-menu):not(.children) > li > a,
ul:not(.sub-menu):not(.children) > li > a
):where(:hover, :focus-visible) {
background: var(--me-link-bg-hover);
}
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul.menu:not(.sub-menu):not(.children) > li > a:hover,
.ultra-menu-enhancer.um-gradients .ultra-menu-target .menu:not(.sub-menu):not(.children) > li > a:hover,
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul:not(.sub-menu):not(.children) > li > a:hover,
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul.menu:not(.sub-menu):not(.children) > li > a:focus-visible,
.ultra-menu-enhancer.um-gradients .ultra-menu-target .menu:not(.sub-menu):not(.children) > li > a:focus-visible,
.ultra-menu-enhancer.um-gradients .ultra-menu-target ul:not(.sub-menu):not(.children) > li > a:focus-visible {
background: var(--me-link-bg-hover) !important;
} .ultra-menu-enhancer.um-btn-gradient .ultra-menu-target ul.sub-menu li > a,
.ultra-menu-enhancer.um-btn-gradient .ultra-menu-target ul.children li > a {
background: var(--me-link-bg) !important;
} .ultra-menu-enhancer.um-gradients .ultra-menu-target :where(.menu-item-has-children > a, .page_item_has_children > a) {
padding-right: 1.6em !important;
}
.ultra-menu-enhancer.um-gradients .ultra-menu-target :where(.menu-item-has-children > a::after, .page_item_has_children > a::after) {
position: absolute !important;
right: 0.5em !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
} .ultra-menu-enhancer.um-gradients .ultra-menu-target :where(li.menu-item-has-children, li.page_item_has_children) {
position: relative;
}
.ultra-menu-enhancer.um-gradients .ultra-menu-target button.main-navigation-arrow-btn {
position: absolute !important;
right: 0.5em !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
.ultra-menu-enhancer.um-gradients .ultra-menu-target li.menu-item-has-children > a,
.ultra-menu-enhancer.um-gradients .ultra-menu-target li.page_item_has_children > a {
padding-right: 2.2em !important;
} @media (min-width: 641px) { .ultra-menu-enhancer.um-gradients.um-align-left :where(.ultra-menu-target) :where(
nav > ul.menu,
nav > .menu,
nav .menu > ul.menu,
.main-navigation > ul.menu,
.primary-navigation > ul.menu,
.primary-navbar > ul.menu,
#site-navigation > ul.menu,
nav ul:not(.sub-menu):not(.children)
) {
justify-content: flex-start;
}
.ultra-menu-enhancer.um-gradients.um-align-center :where(.ultra-menu-target) :where(
nav > ul.menu,
nav > .menu,
nav .menu > ul.menu,
.main-navigation > ul.menu,
.primary-navigation > ul.menu,
.primary-navbar > ul.menu,
#site-navigation > ul.menu,
nav ul:not(.sub-menu):not(.children)
) {
justify-content: center;
}
.ultra-menu-enhancer.um-gradients.um-align-right :where(.ultra-menu-target) :where(
nav > ul.menu,
nav > .menu,
nav .menu > ul.menu,
.main-navigation > ul.menu,
.primary-navigation > ul.menu,
.primary-navbar > ul.menu,
#site-navigation > ul.menu,
nav ul:not(.sub-menu):not(.children)
) {
justify-content: flex-end;
}
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-align-center :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children), .menu:not(.sub-menu):not(.children)) {
text-align: center;
}
.ultra-menu-enhancer.um-align-right :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children), .menu:not(.sub-menu):not(.children)) {
text-align: right;
}
.ultra-menu-enhancer.um-align-center :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children), .menu:not(.sub-menu):not(.children)) > li,
.ultra-menu-enhancer.um-align-right :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children), .menu:not(.sub-menu):not(.children)) > li {
float: none !important;
display: inline-flex;
vertical-align: middle;
}
} @media (min-width: 641px) {
@supports (display: flex) {
.ultra-menu-enhancer.um-equal-width :where(.ultra-menu-target) :where(
nav > ul.menu,
nav > .menu,
nav .menu > ul.menu,
.main-navigation > ul.menu,
.primary-navigation > ul.menu,
.primary-navbar > ul.menu,
#site-navigation > ul.menu,
nav ul:not(.sub-menu):not(.children)
) {
display: flex;
align-items: stretch;
}
.ultra-menu-enhancer.um-equal-width :where(.ultra-menu-target) :where(
nav > ul.menu > li,
nav > .menu > li,
nav .menu > ul.menu > li,
.main-navigation > ul.menu > li,
.primary-navigation > ul.menu > li,
.primary-navbar > ul.menu > li,
#site-navigation > ul.menu > li,
nav ul:not(.sub-menu):not(.children) > li
) {
flex: 1 1 0;
}
.ultra-menu-enhancer.um-equal-width :where(.ultra-menu-target) :where(
nav > ul.menu > li > a,
nav > .menu > li > a,
nav .menu > ul.menu > li > a,
.main-navigation > ul.menu > li > a,
.primary-navigation > ul.menu > li > a,
.primary-navbar > ul.menu > li > a,
#site-navigation > ul.menu > li > a,
nav ul:not(.sub-menu):not(.children) > li > a
) {
justify-content: center;
width: 100%;
}
}
} @media (min-width: 641px) {
@supports (display: flex) {
.ultra-menu-enhancer.um-btn-width:not(.um-equal-width).um-btn-width-fixed :where(
.ultra-menu-target ul:not(.sub-menu):not(.children) > li,
.ultra-menu-target ul.menu > li,
.ultra-menu-target .menu > li
) {
flex: 0 0 var(--um-btn-width);
max-width: var(--um-btn-width);
}
.ultra-menu-enhancer.um-btn-width:not(.um-equal-width).um-btn-width-min :where(
.ultra-menu-target ul:not(.sub-menu):not(.children) > li,
.ultra-menu-target ul.menu > li,
.ultra-menu-target .menu > li
) {
min-width: var(--um-btn-width);
}
} .ultra-menu-enhancer.um-btn-width:not(.um-equal-width).um-btn-width-min :where(
.ultra-menu-target ul:not(.sub-menu):not(.children) > li,
.ultra-menu-target .menu:not(.sub-menu) > li
) {
min-width: var(--um-btn-width);
}
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-text-left :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children) > li > a, ul.menu > li > a, .menu > li > a, .menu-item > a) {
justify-content: flex-start;
text-align: left;
}
.ultra-menu-enhancer.um-text-center :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children) > li > a, ul.menu > li > a, .menu > li > a, .menu-item > a) {
justify-content: center;
text-align: center;
}
.ultra-menu-enhancer.um-text-right :where(.ultra-menu-target) :where(ul:not(.sub-menu):not(.children) > li > a, ul.menu > li > a, .menu > li > a, .menu-item > a) {
justify-content: flex-end;
text-align: right;
}
} @media (min-width: 641px) {
.ultra-menu-enhancer.um-wrap-labels :where(.ultra-menu-target) :where(
nav > ul.menu > li > a,
nav > .menu > li > a,
nav .menu > ul.menu > li > a,
.main-navigation > ul.menu > li > a,
.primary-navigation > ul.menu > li > a,
.primary-navbar > ul.menu > li > a,
#site-navigation > ul.menu > li > a,
nav ul:not(.sub-menu):not(.children) > li > a
) {
white-space: normal;
text-align: center;
line-height: 1.15;
overflow-wrap: anywhere;
hyphens: auto;
} .ultra-menu-enhancer.um-wrap-labels :where(.ultra-menu-target) :where(
nav > ul.menu > li > a,
nav > .menu > li > a,
nav .menu > ul.menu > li > a,
.main-navigation > ul.menu > li > a,
.primary-navigation > ul.menu > li > a,
.primary-navbar > ul.menu > li > a,
#site-navigation > ul.menu > li > a,
nav ul:not(.sub-menu):not(.children) > li > a
) > span,
.ultra-menu-enhancer.um-wrap-labels :where(.ultra-menu-target) :where(
nav > ul.menu > li > a,
nav > .menu > li > a,
nav .menu > ul.menu > li > a,
.main-navigation > ul.menu > li > a,
.primary-navigation > ul.menu > li > a,
.primary-navbar > ul.menu > li > a,
#site-navigation > ul.menu > li > a,
nav ul:not(.sub-menu):not(.children) > li > a
) {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
} .ultra-menu-enhancer.um-separators :where(.ultra-menu-target) :where(ul.menu > li + li, .menu > li + li, .menu-item + .menu-item) { position: relative;
}
.ultra-menu-enhancer.um-separators :where(.ultra-menu-target) :where(ul.menu > li + li, .menu > li + li, .menu-item + .menu-item)::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: var(--me-sep-thickness); height: min(var(--me-sep-height), 100%);
background: var(--me-sep-color);
opacity: 0.7;
pointer-events: none;
z-index: 2;
} .ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:first-child, .menu > li:first-child, .menu-item:first-child)::before,
.ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:last-child, .menu > li:last-child, .menu-item:last-child)::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--me-sep-thickness);
height: min(var(--me-sep-height), 100%);
background: var(--me-sep-color);
opacity: 0.7;
pointer-events: none;
z-index: 2;
}
.ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:first-child, .menu > li:first-child, .menu-item:first-child)::before {
left: 0;
}
.ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:last-child, .menu > li:last-child, .menu-item:last-child)::after {
right: 0;
} @media (max-width: 640px) {
.ultra-menu-enhancer.um-separators :where(.ultra-menu-target) :where(ul.menu > li + li, .menu > li + li, .menu-item + .menu-item)::before {
display: none;
}
.ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:first-child, .menu > li:first-child, .menu-item:first-child)::before,
.ultra-menu-enhancer.um-separators.um-separators-edges :where(.ultra-menu-target) :where(ul.menu > li:last-child, .menu > li:last-child, .menu-item:last-child)::after {
display: none;
}
} .ultra-menu-enhancer.um-hover-icons :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a) {
position: relative;
}
.ultra-menu-enhancer.um-hover-icons.um-icon-right :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a)::before,
.ultra-menu-enhancer.um-hover-icons.um-icon-left :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a)::before {
content: "›";
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(0.25em);
opacity: 0;
transition: opacity 160ms ease, transform 180ms ease;
pointer-events: none;
}
.ultra-menu-enhancer.um-hover-icons.um-icon-right :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a)::before {
right: 0.15em;
}
.ultra-menu-enhancer.um-hover-icons.um-icon-left :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a)::before {
left: 0.15em;
transform: translateY(-50%) translateX(-0.25em);
}
.ultra-menu-enhancer.um-hover-icons :where(.ultra-menu-target) :where(ul.menu > li > a, .menu > li > a, .menu-item > a):where(:hover, :focus-visible)::before {
opacity: 1;
transform: translateY(-50%) translateX(0);
}