.quick-search-container { display:none; font-size:0.75em; margin-left:46px; } .quick-search-container input { border-radius:2px; border:3px solid #aaa; } .qs-go-btn { border:none; color:white; border-radius:2px; } .favorite-wrapper:hover .quick-search-container, .favorite-wrapper.stay-open .quick-search-container, .favorite-icon:hover + .favorite-wrapper > .quick-search-container { display:block; position:relative; } .pagetitlerow { color:#152C53; background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #152C53 205%); border-bottom: 2px solid #152C53; font-weight: unset !important; } .pagetitlerow .pgtitlenav, .pagetitlerow .pgtitlenav a { color: #152C53 !important; } .pagetitlerow.ptr-1 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #04a169 205%); } .pagetitlerow.ptr-2 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #00CEC9 205%); } .pagetitlerow.ptr-3 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #FDCB6E 205%); } .pagetitlerow.ptr-4 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #E17055 205%); } .pagetitlerow.ptr-5 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #A29BFE 205%); } .pagetitlerow.ptr-6 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #0984E3 205%); } .pagetitlerow.ptr-7 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #FD79A8 205%); } .pagetitlerow.ptr-8 { background: linear-gradient(120deg, #fff 0%, #fafafa 70%, #D63031 205%); } .background-color-1 { background-color: #04a169; } .background-color-2 { background-color: #00CEC9; } .background-color-3 { background-color: #FDCB6E; } .background-color-4 { background-color: #E17055; } .background-color-5 { background-color: #A29BFE; } .background-color-6 { background-color: #0984E3; } .background-color-7 { background-color: #FD79A8; } .background-color-8 { background-color: #D63031; } .border-color-1 { border-color: #04a169 !important; } .border-color-2 { border-color: #00CEC9 !important; } .border-color-3 { border-color: #FDCB6E !important; } .border-color-4 { border-color: #E17055 !important; } .border-color-5 { border-color: #A29BFE !important; } .border-color-6 { border-color: #0984E3 !important; } .border-color-7 { border-color: #FD79A8 !important; } .border-color-8 { border-color: #D63031 !important; } .border-color-9 { border-color: #c71585 !important; } .be-menu-category:hover .color-1.be-menu-category-heading { color: #04a169 !important; } .be-menu-category:hover .color-2.be-menu-category-heading { color: #00CEC9 !important; } .be-menu-category:hover .color-3.be-menu-category-heading { color: #FDCB6E !important; } .be-menu-category:hover .color-4.be-menu-category-heading { color: #E17055 !important; } .be-menu-category:hover .color-5.be-menu-category-heading { color: #A29BFE !important; } .be-menu-category:hover .color-6.be-menu-category-heading { color: #0984E3 !important; } .be-menu-category:hover .color-7.be-menu-category-heading { color: #FD79A8 !important; } .be-menu-category:hover .color-8.be-menu-category-heading { color: #D63031 !important; } .be-menu-category:hover .color-9.be-menu-category-heading { color: #c71585 !important; } #be-nav-menu-container { position:fixed; top:0; min-height:32px; width:100%; background-color:#f1f1f1; border-bottom: solid 1px #ddd; box-sizing:border-box; margin-left:0; /* z-index:90; */ } #be-mobile-header { top: 0; width: 100%; min-width: 940px; position: fixed; padding: 8px 0; background-color: #244c8e; /* Fallback color */ background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/Files/Org_Images/NAVBAR_test.jpg?version=2021_1_7); background-size: cover; background-position: center; display: none; overflow: hidden; } .ngb-logo, .big-company-name { display:none;} /* Global Small Screen */ @media (max-width: 805px) { #be-nav-menu-container { display: none !important; /* position: unset !important; */ } .hamburger-box { display: inline-block; } #be-mobile-header { display:block !important; position:relative;} .ngb-logo {display:block !important;} #be-footer-menu-container {margin-left: unset !important; margin-top: unset !important;} /*div.srch-container > .subtab { position: absolute; width: 100vw; left:0; top:-20px}*/ #be-nav-menu-container-small #be-nav-menu-cats { max-width:unset !important; padding:0 !important; } #be-nav-menu-container-small div.be-menu-category {margin-top:0px !important; padding:0 !important; } #be-nav-menu-container-small div.be-menu-category ul { list-style-type:none; padding-left:5px; } } /* Global Large Screen */ @media (min-width: 805px) { #be-nav-menu-container { display: block; z-index: 90 !important; } #be-mobile-header, .ngb-logo { display:none !important;} #main-pane { margin-left:50px !important; display:block !important;} #sidebar { overflow:hidden; box-shadow:0 0 4px hsla(0, 0%, 0%, 0.3); background-color:#444; color:white; width:50px; min-height:100%; position:fixed; transition:width 0.3s cubic-bezier(0.65, 0, 0.076, 1); /* HERE */ transition-delay:0.75s; z-index:9998; bottom:0; top:0; } #sidebar .contact-link-container { /* Hide contact link when not hovering */ visibility:hidden; transition-delay:0.1s; display: inline-block; vertical-align: top; padding-top: 6px; padding-bottom: 6px; margin: 6px 0 6px 12px; } #sidebar:hover, #sidebar.stay-open { overflow-y:scroll; } #sidebar:hover .sidebar-top, #sidebar.stay-open .sidebar-top,#sidebar:hover .sidebar-main, #sidebar.stay-open .sidebar-main { width:264px !important; transition-delay:0s; } #sidebar:hover .menu-settings-link, #sidebar.stay-open .menu-settings-link, #sidebar:hover .contact-link-container { visibility:visible; transition-delay:0.1s; } #sidebar:hover, #sidebar.stay-open { width: 276px; transition-delay:0s; } #sidebar:hover .favorite-wrapper, #sidebar.stay-open .favorite-wrapper { width:270px; border-radius: 4px 0 0 4px; transition-delay:0; } #sidebar:hover .favorite-item, #sidebar.stay-open .favorite-item { display:inline-block; } #sidebar:hover .side-bar-basic-links, #sidebar.stay-open .side-bar-basic-links{ opacity:1; } #be-nav-menu-container-small {display:none !important;} } #sidebar .contact-link-container a { color: white; } #WPSrchBar { top:0; font-size:0.75em; margin-top:0 !important; display:inline-block; } #WPSrchBar li { float:left; margin:0; } #WPSrchBar input.inputbox { width:60px; background-color:white; } #WPSrchBar #LName, #WPSrchBar #FName { width: 60px; } #WPSrchBar-addtlFlds { display: none; /* Hide by default */ } #WPSrchBar:hover #WPSrchBar-addtlFlds { display: block; /* Show on hover */ } #WPSrchBar:hover .bs-carot-spin { transform: rotate(180deg); } #WpSrchBar-bs-carot-spin { display: flex; align-items: center; justify-content: center; height: 30px; /*this is current height of top nav bar*/ } .bs-carot-spin { transition: transform 0.2s ease-in-out; } /* #be-nav-menu-cats { max-width:calc(100% - 200px); } */ #be-nav-menu-container div.be-menu-category { padding:0; margin:0; } #be-nav-menu-container .be-menu-category { display:inline-block; position:relative; } #be-nav-menu-container .be-menu-category-heading { cursor:default !important; color: #152c53; font-size: 12px; font-weight:normal; text-transform:uppercase; margin-top:0; margin-bottom:0; margin-left:0; margin-right: 0; padding: 7px 22px 7px 14px; } #be-nav-menu-container .be-menu-category:hover > ul { display:inline-block; } #be-nav-menu-container .be-menu-category > ul { z-index:9999; display:none; box-shadow: 0 2px 4px #ccc; border-radius: 0 0 3px 3px; position:absolute; /*top:30px;*/ background-color:#f5f5f5; } #be-nav-menu-container .be-menu-expander ~ ul { position:relative; display:none; border-radius: 0 2px 2px 2px; box-shadow: 0 2px 4px #ccc; margin-top:-7px; } #be-nav-menu-container .be-menu-expander { display:inline-block; padding: 8px 32px 10px 24px; margin: 0 0 0 0; min-width: 225px; width: 100%; box-sizing: border-box; font-size:12px; } #sidebar .sidebar-main > ul { padding:0 0 0 0; min-height: calc(100vh - 129px); } #sidebar .sidebar-top img { box-sizing:border-box; width:43px !important; } #sidebar .sidebar-top { padding-left: 3px; padding-top: 5px; padding-bottom: 5px; padding-right:3px; border-bottom: 1px solid #777; width:43px; /* overflow: hidden; */ white-space:nowrap; position:relative; background-color:#444; transition:width 0.3s cubic-bezier(0.65, 0, 0.076, 1); transition-delay:0.3s; } #sidebar .sidebar-main { width:43px; padding-left: 2px; padding-right:2px; } #sidebar .contact-link-container a { color: #ccc; } #sidebar:hover, #sidebar.stay-open { overflow-y:scroll; } #sidebar:hover .sidebar-top, #sidebar.stay-open .sidebar-top,#sidebar:hover .sidebar-main, #sidebar.stay-open .sidebar-main { width:264px; transition-delay:0s; } .menu-settings-link { position: absolute; right: 10px; color: #777; font-size: 20px; display:inline-block; visibility:hidden; transition: visibility 0.2s; transition-delay:0.25s; } #sidebar { overflow:hidden; box-shadow:0 0 4px hsla(0, 0%, 0%, 0.3); background-color:#444; color:white; width:50px; min-height:100%; transition:width 0.3s cubic-bezier(0.65, 0, 0.076, 1); transition-delay:0.3s; z-index:9998; bottom:0; top:0; } #sidebar .fh-banner-logo { padding-top:16px; padding-bottom:10px; } #sidebar .favorite-wrapper { transition-delay:0.3s; white-space:nowrap; box-sizing:border-box; margin-top:2px; margin-left:10px; border-radius:15px; overflow-x:hidden; background:linear-gradient(90deg, #aaa, #aaa, #aaa, #777); width:35px; min-height:32px; transition:width 0.3s, height 0.2s; position:relative; } #sidebar .favorite-wrapper:hover { background:linear-gradient(90deg, #bbb, #bbb, #bbb, #888); top:-1px; } #sidebar .favorite-item a { color:black !important; display:inline-block; padding:6px 14px; text-decoration:none; } #sidebar .favorite-item b { font-weight:normal !important; } #sidebar .favorite-item a span { color:black !important; font-weight:normal !important; } #sidebar .favorite-item { display:none; font-size:0.85em; margin-left: 34px; } #sidebar .favorite-icon { border:solid 2px transparent; background-color:#555; cursor:pointer; text-transform:lowercase; box-shadow: 0 0 4px #333; position:relative; top:38px; margin-top:-26px; z-index:99; left:3px; box-sizing:border-box; height:42px; width:42px; border-radius:21px; vertical-align:top; padding-top:7px; text-align:center; } #sidebar .favorite-icon:hover { box-shadow: 0 0 6px #222; top:37px; } #sidebar .side-bar-basic-links { transition:opacity 0.3s; transition-delay:0.2s; padding-top:15px; padding-bottom:20px; color:#999; opacity:0; white-space:nowrap; bottom:0; width:100%; } #sidebar .side-bar-basic-links i { display:none; } #sidebar .side-bar-basic-links a { color:#999 !important; background-color:transparent !important; font-weight:normal; font-size:12px !important; letter-spacing:0 !important; } #sidebar .side-bar-basic-links a:hover { text-decoration:underline !important; } #sidebar:hover, #sidebar.stay-open { width: 276px; transition-delay:0s; } #sidebar:hover .favorite-wrapper, #sidebar.stay-open .favorite-wrapper { width:270px; border-radius: 4px 0 0 4px; transition-delay:0; } #sidebar:hover .favorite-item, #sidebar.stay-open .favorite-item { display:inline-block; } #sidebar:hover .side-bar-basic-links, #sidebar.stay-open .side-bar-basic-links{ opacity:1; } body { padding-top:0 !important; } #be-nav-menu-container .be-menu-item.favorite-item { background-color:#ddd; } #be-nav-menu-container .be-menu-item.favorite-item ~ .be-menu-item.favorite-item { border-top:1px solid #ccc; } #be-nav-menu-container .be-subcategory:hover { background-color: #ddd; } #be-nav-menu-container .be-subcategory > ul { column-gap: 1px; column-rule: 1px double #ccc; -moz-column-fill: balance; column-fill: balance; background-color:#eee; } #be-nav-menu-container .be-subcategory:hover > ul { position: absolute; left:100%; top:auto; display:inline; } #be-nav-menu-container .be-subcategory { padding-bottom:0; margin-bottom:0; color:#555; } #be-nav-menu-container .be-subcategory::before { transform: rotate(45deg); top:16px; } #be-nav-menu-container .be-menu-item, #be-nav-menu-container .be-menu-item ~ li { background-color:#eee; box-sizing:border-box; font-size:11px !important; display:list-item; margin:0; padding: 6px 12px; min-width:200px; width:100%; } #be-nav-menu-container .be-menu-item:hover { background-color:#ddd; } #be-nav-menu-container .be-menu-item:first-of-type { padding-top:10px; border-radius: 0 2px 0 0; } #be-nav-menu-container .be-menu-item:last-of-type { padding-bottom:10px; border-radius: 0 0 2px 2px; } #be-nav-menu-container div.be-menu-category::before { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: inline-block; height: 0.25em; left: -8px; position: relative; top: 12px; float: right; transform: rotate(135deg); vertical-align: top; width: 0.25em; color:#bbb; } /* no subcategories so no caret needed */ #be-nav-menu-container div.be-menu-category + .no-caret::before { transform: unset !important; border-style: unset !important; border-width: unset !important; } #sidebar ::-webkit-scrollbar { width: 6px; height:6px; } ::-webkit-scrollbar-track { background: #e1e5e7; } ::-webkit-scrollbar-thumb { background: #586E81; } ::-webkit-scrollbar-thumb:hover { background: #152C53; } #be-footer-menu-container { padding: 0 3%; background-color: #e1e5e7; border-top: 1px solid #152C53; background: -webkit-linear-gradient(top, #e1e4ec, white); /*margin-top:100px;*/ font-size:80%; margin-left:50px; margin-right:0px; } #be-footer-menu-container > .row { margin:0 auto; max-width:1900px; } #be-footer-menu-container h6.be-menu-expander ~ ul { display:none; padding:0; } #be-footer-menu-container .be-menu-category-flat > ul { display:none; } #be-footer-menu-container .be-menu-category-flat > h6.be-menu-category-heading { cursor:pointer !important; padding-right:20px; position:relative; } #be-footer-menu-container .be-menu-category-flat > h6.be-menu-category-heading:hover { background-color:#ddd; color:#555; } #be-footer-menu-container .be-menu-category-flat > h6.be-menu-category-heading::after { border-style: solid; border-width: 0.15em 0.15em 0 0; content:''; display:inline-block; height: 0.35em; width: 0.35em; margin-left: 0.5em; vertical-align: middle; transform: rotate(135deg); transition: transform 0.2s; } #be-footer-menu-container .be-menu-category-flat.is-expanded > h6.be-menu-category-heading::after { transform: rotate(-45deg); } .be-menu-item { margin-bottom: 8px; margin-top:8px; } h6.be-menu-expander { margin:0 0 3px 0; padding-right:20px; font-size:1em; font-weight:normal; } h6.be-menu-expander:hover { cursor:pointer; background-color:#ddd; color:#555; } div.be-menu-category > ul { display:block; padding:0; } #be-footer-menu-container h6.be-menu-category-heading, #be-menu-settings-container h6.be-menu-category-heading { margin:8px 4px 0 0; font-size:1.1em; text-transform:uppercase; cursor:default !important; } div.be-menu-category { color:#777; padding: 0 2%; margin-top:32px; box-sizing:border-box; } div.be-menu-category ul { list-style-type:none; padding-left:0; } #be-footer-menu-container-small .be-subcategory { border-bottom: none; } .be-subcategory { border-bottom: 1px solid #ccc; margin-bottom:10px; padding-bottom:5px; margin-left:0; } .be-subcategory::before { border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 0.25em; left: -8px; position: relative; top: 0.55em; float: right; transform: rotate(135deg); vertical-align: top; width: 0.25em; } #be-footer-menu-container div.be-menu-category i.fa, #be-menu-settings-container div.be-menu-category i.fa { display:none; } #be-menu-settings-container { font-size:85%; padding-left:16px; padding-right:16px; } #be-menu-settings-container h6.be-menu-expander ~ ul { display:none; padding:0; } #be-menu-settings-container h6.be-menu-expander { padding-right: 50px; width: calc(100% - 5em); margin-right:-16px; } #be-menu-settings-container .be-menu-item a { width:70%; display:inline-block; } .menu-setting { display:inline-block; width:15%; text-align:center; } .menu-setting p { margin:0 0 2px 0;} #be-menu-settings-container .be-menu-item:first-of-type .menu-setting-show p::before { content:'show'; } #be-menu-settings-container .be-menu-item:first-of-type .menu-setting-fav p::before { content:'fav'; } .cascade-checkbox, .cascade-checkbox ~ h6 { display:inline-block; }/* JMC - 04/20/2026 - MDB navbar upgrade overrides - v27 */ /* Loaded after BE_Menu.css for PHP BE pages only. */ /* Do NOT modify BE_Menu.css — it is shared with the ASP site. */ /* --- Sidebar: shift down below fixed navbar (desktop only) --- */ /* BE_Menu.css sets top:0; on mobile the sidebar uses position:relative — top would double-offset. Also shrink height so the nav bottom lands at viewport bottom (not offscreen) — absolute-bottom children (.side-bar-basic-links) rely on nav fitting the viewport. */ @media (min-width: 806px) { #sidebar { top: var(--be-nav-height) !important; --mdb-sidenav-height: calc(100vh - var(--be-nav-height)); } } /* JMC - 04/21/2026 - Sidebar-top: always-on padding (logo/gear now in navbar). Contact-link-container visibility is handled by MDB Sidenav slim-class rules further down. */ #sidebar .sidebar-top { padding-top: 10px !important; padding-bottom: 8px !important; border-bottom: none !important; position: relative !important; z-index: 200 !important; } /* Style the user name link as a pill button — clearly clickable, aligned with the icons */ #sidebar .contact-link-container a { display: inline-block !important; margin-left: 10px !important; padding: 4px 14px !important; border: 1px solid #888 !important; border-radius: 20px !important; color: #ddd !important; font-size: 0.8rem !important; white-space: nowrap !important; text-decoration: none !important; background-color: transparent !important; transition: background-color 0.15s, border-color 0.15s !important; } #sidebar .contact-link-container a:hover { background-color: rgba(255,255,255,0.15) !important; border-color: #bbb !important; color: #fff !important; } /* --- Navbar z-index, height, overflow --- */ /* z-index must exceed sidebar's 9998 so mobile collapse overlays it */ #be-nav-menu-container { z-index: 9999 !important; min-height: unset !important; overflow: visible !important; padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } /* --- Desktop (>805px): always-expanded, nav items wrap freely inside collapse --- */ /* navbar-expand forces collapse display:flex and hides toggler; we allow internal wrapping */ @media (min-width: 806px) { #be-nav-menu-container .navbar-collapse { display: flex !important; flex-basis: auto !important; align-items: flex-start !important; } /* navbar-nav wraps onto multiple rows when screen is too narrow */ #be-nav-menu-container .navbar-nav { flex-wrap: wrap !important; align-items: center !important; } #be-nav-menu-container .navbar-toggler { display: none !important; } /* Compact logo — image only, no company name text (sidebar carries that) */ #be-nav-menu-container .navbar-brand { padding: 0 !important; margin-right: 0.5rem !important; } #be-nav-menu-container .navbar-brand img { max-height: 34px; width: auto; } #be-nav-menu-container .navbar-brand .big-company-name { display: none !important; } /* Both icons pinned to top-right regardless of how many rows menu items wrap to */ #WPSrchDropdown, .be-navbar-icon { align-self: flex-start; padding-top: 6px; } /* Search is primary — give it breathing room from the gear */ #WPSrchDropdown { margin-right: 1.5rem; } } /* --- Mobile (≤805px): hamburger, accordion nav panel --- */ @media (max-width: 805px) { #be-nav-menu-container { display: flex !important; } /* flex-wrap:wrap keeps brand+toggler on their own top row; collapse wraps to a separate full-width row below them so the logo never drifts to vertical-center of the expanded panel */ #be-nav-menu-container .container-fluid { flex-wrap: wrap !important; align-items: center !important; } /* Collapse: hidden by default; shown state = full-width scrollable panel */ #be-nav-menu-container .navbar-collapse { display: none !important; } #be-nav-menu-container .navbar-collapse.show { display: block !important; flex: 0 0 100% !important; max-height: calc(100vh - 50px); overflow-y: auto; background: #fff; border-top: 1px solid rgba(0,0,0,.1); padding-bottom: 2rem; } #be-nav-menu-container .navbar-toggler { display: block !important; } /* Desktop search icon hidden — search form lives at bottom of hamburger panel */ #WPSrchDropdown { display: none !important; } /* Stack categories vertically */ #be-nav-menu-container .navbar-nav { flex-direction: column !important; } /* Full-width tappable category rows */ #be-nav-menu-container .nav-link, #be-nav-menu-container .be-menu-category > .dropdown-menu .dropdown-item { display: block !important; padding: 0.5rem 1rem !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; white-space: normal !important; } /* Chevron rotates to indicate open/closed state */ #be-nav-menu-container .nav-link.dropdown-toggle::after { transition: transform 0.2s; } #be-nav-menu-container .be-menu-category.mobile-open > .nav-link.dropdown-toggle::after { transform: rotate(180deg); } } /* Hide mobile-only nav items on desktop */ @media (min-width: 806px) { .be-navbar-mobile-search { display: none !important; } .be-navbar-profile-mobile { display: none !important; } .be-navbar-mobile-actions { display: none !important; } } /* Hide desktop-only nav items on mobile */ @media (max-width: 805px) { .be-navbar-profile-desktop { display: none !important; } /* JMC - 04/22/2026 - Belt-and-suspenders: zero the main-pane margin on mobile. BE_menu2.js calls MdbSidenav.hide() on mobile which removes the inline margin-left injection, but this rule defeats the legacy BE_Style.css baseline (`#main-pane { margin-left: 50px }`) in case JS hasn't run yet. */ #main-pane { margin-left: 0 !important; } } /* Main-pane top padding — updated dynamically by JS when navbar wraps to 2 rows */ #main-pane { padding-top: 46px !important; } /* Compress nav item padding at medium widths to keep categories in one row */ @media (min-width: 806px) and (max-width: 1280px) { #be-nav-menu-container .be-menu-category-heading { padding-left: 8px !important; padding-right: 8px !important; font-size: 11px !important; letter-spacing: 0 !important; } } /* --- Remove old pseudo-element carets (BE_Menu.css adds arrows via ::before) --- */ #be-nav-menu-container .be-menu-category::before { display: none !important; } #be-nav-menu-container .be-subcategory::before { display: none !important; } /* --- Remove old subcategory borders/margins (BE_Menu.css global rule adds dividers) --- */ #be-nav-menu-container .be-subcategory { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } #be-nav-menu-container .be-subcategory > ul { columns: unset !important; column-gap: unset !important; column-rule: unset !important; } /* --- Explicit dropdown positioning --- // Top-level: position:absolute top:100% places the dropdown flush against the bottom of the
  • . // This is zero-gap — cursor moves seamlessly from heading into dropdown, keeping :hover active. // position:fixed was tried but created a physical gap (fixed is viewport-relative, not li-relative). */ #be-nav-menu-container .be-menu-category > .dropdown-menu { position: absolute !important; top: 100% !important; left: 0 !important; margin-top: 0 !important; transform: none !important; } #be-nav-menu-container .be-subcategory > .dropdown-menu { position: absolute !important; top: -4px !important; left: calc(100% - 4px) !important; margin-top: 0 !important; transform: none !important; } /* --- Hover dropdowns: instant show/hide, no delay --- // Scope display:none only to nav menu dropdowns — NOT #WPSrchDropdown (which uses Bootstrap JS). // Overlap triggers by a few px so the hover chain stays unbroken. */ #be-nav-menu-container .be-menu-category > .dropdown-menu, #be-nav-menu-container .be-subcategory > .dropdown-menu { display: none; animation: none !important; } #be-nav-menu-container .be-menu-category:hover > .dropdown-menu { display: block !important; } #be-nav-menu-container .be-subcategory:hover > .dropdown-menu { display: block !important; } /* .show class for JS / mobile touch */ #be-nav-menu-container .be-menu-category > ul.show { display: block !important; } #be-nav-menu-container .be-subcategory > ul.show { display: block !important; } /* Mobile overrides — MUST be after all global rules above. Same specificity means last-in-file wins. Covers position, display, and hover-disable. */ @media (max-width: 805px) { /* Accordion: flow inline so expanded items push content below down */ #be-nav-menu-container .be-menu-category > .dropdown-menu, #be-nav-menu-container .be-subcategory > .dropdown-menu { position: static !important; float: none !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; padding: 0 0 0.5rem 1.25rem !important; margin: 0 !important; background-color: transparent !important; min-width: unset !important; width: 100% !important; transform: none !important; } /* No sticky gray highlight on subcategory expander row after tap */ #be-nav-menu-container .be-subcategory, #be-nav-menu-container .be-menu-expander:hover, #be-nav-menu-container .be-menu-expander:focus, #be-nav-menu-container .be-menu-expander:active { background-color: transparent !important; } /* Disable hover-open on touch */ #be-nav-menu-container .be-menu-category:hover > .dropdown-menu, #be-nav-menu-container .be-subcategory:hover > .dropdown-menu { display: none !important; } /* JS .mobile-open shows the panel — must follow hover-disable above */ #be-nav-menu-container .be-menu-category.mobile-open > .dropdown-menu, #be-nav-menu-container .be-subcategory.mobile-open > .dropdown-menu { display: block !important; } } /* --- Fix be-menu-item spacing and display --- */ /* BE_Menu.css line 315 has a GLOBAL .be-menu-item { margin: 8px 0 } that inflates every row */ #be-nav-menu-container .be-menu-item, #be-nav-menu-container .be-menu-item ~ li { display: block !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; min-width: unset !important; width: unset !important; font-size: unset !important; box-sizing: unset !important; border-radius: unset !important; } #be-nav-menu-container .be-menu-item:hover { background-color: transparent !important; } #be-nav-menu-container .be-menu-item.favorite-item { background-color: unset !important; } /* --- Search form --- */ #WPSrchBar { margin-top: 0 !important; } /* JMC - 04/21/2026 - Shared plain icon style for search + gear */ .be-navbar-icon { color: #6c757d; text-decoration: none !important; } .be-navbar-icon:hover { color: #343a40 !important; text-decoration: none !important; } /* --- Modern dropdown typography --- */ /* BE_Style.css body font falls back to Century Gothic (not loaded); use Bootstrap's system stack. // --bs-dropdown-font-size defaults to 1rem (16px) which is too large for a dense admin nav. */ #be-nav-menu-container .dropdown-menu { font-family: var(--bs-body-font-family) !important; font-size: 0.8125rem !important; border-radius: var(--bs-dropdown-border-radius, 0.375rem) !important; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.12) !important; border: 1px solid rgba(0,0,0,.15) !important; } /* Override a { color: #094B87; text-decoration:underline on hover } from BE_Style.css */ #be-nav-menu-container .dropdown-menu a, #be-nav-menu-container .dropdown-menu .dropdown-item { color: var(--bs-dropdown-link-color, #212529) !important; text-decoration: none !important; font-family: var(--bs-body-font-family) !important; font-size: 0.8125rem !important; padding: 0.375rem 1rem !important; line-height: 1.4 !important; } #be-nav-menu-container .dropdown-menu a:hover, #be-nav-menu-container .dropdown-menu .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color, #1e2125) !important; background-color: var(--bs-dropdown-link-hover-bg, #f8f9fa) !important; text-decoration: none !important; } /* --- Style function-generated links (GroupItemsLink, RptLink, etc.) as dropdown items --- */ .dropdown-menu .be-menu-item > a { display: block; padding: 0.375rem 1rem; color: var(--bs-dropdown-link-color, #212529); text-decoration: none !important; white-space: nowrap; font-family: var(--bs-body-font-family); font-size: 0.8125rem; line-height: 1.4; } .dropdown-menu .be-menu-item > a:hover { color: var(--bs-dropdown-link-hover-color, #1e2125) !important; background-color: var(--bs-dropdown-link-hover-bg, #f8f9fa); text-decoration: none !important; } /* ================================================================ */ /* JMC - 04/21/2026 - MDB Sidenav modernization */ /* Replaces legacy custom hover-expand sidebar with MDB 9.3.0. */ /* Loaded after BE_Menu.css (shared w/ ASP) so overrides win. */ /* ================================================================ */ /* A. Neutralize BE_Menu.css sidebar rules. No !important on width — external !important would beat MDB's inline width injection. BE_Menu.css widths are non-!important, so MDB's inline style naturally wins without our intervention. */ #sidebar { min-height: unset !important; overflow: unset !important; transition: unset !important; transition-delay: unset !important; } #sidebar:hover, #sidebar.stay-open { overflow-y: unset !important; } .sidebar-top { transition: unset !important; transition-delay: unset !important; } #sidebar:hover .sidebar-top, #sidebar.stay-open .sidebar-top { transition-delay: unset !important; } /* JMC - 04/21/2026 - Neutralize BE_Menu.css:190 min-height on favorites UL (it's calc(100vh - 129px) which pushes .side-bar-basic-links below viewport). Also add top padding so the first icon breathes under the navbar. */ #sidebar .sidebar-main > ul { min-height: unset !important; padding-top: 14px !important; } /* JMC - 04/21/2026 - Kill the opacity/visibility transitions from BE_Menu.css so bottom links + user-name pill collapse in sync with MDB instead of lagging behind. */ #sidebar.sidenav .side-bar-basic-links, #sidebar.sidenav .contact-link-container, #sidebar.sidenav .contact-link-container a { transition: none !important; transition-delay: 0s !important; } /* JMC - 04/21/2026 - Kill any stray hover background on sidebar favorites. The wrapper's gradient should be the only visible background — the
  • clone and its anchor must stay transparent so the gradient shows through consistently. */ #sidebar .favorite-item, #sidebar .favorite-item:hover, #sidebar .favorite-item:focus, #sidebar .favorite-item > a, #sidebar .favorite-item > a:hover, #sidebar .favorite-item > a:focus, #sidebar .favorite-item > a:active { background-color: transparent !important; background-image: none !important; } /* B. MDB Sidenav color, z-index. Widths come from data-mdb-slim-width / data-mdb-width attributes on the