@media (min-width: 1200px) {
header .menu > li {
position: relative;
}
header .menu > li > .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 28rem;
max-width: 32rem;
width: 32rem;
z-index: 60;
}
header .menu > li > .sub-menu > li {
display: block !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
position: relative !important;
}
header .menu > li > .sub-menu > li > a {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 1rem 3.2rem 1rem .8rem !important;
font-size: 1.4rem !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Slightly smaller text for links inside collapsible groups. */
header .menu > li > .sub-menu .menu-item-has-children > .sub-menu > li > a {
font-size: 1.3rem !important;
line-height: 1.15 !important;
}
/* Stop legacy hover animation/shift from pulling list left. */
header .menu > li > .sub-menu li,
header .menu > li > .sub-menu li:hover,
header .menu > li > .sub-menu a,
header .menu > li > .sub-menu a:hover {
transform: none !important;
translate: 0 0 !important;
margin-left: 0 !important;
padding-left: .8rem !important;
text-indent: 0 !important;
transition: none !important;
}
header .menu > li > .sub-menu * {
transform: none !important;
translate: 0 0 !important;
}
header .menu > li > .sub-menu > li.menu-item-has-children {
float: none !important;
clear: both !important;
}
header .menu > li > .sub-menu > li::before,
header .menu > li > .sub-menu > li::after,
header .menu > li > .sub-menu > li > a::before,
header .menu > li > .sub-menu > li > a::after {
content: none !important;
display: none !important;
}
/* Undo the theme's flyout-space hack — it adds padding-right: 16.5vw on hover which
crushes the dropdown to ~2px of usable width at wide viewports. We use accordion,
not flyout, so no space reservation is needed. */
header .menu > li > .sub-menu:has(.sub-menu),
header .menu > li > .sub-menu:has(.sub-menu):hover {
padding-right: 0 !important;
max-height: min(75dvh, calc(100vh - 11rem)) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-ms-overflow-style: none !important; /* IE/Edge legacy */
scrollbar-width: none !important; /* Firefox */
}
header .menu > li > .sub-menu:has(.sub-menu)::-webkit-scrollbar,
header .menu > li > .sub-menu:has(.sub-menu):hover::-webkit-scrollbar {
display: none !important; /* Chromium/Safari */
width: 0 !important;
height: 0 !important;
}
/* Force nested dropdowns to stack vertically (no flyout panel to the right). */
header .menu > li > .sub-menu .menu-item-has-children > .sub-menu {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: .2rem .8rem 1rem !important;
padding: .2rem 0 .6rem .8rem !important;
display: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
float: none !important;
clear: both !important;
border: 0 !important;
}
header .menu > li > .sub-menu .menu-item-has-children.open > .sub-menu {
display: block !important;
}
.menu-dropdown-title {
display: block;
padding: 1.2rem 2rem .8rem;
font-size: 1.6rem;
line-height: 1.2;
font-weight: 600;
opacity: .9;
word-spacing: 0.1em;
letter-spacing: normal;
}
/* Heading row (Hardware Options label) — hide its link and any toggle. */
header .menu > li > .sub-menu > li.menu-dropdown-heading-item > a,
header .menu > li > .sub-menu > li.menu-dropdown-heading-item > .submenu-toggle {
display: none !important;
}
header .menu > li > .sub-menu > li.menu-dropdown-heading-item > .sub-menu {
display: block !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
transform: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
/* Some menus have a single wrapper item around all groups. Flatten it visually. */
header .menu > li > .sub-menu > li.menu-dropdown-wrapper {
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
background: transparent !important;
}
header .menu > li > .sub-menu > li.menu-dropdown-wrapper > a,
header .menu > li > .sub-menu > li.menu-dropdown-wrapper > .submenu-toggle {
display: none !important;
}
header .menu > li > .sub-menu > li.menu-dropdown-wrapper > .sub-menu {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* Use only one arrow icon: the toggle button pseudo element. */
header .menu > li > .sub-menu .menu-item-has-children > a::before,
header .menu > li > .sub-menu .menu-item-has-children > a::after {
content: none !important;
display: none !important;
}
header .menu > li > .sub-menu .submenu-toggle {
position: absolute;
right: 1.2rem;
top: .9rem;
width: 2rem;
height: 2rem;
border: 0;
background: transparent;
font-size: 0;
line-height: 0;
display: inline-flex !important;
align-items: center;
justify-content: center;
z-index: 2;
}
header .menu > li > .sub-menu .submenu-toggle::before {
content: "";
display: inline-block;
width: .7rem;
height: .7rem;
border-right: 2px solid rgba(255, 255, 255, .9);
border-bottom: 2px solid rgba(255, 255, 255, .9);
transform: rotate(45deg);
transition: transform .2s;
}
header .menu > li > .sub-menu .submenu-toggle[aria-expanded="true"]::before {
transform: rotate(225deg);
}
}
Coming Soon
Asset Tracking Is Available
We do offer this product, but it has not yet been added to our website. If you would like more information, pricing or availability, please contact our team.