/* ========================================================================== AIBD Header — mu-plugin Light, corporate, sticky-shrink header + left mobile drawer. Replaces the Elementor theme-builder header (template 11679). Palette reuses the approved site tokens (see aibd-cards / AIBD Footer). ========================================================================== */ .aibd-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* --- replace the Elementor theme-builder header ------------------------- */ header.elementor-location-header, .elementor-location-header { display: none !important; } /* --- shell -------------------------------------------------------------- */ .aibd-hdr { --aibd-navy: #16233a; --aibd-navy-2: #2b3852; --aibd-ink-2: #63718a; --aibd-ink-3: #8a97ac; --aibd-blue: #6088c5; --aibd-blue-ink: #2b5490; --aibd-pale: #f4f6fa; --aibd-line: #e6ebf3; --aibd-line-2: #eef2f8; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9990; background: #fff; border-bottom: 1px solid var(--aibd-line); font-family: inherit; line-height: 1.45; color: var(--aibd-navy); -webkit-font-smoothing: antialiased; } /* The theme sets `body { overflow-x: hidden }`, which turns into a scroll container and silently breaks `position: sticky` for its children. So the bar is fixed and this spacer (measured by aibd-header.js) reserves its height, keeping the document flow identical to a sticky header. */ .aibd-hdr__spacer { height: 122px; } /* while JS measures the un-shrunk height, transitions must not fight the layout */ .aibd-hdr.aibd-measuring, .aibd-hdr.aibd-measuring * { transition: none !important; } body.admin-bar .aibd-hdr { top: 32px; } @media (max-width: 782px) { body.admin-bar .aibd-hdr { top: 46px; } } .aibd-hdr *, .aibd-drawer *, .aibd-drawer__scrim { box-sizing: border-box; } .aibd-hdr ul { list-style: none; margin: 0; padding: 0; } .aibd-hdr li { margin: 0; } .aibd-hdr a { text-decoration: none; color: inherit; } .aibd-hdr img { display: block; max-width: 100%; height: auto; } .aibd-hdr button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } .aibd-hdr p { margin: 0; } .aibd-hdr svg { display: block; width: 16px; height: 16px; } .aibd-hdr__wrap { max-width: 1300px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; width: 100%; } /* --- 3px brand accent --------------------------------------------------- */ .aibd-hdr::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, #2b5490 0%, #6088c5 62%, #8fb0e0 100%); } /* --- utility bar -------------------------------------------------------- */ .aibd-hdr__util { height: 34px; overflow: hidden; border-bottom: 1px solid var(--aibd-line-2); background: #fff; transition: height .26s ease, opacity .18s ease; } .aibd-hdr.is-stuck .aibd-hdr__util { height: 0; opacity: 0; border-bottom-color: transparent; } .aibd-hdr__util .aibd-hdr__wrap { justify-content: space-between; gap: 24px; height: 34px; } .aibd-hdr__est { font-size: 12.5px; color: var(--aibd-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aibd-hdr__meta { display: flex; align-items: center; gap: 20px; flex: none; } .aibd-hdr__meta > li { display: flex; align-items: center; } .aibd-hdr__meta > li > a { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--aibd-navy-2); transition: color .18s ease; } .aibd-hdr__meta > li > a:hover { color: var(--aibd-blue-ink); } .aibd-hdr__meta svg { width: 14px; height: 14px; color: var(--aibd-blue-ink); } .aibd-hdr__social { display: flex; align-items: center; gap: 6px; padding-left: 16px; border-left: 1px solid var(--aibd-line); } .aibd-hdr__social a { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--aibd-navy-2); background: var(--aibd-pale); transition: background .18s ease, color .18s ease, transform .18s ease; } .aibd-hdr__social a:hover { background: var(--aibd-blue); color: #fff; transform: translateY(-1px); } .aibd-hdr__social svg { width: 13px; height: 13px; color: inherit; } /* --- main bar ----------------------------------------------------------- */ .aibd-hdr__main { position: relative; } .aibd-hdr__main > .aibd-hdr__wrap { height: 83px; gap: 28px; justify-content: space-between; transition: height .26s ease; } .aibd-hdr.is-stuck .aibd-hdr__main > .aibd-hdr__wrap { height: 66px; } /* --- brand -------------------------------------------------------------- */ .aibd-brand { flex: none; display: block; } .aibd-brand img { height: 40px; width: auto; transition: height .26s ease; } .aibd-hdr.is-stuck .aibd-brand img { height: 33px; } /* --- desktop nav -------------------------------------------------------- */ .aibd-nav { display: flex; flex: 1 1 auto; justify-content: flex-end; align-self: stretch; } .aibd-nav__list { display: flex; align-items: stretch; height: 100%; gap: 2px; } /* Items span the full bar height so `top:100%` on a dropdown lands exactly on the header's bottom edge instead of floating mid-bar. */ .aibd-nav .aibd-item { position: relative; display: flex; align-items: center; } .aibd-nav .aibd-link { display: inline-flex; align-items: center; height: 100%; position: relative; padding: 0 13px; font-size: 15px; font-weight: 600; letter-spacing: .005em; color: var(--aibd-navy); border-radius: 8px; transition: color .18s ease, background .18s ease; } .aibd-nav .aibd-link__label { position: relative; display: inline-block; white-space: nowrap; } .aibd-nav .aibd-link__label::after { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: var(--aibd-blue); transform: scaleX(0); transform-origin: left center; transition: transform .22s cubic-bezier(.4,0,.2,1); } .aibd-nav .aibd-link:hover, .aibd-nav .aibd-link:focus-visible { color: var(--aibd-blue-ink); } .aibd-nav .aibd-link:hover .aibd-link__label::after, .aibd-nav .aibd-link:focus-visible .aibd-link__label::after { transform: scaleX(1); } .aibd-nav .current-menu-item > .aibd-link, .aibd-nav .current-menu-ancestor > .aibd-link, .aibd-nav .current-menu-parent > .aibd-link, .aibd-nav .current_page_item > .aibd-link { color: var(--aibd-blue-ink); } .aibd-nav .current-menu-item > .aibd-link .aibd-link__label::after, .aibd-nav .current-menu-ancestor > .aibd-link .aibd-link__label::after, .aibd-nav .current-menu-parent > .aibd-link .aibd-link__label::after { transform: scaleX(1); } .aibd-nav .aibd-item--has-sub > .aibd-link::after { content: ""; border: solid currentColor; border-width: 0 1.6px 1.6px 0; padding: 2.6px; transform: rotate(45deg) translateY(-1px); margin-left: 8px; opacity: .55; transition: transform .22s ease, opacity .22s ease; } .aibd-nav .aibd-item--has-sub:hover > .aibd-link::after, .aibd-nav .aibd-item--has-sub:focus-within > .aibd-link::after { transform: rotate(225deg) translateY(-2px); opacity: 1; } /* desktop dropdown panel — anchored to the right of its parent so a closed (visibility:hidden) panel can never push the document into horizontal scroll */ .aibd-nav .aibd-sub { position: absolute; top: 100%; right: 0; left: auto; z-index: 30; min-width: 272px; padding: 8px; margin-top: 0; background: #fff; border: 1px solid var(--aibd-line); border-radius: 12px; /* inset accent instead of a thick border-top: a border would fight the 12px radius */ box-shadow: inset 0 2px 0 0 var(--aibd-blue), 0 18px 40px rgba(16, 35, 58, .12), 0 2px 6px rgba(16, 35, 58, .05); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; } .aibd-nav .aibd-sub:has(> .aibd-item:nth-child(5)) { min-width: 556px; columns: 2; column-gap: 6px; } .aibd-nav .aibd-sub--deep:has(> .aibd-item:nth-child(5)) { min-width: 272px; columns: 1; } .aibd-nav .aibd-item--has-sub:hover > .aibd-sub, .aibd-nav .aibd-item--has-sub:focus-within > .aibd-sub { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; } .aibd-nav .aibd-sub .aibd-item { break-inside: avoid; } .aibd-nav .aibd-sub .aibd-link { display: block; padding: 9px 12px 9px 14px; font-size: 14.5px; font-weight: 500; color: var(--aibd-navy-2); border-radius: 8px; border-left: 2px solid transparent; transition: background .16s ease, color .16s ease, border-color .16s ease; transform: translateX(0); } .aibd-nav .aibd-sub .aibd-link:hover, .aibd-nav .aibd-sub .aibd-link:focus-visible { background: var(--aibd-pale); color: var(--aibd-blue-ink); border-left-color: var(--aibd-blue); padding-left: 19px; } .aibd-nav .aibd-sub .aibd-link__label::after { display: none; } .aibd-nav .aibd-sub .aibd-link__desc { display: block; font-size: 12.5px; font-weight: 400; color: var(--aibd-ink-3); line-height: 1.5; margin-top: 2px; } /* deep level: flyout to the right (no depth-2 items exist in the AIBD menu) */ .aibd-nav .aibd-sub .aibd-sub { top: -11px; right: auto; left: 100%; margin: 0 0 0 4px; } .aibd-nav .aibd-toggle { display: none; } /* --- actions ------------------------------------------------------------ */ .aibd-hdr__actions { display: flex; align-items: center; gap: 12px; flex: none; } .aibd-iconbtn { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--aibd-navy); border: 1px solid var(--aibd-line); transition: background .18s ease, color .18s ease, border-color .18s ease; } .aibd-iconbtn:hover { background: var(--aibd-pale); color: var(--aibd-blue-ink); border-color: #d9e2f2; } .aibd-iconbtn svg { width: 18px; height: 18px; } .aibd-searchbtn[aria-expanded="true"] { background: var(--aibd-pale); color: var(--aibd-blue-ink); border-color: #d9e2f2; } .aibd-cta { display: inline-flex; align-items: center; height: 42px; padding: 0 22px; border-radius: 10px; background: var(--aibd-blue-ink); color: #fff !important; font-size: 14.5px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; box-shadow: 0 6px 16px rgba(43, 84, 144, .22); transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } .aibd-cta:hover { background: #234777; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(43, 84, 144, .28); } .aibd-cta:focus-visible { outline: 2px solid var(--aibd-blue); outline-offset: 3px; } .aibd-burger { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--aibd-line); color: var(--aibd-navy); transition: background .18s ease, border-color .18s ease; } .aibd-burger:hover { background: var(--aibd-pale); border-color: #d9e2f2; } .aibd-burger__bars { display: block; width: 20px; height: 14px; position: relative; } .aibd-burger__bars i { position: absolute; left: 0; display: block; width: 100%; height: 2px; background: currentColor; border-radius: 2px; transform-origin: left center; transition: transform .26s cubic-bezier(.4,0,.2,1), opacity .18s ease; } .aibd-burger__bars i:nth-child(1) { top: 0; } .aibd-burger__bars i:nth-child(2) { top: 6px; transform: scaleX(.74); } .aibd-burger__bars i:nth-child(3) { top: 12px; } .aibd-burger:hover .aibd-burger__bars i:nth-child(2) { transform: scaleX(1); } /* --- search panel ------------------------------------------------------- */ .aibd-hdr__search { max-height: 0; opacity: 0; overflow: hidden; border-top: 1px solid transparent; background: #fff; transition: max-height .3s cubic-bezier(.4,0,.2,1), opacity .22s ease, border-color .3s ease; } .aibd-hdr__search.is-open { max-height: 132px; opacity: 1; border-top-color: var(--aibd-line-2); } .aibd-hdr__search .aibd-hdr__wrap { padding-top: 16px; padding-bottom: 18px; } .aibd-searchform { display: flex; align-items: center; gap: 10px; width: 100%; position: relative; } .aibd-searchform input[type="search"] { flex: 1 1 auto; width: 100%; height: 48px; padding: 0 54px 0 18px; font: inherit; font-size: 15.5px; color: var(--aibd-navy); background: var(--aibd-pale); border: 1px solid var(--aibd-line); border-radius: 999px; -webkit-appearance: none; appearance: none; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .aibd-searchform input[type="search"]::placeholder { color: var(--aibd-ink-3); } .aibd-searchform input[type="search"]:focus { outline: none; background: #fff; border-color: var(--aibd-blue); box-shadow: 0 0 0 3px rgba(96, 136, 197, .16); } .aibd-searchform__go { position: absolute; right: 6px; top: 6px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--aibd-blue-ink); color: #fff; transition: background .18s ease; } .aibd-searchform__go:hover { background: #234777; } .aibd-searchform__go svg { width: 17px; height: 17px; } /* --- skip link ---------------------------------------------------------- */ .aibd-skip { position: absolute; left: 0; top: 0; z-index: 100; padding: 12px 18px; background: var(--aibd-blue-ink); color: #fff !important; font-size: 14px; font-weight: 700; border-radius: 0 0 10px 0; transform: translateY(-130%); transition: transform .2s ease; } .aibd-skip:focus { transform: translateY(0); } /* ========================================================================== Drawer (left) + scrim ========================================================================== */ .aibd-drawer__scrim { position: fixed; inset: 0; z-index: 9998; background: rgba(15, 27, 45, .52); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s; } .aibd-drawer__scrim.is-open { opacity: 1; visibility: visible; transition-delay: 0s; } .aibd-drawer { --aibd-navy: #16233a; --aibd-navy-2: #2b3852; --aibd-ink-2: #63718a; --aibd-ink-3: #8a97ac; --aibd-blue: #6088c5; --aibd-blue-ink: #2b5490; --aibd-pale: #f4f6fa; --aibd-line: #e6ebf3; --aibd-line-2: #eef2f8; position: fixed; top: 0; left: 0; z-index: 9999; width: min(88vw, 404px); height: 100vh; height: 100dvh; background: #fff; color: var(--aibd-navy); display: flex; flex-direction: column; font-family: inherit; line-height: 1.5; box-shadow: 0 0 60px rgba(15, 27, 45, .28); transform: translateX(-102%); visibility: hidden; transition: transform .34s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .34s; overscroll-behavior: contain; } .aibd-drawer.is-open { transform: translateX(0); visibility: visible; transition-delay: 0s; } .aibd-drawer ul { list-style: none; margin: 0; padding: 0; } .aibd-drawer a { text-decoration: none; color: inherit; } .aibd-drawer img { display: block; max-width: 100%; height: auto; } .aibd-drawer button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } .aibd-drawer p { margin: 0; } .aibd-drawer svg { display: block; width: 18px; height: 18px; } .aibd-drawer__head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--aibd-line); background: #fff; } .aibd-brand--drawer img { height: 26px; width: auto; } .aibd-drawer__close { width: 42px; height: 42px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--aibd-line); color: var(--aibd-navy); transition: background .18s ease, color .18s ease; } .aibd-drawer__close:hover { background: var(--aibd-pale); color: var(--aibd-blue-ink); } .aibd-drawer__scroll { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 18px 20px 44px; } .aibd-drawer__block { margin-bottom: 26px; } .aibd-drawer__block--search { margin-bottom: 20px; } .aibd-drawer__h { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--aibd-ink-2); margin: 0 0 12px; } .aibd-drawer__addr { font-size: 14.5px; color: var(--aibd-navy-2); } .aibd-drawer__contact { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; } .aibd-drawer__contact a, .aibd-drawer__fax { display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--aibd-navy-2); } .aibd-drawer__contact a:hover { color: var(--aibd-blue-ink); } .aibd-drawer__contact svg { width: 16px; height: 16px; color: var(--aibd-blue-ink); flex: none; } .aibd-drawer__fax { font-weight: 500; color: var(--aibd-ink-2); } .aibd-drawer__social { display: flex; gap: 10px; } .aibd-drawer__social a { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--aibd-pale); color: var(--aibd-navy-2); transition: background .18s ease, color .18s ease, transform .18s ease; } .aibd-drawer__social a:hover { background: var(--aibd-blue); color: #fff; transform: translateY(-2px); } .aibd-chips { display: flex; flex-wrap: wrap; gap: 8px; } .aibd-chips a { display: inline-block; padding: 8px 14px; font-size: 13.5px; font-weight: 600; color: var(--aibd-navy-2); background: var(--aibd-pale); border: 1px solid var(--aibd-line); border-radius: 999px; transition: background .18s ease, color .18s ease, border-color .18s ease; } .aibd-chips a:hover { background: #fff; color: var(--aibd-blue-ink); border-color: var(--aibd-blue); } .aibd-drawer__cta { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 12px; background: var(--aibd-blue-ink); color: #fff !important; font-size: 15px; font-weight: 700; box-shadow: 0 8px 20px rgba(43, 84, 144, .22); transition: background .2s ease; } .aibd-drawer__cta:hover { background: #234777; } /* --- drawer navigation (accordion) ------------------------------------- */ .aibd-dnav { margin-bottom: 26px; } .aibd-dnav__list > .aibd-item { border-bottom: 1px solid var(--aibd-line-2); } .aibd-dnav .aibd-item { position: relative; } .aibd-dnav .aibd-link { display: block; padding: 14px 46px 14px 0; font-size: 16px; font-weight: 600; color: var(--aibd-navy); } .aibd-dnav > .aibd-dnav__list > .aibd-item > .aibd-link { font-size: 16.5px; } .aibd-dnav .aibd-link:hover { color: var(--aibd-blue-ink); } .aibd-dnav .aibd-toggle { position: absolute; top: 4px; right: 0; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--aibd-ink-2); background: var(--aibd-pale); transition: background .18s ease, color .18s ease; } .aibd-dnav .aibd-toggle:hover { background: #e7edf7; color: var(--aibd-blue-ink); } .aibd-dnav .aibd-toggle__icon { width: 18px; height: 18px; transition: transform .26s cubic-bezier(.4,0,.2,1); } .aibd-dnav .aibd-toggle[aria-expanded="true"] { background: var(--aibd-blue-ink); color: #fff; } .aibd-dnav .aibd-toggle[aria-expanded="true"] .aibd-toggle__icon { transform: rotate(180deg); } .aibd-dnav .aibd-toggle__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .aibd-dnav .aibd-sub { max-height: 0; overflow: hidden; transition: max-height .32s cubic-bezier(.4, 0, .2, 1); } .aibd-dnav .aibd-sub.is-open { max-height: 1200px; } .aibd-dnav .aibd-sub .aibd-item { border-bottom: 0; } .aibd-dnav .aibd-sub .aibd-link { padding: 10px 46px 10px 16px; font-size: 15px; font-weight: 500; color: var(--aibd-navy-2); border-left: 2px solid var(--aibd-line); } .aibd-dnav .aibd-sub .aibd-link:hover { color: var(--aibd-blue-ink); border-left-color: var(--aibd-blue); } .aibd-dnav .aibd-sub .aibd-sub .aibd-link { padding-left: 30px; font-size: 14.5px; } .aibd-dnav .aibd-sub .aibd-toggle { top: 1px; height: 36px; width: 36px; } .aibd-dnav .aibd-link__desc { display: block; font-size: 13px; font-weight: 400; color: var(--aibd-ink-3); margin-top: 2px; } .aibd-dnav .aibd-toggle__shim { display: none; } /* --- scroll lock -------------------------------------------------------- */ html.aibd-drawer-open, body.aibd-drawer-open { overflow: hidden; } /* ========================================================================== Responsive ========================================================================== */ /* 1400, not 1199: with the full-size nav the row needs ~1343px of viewport, so below that the CTA was being clipped by body{overflow-x:hidden}. */ @media (max-width: 1399px) { .aibd-hdr__main > .aibd-hdr__wrap { gap: 16px; } .aibd-nav { min-width: 0; } .aibd-nav__list { min-width: 0; gap: 0; } .aibd-nav .aibd-link { padding: 0 8px; font-size: 13px; } .aibd-nav .aibd-item--has-sub > .aibd-link::after { margin-left: 6px; } .aibd-brand img { height: 32px; } .aibd-hdr.is-stuck .aibd-brand img { height: 29px; } .aibd-cta { padding: 0 14px; font-size: 13px; height: 38px; } .aibd-hdr__actions { gap: 8px; } .aibd-iconbtn { width: 36px; height: 36px; } .aibd-hdr__util .aibd-hdr__wrap { gap: 14px; } .aibd-hdr__est { font-size: 11.5px; } .aibd-hdr__meta > li > a { font-size: 11.5px; } .aibd-hdr__meta { gap: 14px; } } @media (max-width: 1024px) { .aibd-nav { display: none; } .aibd-burger { display: inline-flex; } .aibd-cta { display: none; } .aibd-iconbtn { display: none; } .aibd-hdr__util { display: none; } .aibd-hdr__spacer { height: 77px; } .aibd-hdr__main > .aibd-hdr__wrap { height: 72px; gap: 14px; } .aibd-hdr.is-stuck .aibd-hdr__main > .aibd-hdr__wrap { height: 64px; } .aibd-brand img { height: 32px; } .aibd-hdr.is-stuck .aibd-brand img { height: 29px; } .aibd-hdr__search.is-open { max-height: 120px; } .aibd-hdr__search .aibd-hdr__wrap { padding-top: 14px; padding-bottom: 16px; } .aibd-searchform input[type="search"] { height: 46px; font-size: 15px; } .aibd-searchform__go { top: 5px; height: 36px; } } @media (max-width: 480px) { .aibd-hdr__wrap { padding: 0 16px; } .aibd-brand img { height: 28px; } .aibd-hdr.is-stuck .aibd-brand img { height: 26px; } /* keep a sliver of page visible behind the drawer as an affordance */ .aibd-drawer { width: min(90vw, 404px); } } /* ========================================================================== Motion / print ========================================================================== */ @media (prefers-reduced-motion: reduce) { .aibd-hdr *, .aibd-drawer *, .aibd-drawer__scrim { transition-duration: .01ms !important; animation-duration: .01ms !important; } } @media print { .aibd-hdr, .aibd-drawer, .aibd-drawer__scrim { display: none !important; } }