/* SCCSI Navigation. Nothing here applies unless the script added .sccsi-nav-on to , so a script failure leaves Divi's menu exactly as it was. */ .sccsi-nav-on{--sn-ink:#0e2742;--sn-body:#24314a;--sn-muted:#5a6478; --sn-gold:#8f6d2f;--sn-rule:#e4e2dc;--sn-card:#fff; --sn-sans:'Inter',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; --sn-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; --sn-ease:cubic-bezier(.32,.72,0,1);} /* bar: wider, and a top-level label may never wrap */ .sccsi-nav-on #main-header .container{max-width:1560px !important;} /* R, 2026-08-09: make the grey line under the header transparent. It is Divi's own box-shadow, measured as rgba(0,0,0,0.1) 0 1px 0 on #main-header, not a border. Removing the shadow rather than overpainting it keeps the header height at 90px. */ .sccsi-nav-on #main-header{box-shadow:none !important;} .sccsi-nav-on #top-menu > li > a{white-space:nowrap !important;} /* Divi's own flyout is hidden, not removed. The markup stays for the mobile menu and for anyone without JavaScript. */ .sccsi-nav-on #top-menu > li > ul.sub-menu{display:none !important;} .sccsi-nav-on #top-menu > li.menu-item-has-children > a:after{display:none !important;} /* the chevron */ .sccsi-nav-on .sn-chev{width:9px;height:9px;margin-left:6px;display:inline-block; vertical-align:middle;opacity:.55; transition:transform .42s var(--sn-ease),opacity .3s var(--sn-ease);} .sccsi-nav-on #top-menu > li:hover > a .sn-chev, .sccsi-nav-on #top-menu > li.sn-open > a .sn-chev{opacity:1;} .sccsi-nav-on #top-menu > li.sn-open > a .sn-chev{transform:rotate(180deg);} .sccsi-nav-on #top-menu > li.sn-open > a{color:var(--sn-gold) !important;} /* the tray */ /* No border on the tray. A 1px border was adding 1px to the header height even when the tray was shut, which measured as the header growing from 90px to 91px. The separation comes from the shadow when it is open. */ .sccsi-nav-on .sn-tray{overflow:hidden;height:0;background:var(--sn-card); border:0;position:relative;z-index:9; transition:height .46s var(--sn-ease),box-shadow .46s var(--sn-ease); box-shadow:0 0 0 rgba(14,39,66,0);} .sccsi-nav-on .sn-tray.sn-open{box-shadow:0 18px 40px -24px rgba(14,39,66,.28);} /* Mirror Divi's own container rule exactly, width:80% capped, and no side padding, so the tray's first column starts on the same pixel as the header content. Measured: container left 191, width 1524. A plain max-width put the tray 10px in. */ .sccsi-nav-on .sn-in{width:80%;max-width:1560px;margin:0 auto;padding:34px 0 40px; border-top:1px solid var(--sn-rule);} .sccsi-nav-on .sn-tray:not(.sn-open) .sn-in{border-top-color:transparent;} .sccsi-nav-on .sn-panel{display:none;} .sccsi-nav-on .sn-panel.sn-live{display:block;} .sccsi-nav-on .sn-cols{display:grid;gap:0 48px;align-items:start; grid-template-columns:repeat(var(--sn-n,3),minmax(0,1fr)); grid-template-rows:auto auto auto;} .sccsi-nav-on .sn-col{display:grid;grid-row:span 3;grid-template-rows:subgrid;} @supports not (grid-template-rows:subgrid){ .sccsi-nav-on .sn-col{display:block;} .sccsi-nav-on .sn-h{min-height:calc(2 * 1.45em + 9px);} } .sccsi-nav-on .sn-h{font-family:var(--sn-mono);font-size:11px;line-height:1.45; letter-spacing:.14em;text-transform:uppercase;color:var(--sn-gold); margin:0 0 10px;align-self:end;padding-bottom:9px; border-bottom:1px solid var(--sn-rule);} .sccsi-nav-on .sn-cols a{display:block;font-family:var(--sn-sans);font-size:14px; font-weight:500;color:var(--sn-ink);text-decoration:none;padding:9px 0; white-space:nowrap;line-height:1.4; transition:color .26s var(--sn-ease),transform .26s var(--sn-ease);} .sccsi-nav-on .sn-cols a:hover{color:var(--sn-gold);transform:translateX(3px);} .sccsi-nav-on .sn-sub a{font-weight:400;color:var(--sn-muted);font-size:13.5px; padding:7px 0 7px 14px;border-left:1px solid var(--sn-rule);} .sccsi-nav-on .sn-sub a:hover{color:var(--sn-gold);border-left-color:var(--sn-gold);} .sccsi-nav-on .sn-fade{opacity:0;transform:translateY(6px); transition:opacity .4s var(--sn-ease),transform .4s var(--sn-ease);} .sccsi-nav-on .sn-tray.sn-open .sn-panel.sn-live .sn-fade{opacity:1;transform:none;} @media (prefers-reduced-motion:reduce){ .sccsi-nav-on .sn-tray,.sccsi-nav-on .sn-chev,.sccsi-nav-on .sn-fade, .sccsi-nav-on .sn-cols a{transition:none !important;} .sccsi-nav-on .sn-fade{opacity:1;transform:none;} } @media (max-width:980px){ /* below Divi's mobile breakpoint the tray is not used at all */ .sccsi-nav-on .sn-tray{display:none !important;} .sccsi-nav-on #top-menu > li > ul.sub-menu{display:block !important;} .sccsi-nav-on .sn-chev{display:none !important;} }