/* Remove the dot under the active menu item (li.sel) */
li.sel::after,
li.sel::before,
li.sel a::after,
li.sel a::before,
li.sel > a > span::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  box-shadow: none !important;
}

  #id_mid .gadgetStyleBody{
    overflow: visible !important;
    padding: 0 !important;
  }

  /* Full-bleed helper */
  /* #id_D53abBI .full-bleed{
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  } */
  /* .container_12,
  .zoneHeader .container_12,
  .zoneHeader1 .container_12,
  .zoneHeader2 .container_12,
  .zoneContent .container_12,
  .zoneFooter .container_12,
  .zoneFooter1 .container_12,
  .zoneBranding .container_12 {
    max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
  } */

  /* 2) Collapse the middle panel/grid into a single full-width column */
  /* .WaLayoutTable {
    width: 100vw !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }
  .WaLayoutTable .WaLayoutSeparator {
    display: none !important;
  }
  .WaLayoutTable .WaLayoutRow > .WaLayoutItem {
    display: block !important;
    width: 100% !important;
  } */

  /* 3) Specifically nuke the multi-column split in the header row you showed */
  /* #id_FCzB2EY .WaLayoutRow > .WaLayoutItem { width: 100% !important; }
  #id_FCzB2EY .WaLayoutSeparator { display: none !important; } */

  /* 4) Let gadgets actually fill the width */
  /* .WaPlaceHolder,
  .WaGadget,
  .WaGadget .gadgetStyleBody {
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */

  /* 5) Remove any page margins that could box things in */
  /* html, body, .LayoutMain {
    margin: 0 !important;
    padding: 0 !important;
  } */

  /* Optional: a helper class for any section you want to be truly edge-to-edge */
  /* .full-bleed {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  } */
/* #id_H8b9tTl{
  background-color: white;
  
}
.menu-inner a{
  color:black;
}
#id_H8b9tTl a{
  color:black;
  
} */
.WaGadgetLoginButton .loginBoxLinkButton {
  background: transparent !important;
  color: white !important;
  border: 1px solid rgba(255,255,255,.35);
  padding: 6px 12px;
  border-radius: 10px;
  transition: background .2s ease, border-color .2s ease;
}
.WaGadgetLoginButton .loginBoxLinkButton:hover,
.WaGadgetLoginButton .loginBoxLinkButton:focus-visible {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.55);
  outline: none;
}

/********************************************************
  Gentle polish for the default WA horizontal menu
  (keeps existing structure & behavior intact)
********************************************************/
:root {
  --ijas-navy: #0b3c7d;
  --ijas-navy-700: #0a356e;
  --ijas-navy-800: #092e60;
  --ijas-accent: #75a8ed;
}

/* Keep WA's background rail, just recolor & soften */
#id_H8b9tTl .menuBackground {
  background: var(--ijas-navy) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Align items nicely without changing layout sizing */
#id_H8b9tTl .menuInner {
  height: 56px;                 /* tidy bar height */
  display: flex;
  align-items: center;
}

/* Reset stray bullets/dots some themes inject */
#id_H8b9tTl .firstLevel,
#id_H8b9tTl .secondLevel {
  list-style: none;
  margin: 0;
  padding: 0;
}
#id_H8b9tTl .firstLevel > li .item::before,
#id_H8b9tTl .firstLevel > li .item span::before { content: none !important; }

/* Top-level links: better contrast + spacing */
#id_H8b9tTl .firstLevel > li > .item > a {
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none;
  padding: 10px 14px;           /* comfortable hit area */
  border-radius: 8px;            /* soft corners */
  transition: background .18s ease, color .18s ease;
  line-height: 1;
}

/* Active and hover look */
#id_H8b9tTl .firstLevel > li.sel > .item > a {
  background: var(--ijas-navy-700) !important;
}
#id_H8b9tTl .firstLevel > li > .item > a:hover,
#id_H8b9tTl .firstLevel > li > .item > a:focus-visible {
  background: var(--ijas-navy-700) !important;
  color: #fff !important;
  outline: none;
}

/* Small caret for items that have a submenu (non-invasive) */
#id_H8b9tTl .firstLevel > li.dir > .item > a span::after {
  content: "▾";
  font-size: .8em;
  margin-left: 6px;
  opacity: .9;
}

/* Dropdown panel: subtle card look (keeps WA positioning) */
#id_H8b9tTl .secondLevel {
  background: #fff !important;
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  min-width: 240px;             /* readable width */
}

/* Dropdown items */
#id_H8b9tTl .secondLevel > li > .item > a {
  display: block;
  color: var(--ijas-navy) !important;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 8px;
  transition: background .12s ease, color .12s ease;
}
#id_H8b9tTl .secondLevel > li > .item > a:hover,
#id_H8b9tTl .secondLevel > li > .item > a:focus-visible {
  background: rgba(11,60,125,.08);
  color: var(--ijas-navy-800) !important;
  outline: none;
}

/* Third-level caret (if present) */
#id_H8b9tTl .secondLevel > li.dir > .item > a span::after {
  content: "▸";
  float: right;
  opacity: .75;
}

/* Focus style for keyboard users */
#id_H8b9tTl a:focus-visible {
  outline: 2px solid var(--ijas-accent);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Make sure theme doesn’t reintroduce borders/pills */
#id_H8b9tTl .firstLevel > li,
#id_H8b9tTl .firstLevel > li > .item,
#id_H8b9tTl .firstLevel > li > .item > a {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Slightly tighter gaps between top-level items without reflowing layout */
#id_H8b9tTl .firstLevel > li { margin-right: 6px; }
#id_H8b9tTl .firstLevel > li:last-child { margin-right: 0; }

/*****************************************
 Fix navbar text colors for legibility
*****************************************/

/* Top-level background bar */
#id_H8b9tTl .menuBackground {
  background: #0b3c7d !important; /* IJAS navy */
}

/* Top-level links (always white text) */
#id_H8b9tTl .firstLevel > li > .item > a,
#id_H8b9tTl .firstLevel > li > .item > a span {
  color: #ffffff !important;
}

/* Hover/active keep white */
#id_H8b9tTl .firstLevel > li.sel > .item > a,
#id_H8b9tTl .firstLevel > li > .item > a:hover,
#id_H8b9tTl .firstLevel > li > .item > a:focus-visible {
  background: #0a356e !important;  /* darker navy */
  color: #ffffff !important;
}

/* Dropdown panels stay white with dark text */
#id_H8b9tTl .secondLevel {
  background: #ffffff !important;
}
#id_H8b9tTl .secondLevel > li > .item > a,
#id_H8b9tTl .secondLevel > li > .item > a span {
  color: #0b3c7d !important;       /* navy text */
}
#id_H8b9tTl .secondLevel > li > .item > a:hover,
#id_H8b9tTl .secondLevel > li > .item > a:focus-visible {
  background: rgba(11,60,125,.08) !important;
  color: #072a58 !important;       /* darker navy */
}

/* Dropdown carets */
#id_H8b9tTl .firstLevel > li.dir > .item > a span::after {
  color: #ffffff !important;       /* white caret on top level */
}
#id_H8b9tTl .secondLevel > li.dir > .item > a span::after {
  color: #0b3c7d !important;       /* navy caret inside dropdowns */
}

/********************************************
 IJAS navbar: legible, centered, non-overlapping
********************************************/

/* 1) Bar background and stacking */
#id_H8b9tTl .menuBackground {
  background: #0b3c7d !important; /* IJAS navy */
  height: 60px !important;        /* consistent bar height */
}
/* #id_H8b9tTl .stickness {
  position: sticky; top: 0; z-index: 1000;
} */

/* Add a small spacer so the bar never sits on top of content */
#id_H8b9tTl + * {
  margin-top: 8px; /* adjust if you want tighter */
}

/* 2) Vertically center the items inside the bar */
#id_H8b9tTl .menuInner {
  height: 60px !important;                /* match background height */
  display: flex !important;
  align-items: center !important;         /* vertical centering */
}

/* 3) Make ALL top-level items readable (white) */
#id_H8b9tTl .firstLevel > li > .item > a,
#id_H8b9tTl .firstLevel > li > .item > a:link,
#id_H8b9tTl .firstLevel > li > .item > a:visited,
#id_H8b9tTl .firstLevel > li > .item > a span {
  color: #ffffff !important;
  text-decoration: none;
  display: inline-flex; align-items: center; /* vertical center per link */
  height: 40px; padding: 0 14px;            /* comfortable hit area */
  border-radius: 8px;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Hover/selected keep contrast */
#id_H8b9tTl .firstLevel > li.sel > .item > a,
#id_H8b9tTl .firstLevel > li > .item > a:hover,
#id_H8b9tTl .firstLevel > li > .item > a:focus-visible {
  background: #0a356e !important;  /* darker navy */
  color: #ffffff !important;
  outline: none;
}

/* Optional caret for items with submenus (kept subtle) */
#id_H8b9tTl .firstLevel > li.dir > .item > a span::after {
  content: "▾";
  margin-left: 6px;
  font-size: .85em;
  color: #ffffff !important;
  opacity: .9;
}

/* 4) Dropdown stays readable (white panel, navy text) */
#id_H8b9tTl .secondLevel {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  min-width: 240px;
}
#id_H8b9tTl .secondLevel > li > .item > a,
#id_H8b9tTl .secondLevel > li > .item > a span {
  color: #0b3c7d !important;
  font-weight: 700;
  padding: 10px 12px;
  border-radius: 8px;
  display: block;
  text-decoration: none;
}
#id_H8b9tTl .secondLevel > li > .item > a:hover,
#id_H8b9tTl .secondLevel > li > .item > a:focus-visible {
  background: rgba(11,60,125,.08) !important;
  color: #072a58 !important;
  outline: none;
}

/* 5) Remove stray bullets/borders some themes inject */
#id_H8b9tTl .firstLevel,
#id_H8b9tTl .secondLevel { list-style: none; margin: 0; padding: 0; }
#id_H8b9tTl .firstLevel > li,
#id_H8b9tTl .firstLevel > li > .item,
#id_H8b9tTl .firstLevel > li > .item > a {
  background: none !important; border: 0 !important; box-shadow: none !important;
}
#id_H8b9tTl .firstLevel > li .item::before,
#id_H8b9tTl .firstLevel > li .item span::before { content: none !important; }

/* 6) Keyboard accessibility */
#id_H8b9tTl a:focus-visible {
  outline: 2px solid #75a8ed; outline-offset: 2px; border-radius: 8px;
}

/****************************************************
 Make ALL top-level navbar items legible in normal state
 (ultra-specific + state coverage to beat WA theme)
****************************************************/

/* Bar background (keeps contrast) */
#id_H8b9tTl.menuStyle002 .menuBackground {
  background: #0b3c7d !important;
  height: 60px !important;
}

/* Vertically center items */
#id_H8b9tTl.menuStyle002 .menuInner {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

/* CRITICAL: force white text on ALL top-level items in normal state */
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:link,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:visited {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
  display: inline-flex; align-items: center;
  height: 40px; padding: 0 14px; border-radius: 8px;
  font-weight: 800; letter-spacing: .2px;
}

/* Also force color on nested spans/elements inside the link */
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a *,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Selected + hover keep contrast */
#id_H8b9tTl.menuStyle002 .firstLevel > li.sel > .item > a,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:hover,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:focus-visible {
  background: #0b3c7d !important;
  color: #ffffff !important;
  opacity: 1 !important;
  outline: none;
}

/* Submenu caret on top-level (kept white) */
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item > a span::after {
  content: "▾";
  margin-left: 6px; font-size: .85em;
  color: #ffffff !important;
}

/* Dropdown panels remain white with navy text (unchanged, for readability) */
#id_H8b9tTl.menuStyle002 .secondLevel {
  background: #ffffff !important;
  border-radius: 10px; padding: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  min-width: 240px;
}
#id_H8b9tTl.menuStyle002 .secondLevel > li > .item > a,
#id_H8b9tTl.menuStyle002 .secondLevel > li > .item > a span {
  color: #0b3c7d !important;
}

/* Remove stray theme bullets/borders */
#id_H8b9tTl.menuStyle002 .firstLevel,
#id_H8b9tTl.menuStyle002 .secondLevel { list-style: none; margin: 0; padding: 0; }

#id_H8b9tTl.menuStyle002 .firstLevel > li{ margin-right: 2px; }
#id_H8b9tTl.menuStyle002 .firstLevel > li:last-child{ margin-right: 0; }

/* Top-level links: compact padding, readable color */
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:link,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:visited{
  display: inline-flex; align-items: center;
  height: 36px;                 /* compact */
  padding: 0 10px;              /* tighter left/right */
  border-radius: 6px;
  font-weight: 800; letter-spacing: .2px;
  color: var(--nav-text) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  transition: background .15s ease;
}

/********************************************
 Navbar overlay: darker, more legible, no wrap
 (keeps WA overflow/"More" behavior intact)
********************************************/
:root {
  --nav-overlay: rgba(0,0,0,.45);   /* tweak .35–.55 as you like */
  --nav-text: #ffffff;
  --nav-item-pad-x: 10px;           /* tighten spacing so more items fit */
  --nav-item-height: 36px;          /* compact item height */
}

/* Leave WA track transparent; we’ll paint our own overlay */
#id_H8b9tTl.menuStyle002 .menuBackground {
  background: transparent !important;
}

/* Make the sticky wrapper paint a translucent dark layer ONLY under the nav */

#id_H8b9tTl.menuStyle002 .stickness::before {
  content: "";
  position: absolute;
  inset: 0;                        /* cover the nav area only */
  background: var(--nav-overlay);  /* dark, semi-transparent */
  pointer-events: none;            /* don’t block clicks */
  z-index: 0;                      /* sit behind the links */
  /* Optional: soften busy backgrounds behind nav */
  /* backdrop-filter: saturate(140%) blur(4px); */
}

/* Ensure nav content sits above the overlay */
#id_H8b9tTl.menuStyle002 .menuInner {
  position: relative;
  z-index: 1;
  height: calc(var(--nav-item-height) + 18px); /* bar height ≈ item height + padding */
  padding: 0 10px;
}

/* NO WRAP: keep WA’s overflow/“More …” logic */
#id_H8b9tTl.menuStyle002 .firstLevel {
  display: block !important;         /* cancel any flex someone added */
  white-space: nowrap !important;    /* prevent wrapping */
  margin: 0; padding: 0; list-style: none;
}

/* Tighter spacing so more labels fit without wrapping */
#id_H8b9tTl.menuStyle002 .firstLevel > li { margin-right: 2px !important; }
#id_H8b9tTl.menuStyle002 .firstLevel > li:last-child { margin-right: 0 !important; }

/* Top-level link styling: compact + readable on dark overlay */
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:link,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a:visited {
  color: var(--nav-text) !important;
  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: .2px;
  padding: 0 var(--nav-item-pad-x);
  height: var(--nav-item-height);
  line-height: var(--nav-item-height); /* vertical centering without flex */
  border-radius: 6px;
  opacity: 1 !important;
  transition: background .15s ease;
}



/* Keep dropdown caret visible on the dark background */
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item > a span::after {
  content: "▾";
  margin-left: 6px;
  font-size: .82em;
  color: var(--nav-text) !important;
}

/* Dropdowns remain normal (white panel, readable text) */
#id_H8b9tTl.menuStyle002 .secondLevel {
  background: #fff !important;
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  min-width: 220px;
}
#id_H8b9tTl.menuStyle002 .secondLevel > li > .item > a {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  color: #0b3c7d !important;
  font-weight: 700;
  text-decoration: none;
}
#id_H8b9tTl.menuStyle002 .secondLevel > li > .item > a:hover,
#id_H8b9tTl.menuStyle002 .secondLevel > li > .item > a:focus-visible {
  background: rgba(11,60,125,.08) !important;
  color: #072a58 !important;
}

/* Remove stray bullets/borders some skins add */
#id_H8b9tTl.menuStyle002 .firstLevel > li .item::before,
#id_H8b9tTl.menuStyle002 .firstLevel > li .item span::before { content: none !important; }
#id_H8b9tTl.menuStyle002 .firstLevel > li,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item,
#id_H8b9tTl.menuStyle002 .firstLevel > li > .item > a {
  border: 0 !important; background: none !important; box-shadow: none !important;
}





/****************************************
 Kill WA corner/notch on dropdown items
 (keeps YOUR caret on span::after)
****************************************/


/* Some skins add the notch with pseudo-elements on the wrapper */
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item::before,
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item::after {
  content: none !important;
  display: none !important;
}

/* Others attach it to the <a> pseudo-elements (NOT the inner <span>) */
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item > a::before,
#id_H8b9tTl.menuStyle002 .firstLevel > li.dir > .item > a::after {
  content: none !important;
  display: none !important;
}