/* CGS Core: nav-panels. The header navigation redesign (spec 2026-10-16),
   values from the approved mockups. Printed at wp_head 211 by module.php, only
   while the takeover is active (body.cgs-np-on).
   Specificity: Header Guard (snippet 25095693) sets "#top-menu li a" to 18px
   uppercase and the top bar colours without !important; header-nav.css has
   !important padding rules with one id. Every rule below leads with
   "#main-header #top-menu.cgs-np-menu" or "#page-container #top-header" (two
   ids), and takes !important wherever one of those uses it.
   Brand: navy #27318B, gold #F1C500 (bars only, never text), ink #1D2B47,
   program black #141212, orange #FF6600, line #E3E5EF. */

/* ---- headings ----
   Divi owns the header's height, padding and logo; nothing here resizes them.
   The heading link keeps Header Guard's line box (1.7em of its 18px font =
   30.6px) so the header measures what prod measures with a 17px or 16px label;
   it sets no padding-top or padding-bottom. Pill offset: line centre 15.3px, a
   44px pill needs a top of 15.3 - 22 = -6.7 from the line top; headings sit
   1.7px below the ul top (Divi's inline strut, .4px in the fixed header), so
   the pill margins are -5px (-4px narrow), -6.3px (-5.3px) when fixed, with a
   negative bottom margin so the pill never makes the header taller. The panel is position:fixed (top set by the script from the
   header's bottom edge), so no wrapper changes its positioning. Divi's absolute
   logo box spans the nav row, so the heading items and the buttons are
   positioned with a z-index to stay clickable. */
#main-header #top-menu.cgs-np-menu{font-family:"Roboto Flex",Helvetica,Arial,sans-serif}
#main-header #top-menu.cgs-np-menu>li{position:relative;z-index:1;display:inline-flex!important;vertical-align:top;align-items:flex-start;margin:1.7px 0 0;padding:0!important;font-size:inherit;list-style:none}
#main-header.et-fixed-header #top-menu.cgs-np-menu>li{padding:0!important;margin-top:.4px}
#main-header #top-menu.cgs-np-menu>li>a.cgs-np-link{position:relative;display:inline-block!important;padding-left:13px!important;padding-right:2px!important;margin:0!important;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;font-size:17px!important;font-weight:600!important;line-height:30.6px!important;letter-spacing:0!important;text-transform:none!important;color:#1D2B47!important;text-decoration:none;white-space:nowrap;opacity:1!important;background:transparent!important;transition:none}
#main-header #top-menu.cgs-np-menu>li.cgs-np-head:not(.cgs-np-has-panel)>a.cgs-np-link{padding-right:13px!important}
#main-header #top-menu.cgs-np-menu>li.cgs-np-head>a.cgs-np-link:hover,
#main-header #top-menu.cgs-np-menu>li.cgs-np-head.is-open>a.cgs-np-link,
#main-header #top-menu.cgs-np-menu>li.cgs-np-current>a.cgs-np-link{color:#27318B!important}
#main-header #top-menu.cgs-np-menu .cgs-np-toggle{position:relative;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30.6px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#1D2B47;cursor:pointer;font:inherit;line-height:1}
#main-header #top-menu.cgs-np-menu li.is-open>.cgs-np-toggle,
#main-header #top-menu.cgs-np-menu li.cgs-np-current>.cgs-np-toggle{color:#27318B}
#main-header #top-menu.cgs-np-menu .cgs-np-toggle .cgs-np-icon{width:12px;height:12px;opacity:.7}
#main-header #top-menu.cgs-np-menu li.is-open>.cgs-np-toggle .cgs-np-icon{transform:rotate(180deg)}
/* The gold bar is an underline under the heading word itself (owner 2026-10-19: centred on the text, close to it). Shown for the open heading, or the current section while nothing is open. */
#main-header #top-menu.cgs-np-menu>li.cgs-np-head>a.cgs-np-link .cgs-np-label{position:relative}
#main-header #top-menu.cgs-np-menu>li.cgs-np-head>a.cgs-np-link .cgs-np-label:after{content:"";display:none;position:absolute;left:0;right:0;bottom:-6px;height:3px;background:#F1C500;border-radius:2px;pointer-events:none}
#main-header #top-menu.cgs-np-menu>li.cgs-np-head.is-open>a.cgs-np-link .cgs-np-label:after,
#main-header #top-menu.cgs-np-menu:not(.has-open)>li.cgs-np-head.cgs-np-current>a.cgs-np-link .cgs-np-label:after{display:block}

/* ---- pills ---- */
#main-header #top-menu.cgs-np-menu>li.cgs-np-pill-item{margin:-5px 0 -9px 8px}
#main-header.et-fixed-header #top-menu.cgs-np-menu>li.cgs-np-pill-item{margin-top:-6.3px}
#main-header #top-menu.cgs-np-menu a.cgs-np-act,
#main-header #top-menu.cgs-np-menu a.cgs-np-donate{display:inline-flex!important;align-items:center;gap:7px;height:44px;padding:0 20px!important;margin:0!important;border-radius:44px!important;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none;white-space:nowrap;opacity:1!important;transition:none;transform:none!important}
#main-header #top-menu.cgs-np-menu a.cgs-np-act{background:transparent!important;border:2px solid #27318B!important;color:#27318B!important}
#main-header #top-menu.cgs-np-menu a.cgs-np-act:hover,
#main-header #top-menu.cgs-np-menu a.cgs-np-act.is-current{background:#27318B!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu a.cgs-np-donate{background:#FF6600!important;border:0!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu a.cgs-np-donate:hover{background:#E65C00!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu a.cgs-np-donate .cgs-np-icon{width:15px;height:15px;color:#fff}
.cgs-np-label{white-space:nowrap}

/* ---- the panel ---- */
/* position:fixed with its top set by the script from the header's bottom edge (top:100% is only the no-script guess). z-index: the header already sits above page content (Divi gives #main-header 99999) and the panel lives inside it, so 100 only orders it against the header's own children. Divi's ".nav li ul" and "#top-menu li li a" rules reach this markup because it sits inside ul#top-menu.nav, so every rule here has two ids and takes !important where Divi, Divi Pixel or Header Guard do. */
#main-header #top-menu.cgs-np-menu .cgs-np-panel{position:fixed;left:0;right:0;top:100%;width:auto!important;z-index:100;margin:0;display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;background:#fff;border-top:1px solid #E3E5EF;box-shadow:0 14px 30px rgba(29,43,71,.12);overflow-y:auto;overscroll-behavior:contain;color:#1D2B47!important;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;text-align:left;opacity:0;transform:translateY(-6px);transition:opacity .16s ease-out,transform .16s ease-out}
#main-header #top-menu.cgs-np-menu .cgs-np-panel.is-open{opacity:1;transform:none}
#main-header #top-menu.cgs-np-menu .cgs-np-panel.is-swap{transition:none}
.cgs-np-panel[hidden]{display:none!important}
/* Columns are at least as wide as their content (labels never wrap) and spread across the space; the slot keeps about 28% (300 to 440px) beside them, and when it cannot fit it wraps under the columns as a full-width band, so nothing overflows at any desktop width. */
#main-header #top-menu.cgs-np-menu .cgs-np-cols{flex:1000 1 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);min-width:0}
#main-header #top-menu.cgs-np-menu .cgs-np-col{padding:28px 30px!important;min-width:0}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-group{margin:0 0 10px;padding:0!important;font-family:Montserrat,Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#27318B!important;white-space:nowrap}
#main-header #top-menu.cgs-np-menu .cgs-np-panel ul{position:static!important;visibility:visible!important;opacity:1!important;width:auto!important;left:auto!important;top:auto!important;border:0!important;box-shadow:none!important;background:none!important;margin:0!important;padding:0!important;list-style:none;transform:none!important}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links{display:block!important}
#main-header #top-menu.cgs-np-menu .cgs-np-col-2{grid-column:span 2}
#main-header #top-menu.cgs-np-menu .cgs-np-split{display:flex;column-gap:56px}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-issues{display:grid!important}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links li{margin:0!important;padding:0!important;list-style:none;display:block}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links a{width:auto!important;display:flex;align-items:center;min-height:42px;box-sizing:border-box;padding:0 10px!important;margin:0 -10px;border-radius:6px;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;font-size:17px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;color:#1D2B47!important;text-decoration:none;white-space:nowrap}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links a:hover{background:#F4F5FA;color:#27318B!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links a[aria-current]{color:#27318B!important}
/* header-nav's old-dropdown nudge (.nav li ul a:hover margin-left 5px) must not move panel links. */
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-links a:hover{margin-left:-10px!important;margin-right:-10px!important}
#main-header #top-menu.cgs-np-menu .cgs-np-panel .cgs-np-icon-ext{width:13px!important;height:13px;margin-left:6px;opacity:.7;flex:none}

/* ---- the live slot ---- */
#main-header #top-menu.cgs-np-menu .cgs-np-slot{flex:1 0 clamp(300px,28%,440px);box-sizing:border-box;padding:28px 30px!important;background:#27318B;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-slot-title{margin:0 0 10px;padding:0!important;font-family:Montserrat,Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-slot-text{margin:0 0 14px;padding:0!important;max-width:34ch;font-size:17px!important;line-height:1.5!important;color:#E4E6F4!important}
#main-header #top-menu.cgs-np-menu .cgs-np-slot .cgs-np-slot-sub{font-size:15px!important;margin:10px 0 0}
#main-header #top-menu.cgs-np-menu .cgs-np-slot a{text-decoration:none}
#main-header #top-menu.cgs-np-menu .cgs-np-slot .cgs-np-all{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-slot .cgs-np-all+.cgs-np-all{display:flex;margin-top:4px}
#main-header #top-menu.cgs-np-menu .cgs-np-slot .cgs-np-all:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
#main-header #top-menu.cgs-np-menu .cgs-np-slot .cgs-np-all .cgs-np-icon{width:14px!important;height:14px;flex:none}
#main-header #top-menu.cgs-np-menu .cgs-np-issues{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;margin:0;padding:0!important;list-style:none}
#main-header #top-menu.cgs-np-menu .cgs-np-issues li{margin:0;padding:0!important;list-style:none}
#main-header #top-menu.cgs-np-menu .cgs-np-issues a{padding:0!important;display:flex;align-items:center;min-height:42px;font-size:17px!important;font-weight:600!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-issues a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
#main-header #top-menu.cgs-np-menu .cgs-np-newest-meta{margin:0 0 8px;padding:0!important;font-size:15px!important;line-height:1.4!important;color:#E4E6F4!important}
#main-header #top-menu.cgs-np-menu .cgs-np-newest-title{display:block;margin:0 0 10px;max-width:24ch;font-family:Montserrat,Helvetica,Arial,sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:1.3!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-newest-title:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}

/* Timetable rhythm: a 2px rule on top, a 58px date block, 1px rules between rows. */
#main-header #top-menu.cgs-np-menu .cgs-np-rows{border-top:2px solid #fff}
#main-header #top-menu.cgs-np-menu .cgs-np-row{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.28);color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-row:hover .cgs-np-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
#main-header #top-menu.cgs-np-menu .cgs-np-date{display:block;font-family:Montserrat,Helvetica,Arial,sans-serif!important;font-variant-numeric:tabular-nums;line-height:1.1!important}
#main-header #top-menu.cgs-np-menu .cgs-np-mon{display:block;font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important}
#main-header #top-menu.cgs-np-menu .cgs-np-day{display:block;font-size:24px!important;font-weight:800!important;letter-spacing:-.01em!important}
#main-header #top-menu.cgs-np-menu .cgs-np-what{display:block;min-width:0}
#main-header #top-menu.cgs-np-menu .cgs-np-title{display:block;font-size:16px!important;font-weight:600!important;line-height:1.3!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-meta{display:inline-block;margin-top:4px;font-size:14px!important;font-weight:500!important;color:#E4E6F4!important}
#main-header #top-menu.cgs-np-menu .cgs-np-chip{display:inline-block;margin:4px 0 0 8px;padding:2px 9px!important;border:1.5px solid #F1C500;border-radius:20px;font-size:13px!important;font-weight:700!important;line-height:1.3!important;color:#F1C500!important;white-space:nowrap}

/* eNews box */
#main-header #top-menu.cgs-np-menu .cgs-np-enews{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
#main-header #top-menu.cgs-np-menu .cgs-np-enews input[type=email]{flex:1 1 150px;min-width:0;height:48px;box-sizing:border-box;margin:0;padding:0 14px!important;border:0;border-radius:8px;background:#fff;color:#1D2B47!important;font:400 16px/1 "Roboto Flex",Helvetica,Arial,sans-serif;box-shadow:none}
#main-header #top-menu.cgs-np-menu .cgs-np-enews input[type=email]::placeholder{color:#4A5470!important;opacity:1}
#main-header #top-menu.cgs-np-menu .cgs-np-enews .cgs-np-signup,
#main-header #top-menu.cgs-np-menu .cgs-np-slot a[data-cgs-newsletter]{display:inline-flex;align-items:center;justify-content:center;height:48px;box-sizing:border-box;margin:0;padding:0 20px!important;border:2px solid #fff;border-radius:48px;background:#fff;color:#27318B!important;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;cursor:pointer;text-decoration:none}
#main-header #top-menu.cgs-np-menu .cgs-np-enews .cgs-np-signup:hover,
#main-header #top-menu.cgs-np-menu .cgs-np-slot a[data-cgs-newsletter]:hover{background:#E4E6F4;border-color:#E4E6F4}
#main-header #top-menu.cgs-np-menu .cgs-np-enews .cgs-np-signup[disabled]{opacity:.7;cursor:default}
#main-header #top-menu.cgs-np-menu .cgs-np-enews .cgs-np-status{flex:1 0 100%;min-height:1.4em;margin:2px 0 0;padding:0!important;font-size:15px!important;line-height:1.4!important;color:#fff!important}
#main-header #top-menu.cgs-np-menu .cgs-np-enews .cgs-np-status.is-error{color:#FFD9D0!important}
#main-header #top-menu.cgs-np-menu .cgs-np-hp{position:absolute!important;left:-9999px;top:auto;width:1px!important;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* Divi and Header Guard set "#top-menu li a" to uppercase and 18px; nothing inside a panel inherits that. */
#main-header #top-menu.cgs-np-menu .cgs-np-panel a,
#main-header #top-menu.cgs-np-menu .cgs-np-panel button{text-transform:none!important;letter-spacing:0!important}

/* ---- screen reader text, scoped (never rely on Divi's) ---- */
#main-header .screen-reader-text,#main-header #top-menu.cgs-np-menu .cgs-np-panel .screen-reader-text,#main-header #top-menu.cgs-np-menu .cgs-np-slot .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---- focus: 3px navy, 3px offset, everywhere; white on the navy grounds ---- */
#main-header #top-menu.cgs-np-menu .cgs-np-link:focus-visible,
#main-header #top-menu.cgs-np-menu .cgs-np-toggle:focus-visible,
#main-header #top-menu.cgs-np-menu .cgs-np-act:focus-visible,
#main-header #top-menu.cgs-np-menu .cgs-np-donate:focus-visible,
#main-header #top-menu.cgs-np-menu .cgs-np-panel a:focus-visible{outline:3px solid #27318B;outline-offset:3px}
#main-header #top-menu.cgs-np-menu .cgs-np-slot a:focus-visible,#main-header #top-menu.cgs-np-menu .cgs-np-slot input:focus-visible,#main-header #top-menu.cgs-np-menu .cgs-np-slot button:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* ---- top bar: navy ground, white Roboto Flex 14px/500, about 34px ---- */
body.cgs-np-on #page-container #top-header,
body.cgs-np-on.et_secondary_nav_enabled #page-container #top-header{background:#27318B!important;background-color:#27318B!important;color:#fff!important;line-height:1}
body.cgs-np-on #page-container #top-header .container{display:flex;align-items:center;justify-content:flex-end;min-height:34px;padding-top:0!important;padding-bottom:0!important}
body.cgs-np-on #page-container #top-header #et-secondary-menu,
body.cgs-np-on #page-container #top-header #et-secondary-nav{float:none;display:flex;align-items:center;margin:0;padding:0}
body.cgs-np-on #page-container #top-header #et-info,
body.cgs-np-on #page-container #top-header #et-info a,
body.cgs-np-on #page-container #top-header .et-social-icons a{color:#fff!important}
body.cgs-np-on #page-container #top-header #et-secondary-nav{list-style:none}
body.cgs-np-on #page-container #top-header #et-secondary-nav>li{display:flex;align-items:center;margin:0 0 0 22px;padding:0;float:none}
body.cgs-np-on #page-container #top-header #et-secondary-nav li a,
body.cgs-np-on #page-container #top-header #et-secondary-nav>li>a{display:inline-flex;align-items:center;padding:0!important;font-family:"Roboto Flex",Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:34px!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-decoration:none;white-space:nowrap;opacity:1!important}
body.cgs-np-on #page-container #top-header #et-secondary-nav a:hover{color:#fff!important;text-decoration:underline;text-underline-offset:4px}
body.cgs-np-on #page-container #top-header #et-secondary-nav a:focus-visible,
body.cgs-np-on #page-container #top-header a:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Get the eNews: first, 600, a mail icon (a CSS mask, no icon font), then a thin divider. */
body.cgs-np-on #page-container #top-header #et-secondary-nav li.cgs-ub-news{margin-left:0}
body.cgs-np-on #page-container #top-header #et-secondary-nav li.cgs-ub-news>a{font-weight:600!important;gap:7px}
body.cgs-np-on #page-container #top-header #et-secondary-nav li.cgs-ub-news>a:before{content:"";display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='m2 4.5 6 4.5 6-4.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='m2 4.5 6 4.5 6-4.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.cgs-np-on #page-container #top-header #et-secondary-nav li.cgs-ub-news:after{content:"";width:1px;height:14px;margin-left:22px;background:rgba(255,255,255,.35)}

/* ---- narrow desktop, 981 to 1180px: everything must still fit on one line at 1000px ---- */
@media (min-width:981px) and (max-width:1180px){
/* Tightened in this order so Take action and Donate fit on one line at 981px with about 29px clear of the logo (measured on prod): heading padding and chevron box, then pill padding. */
#main-header #top-menu.cgs-np-menu>li>a.cgs-np-link{font-size:16px!important;padding-left:6px!important;padding-right:0!important}
#main-header #top-menu.cgs-np-menu>li.cgs-np-head:not(.cgs-np-has-panel)>a.cgs-np-link{padding-right:6px!important}
#main-header #top-menu.cgs-np-menu .cgs-np-toggle{width:22px}
#main-header #top-menu.cgs-np-menu a.cgs-np-act,
#main-header #top-menu.cgs-np-menu a.cgs-np-donate{height:42px;font-size:15px!important;padding:0 14px!important}
#main-header #top-menu.cgs-np-menu>li.cgs-np-pill-item{margin:-4px 0 -9px 6px}
#main-header.et-fixed-header #top-menu.cgs-np-menu>li.cgs-np-pill-item{margin-top:-5.3px}
#main-header #top-menu.cgs-np-menu .cgs-np-col{padding:24px 20px!important}
#main-header #top-menu.cgs-np-menu .cgs-np-split{column-gap:32px}
#main-header #top-menu.cgs-np-menu .cgs-np-slot{padding:24px 22px!important}
}

/* Divi clones #top-menu into #mobile_menu; the script strips the panels from that copy, this hides them until it has. */
#mobile_menu .cgs-np-panel,#mobile_menu .cgs-np-toggle{display:none!important}

/* ---- the phone: Divi hides #top-menu-nav below 981px and the mobile menu takes over; nothing here shows ---- */
@media (max-width:980px){
#main-header #top-menu.cgs-np-menu .cgs-np-panel{display:none!important}
}

/* ---- motion: one fade and a 6px settle, none for people who ask for less ---- */
@media (prefers-reduced-motion:reduce){
#main-header #top-menu.cgs-np-menu .cgs-np-panel{transition:none;transform:none}
}