.has-ultimenu .caret {
  background-color: unset;
}

#primary_nav_wrap label i.fas.fa-bars {
  display: none;
}

#primary_nav_wrap {
  margin-top: 15px;
  position: relative;
  margin-left: 1em;
} 

#primary_nav_wrap li.menu-item {
  text-decoration: none;
  line-height: 32px;
  font-size: .9vw;
  font-weight: 100;
  text-align: center;
}

#primary_nav_wrap li a:hover {
  border: none;
}

#primary_nav_wrap ul {
  display: flex;
  align-items: center;

  margin: 0;
  padding: 0;
  list-style: none;
}

#primary_nav_wrap ul li {
  position: relative;
  padding: 0;
  line-height: 1;
}

#primary_nav_wrap ul li.menu-item--expanded,
#primary_nav_wrap ul li.menu-item-expanded {
  /* background removed */
}

#primary_nav_wrap ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
}



#primary_nav_wrap ul ul a,
#primary_nav_wrap ul ul span {
  padding: 10px 15px !important;
  line-height: 1.3;
  max-width: none;
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  white-space: normal;
  font-weight: 100;
}

#primary_nav_wrap ul ul ul {
  top: 0;
  margin-top: 0;
  left: 100%;
  width: auto;
  min-width: 240px;
  margin-left: 0;
  padding-left: 0;
  z-index: 1000;
  /* background removed */
  box-sizing: border-box;
}

#primary_nav_wrap ul ul ul > li {
  line-height: 1.3;
  padding: 0;
  box-sizing: border-box;
}

#primary_nav_wrap ul ul ul > li > a,
#primary_nav_wrap ul ul ul > li > span {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  line-height: 1.3;
  height: auto;
  white-space: normal;
  font-weight: 100;
  box-sizing: border-box;
}

#primary_nav_wrap ul a {
  display: inline-block;
  text-decoration: none;
  font-weight: 100;
  padding: 0;
}


/* === Top-Level Styling === */
#primary_nav_wrap > ul > li {
  position: relative;
  width: auto;
}

#primary_nav_wrap > ul > li > a,
#primary_nav_wrap > ul > li > span {
  padding: 8px 12px;
  text-decoration: none;
  font-weight: 100;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  border: 0; /* no border, prevents the flash */
  box-sizing: border-box;
  /* background-color removed (was transparent) */
  font-size: inherit;
  font-family: inherit;
  white-space: nowrap;
  transition: color .2s ease, transform .2s ease; /* no bg/border animation */
}

@media (min-width: 1001px) {
  #primary_nav_wrap ul ul ul > li > a,
  #primary_nav_wrap ul ul ul > li > span {
    /* background-color & color removed */
  }
  
  #primary_nav_wrap > ul > li:hover > a,
  #primary_nav_wrap > ul > li:hover > span {
    border: 1px solid;
    /* background-color & color removed */
  }

  #primary_nav_wrap > ul > li > span:hover {
    border-color: inherit;
    /* background-color & color removed */
  }

  #primary_nav_wrap > ul > li > a,
  #primary_nav_wrap > ul > li > span{
    line-height: 1.2;
  }

  #primary_nav_wrap ul ul li {
    position: relative;
    min-width: unset !important;
    text-align: left !important;
    margin: 0;
  }

  #primary_nav_wrap ul li:hover > ul {
    display: block;
    max-height: unset;
  }

  #primary_nav_wrap > ul > li > a > i.fa-caret-down,
  #primary_nav_wrap > ul > li > span > i.fa-caret-down {
    line-height: 1;
    align-self: center;
    position: relative;
    top: -1.5px;              
  }

  #primary_nav_wrap .menu-item span {
    font-size: inherit !important;
  }

  /* === First-Level Dropdowns === */
  #primary_nav_wrap > ul > li > ul {
    position: absolute;
    width: 100%;
    min-width: unset;
    max-width: 100%;
    left: 0;
    top: 100%;
    /* background-color removed */
    margin: 0 !important;
    padding: 0 !important;
  }

  #primary_nav_wrap > ul > li > ul > li {
    /* background-color removed */
    padding: 0 !important;
  }

  #primary_nav_wrap > ul > li > ul > li > a,
  #primary_nav_wrap > ul > li > ul > li > span {
    margin: 0 !important;
    /* color removed */
  }

  #primary_nav_wrap > ul > li > ul > li:hover > a,
  #primary_nav_wrap > ul > li > ul > li:hover > span {
    /* background-color & color removed */
  }

  /* Flyout hover override */
  #primary_nav_wrap ul ul ul > li:hover > a,
  #primary_nav_wrap ul ul ul > li:hover > span {
    /* background-color & color removed */
  }

  /* Fix caret alignment in dropdowns */
  #primary_nav_wrap ul li > a,
  #primary_nav_wrap ul li > span {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4em;
  }

  /* Caret via pseudo */
  #primary_nav_wrap .menu li.expanding-item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd";
    padding: 0 0 0 .5em;
    font-size: .8em;
    vertical-align: bottom;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
  }

  #primary_nav_wrap i.fa-caret-right {
    /* color removed */
  }

  #primary_nav_wrap ul ul li:hover i.fa-caret-right {
    /* color removed */
  }

  /* Input + label for mobile toggle (kept hidden by default) */
  #primary_nav_wrap input,
  #primary_nav_wrap label {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.6rem;
    border-radius: 5px;
  }

  #primary_nav_wrap label {
    position: absolute;
    top: 22px;
    right: 20px;
    text-align: center;
    /* background removed */
  }

  #primary_nav_wrap label:hover {
    cursor: pointer;
    transition: background .2s;
    /* background removed */
  }

  #primary_nav_wrap > ul > li.menu-item > span {
    padding: 8px 12px !important;
  }
}

@media (min-width:1201px){
  #primary_nav_wrap ul a {
    padding: 0 5px;
  }
}


/* =========================
   MOBILE (≤1000px) — MOBILE MOBILE MOBILE MOBILE
   ========================= */
@media only screen and (max-width: 1000px) and (orientation: portrait) {

  :root{
    --page-gutter: 16px;
    --tap-size: 44px;
    --l3-font: .95em;
    --l3-indent: 32px;
    --v-nudge: 5px;
    --caret-right: 18px;
    --caret-hit: 48px;
  }

  #primary_nav_wrap .caret-btn{
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }
  
  .layout-container { overflow: visible !important; }
  #block-ultimenustickynav-5 #ultimenu-sticky-nav > li { text-align: center; }
  #block-ultimenustickynav-5 #ultimenu-sticky-nav > li:nth-child(2),
  #block-ultimenustickynav-2 #ultimenu-sticky-nav > li:nth-child(2),
  #block-ultimenustickynav-5 li.ultimenu__item.uitem.has-ultimenu,
  #block-ultimenustickynav-2 li.ultimenu__item.uitem.has-ultimenu { width: 50% !important; min-width: 50% !important; }
  #ultimenu-sticky-nav > li:nth-child(3) { width: 33%; min-width: 33%; padding: 0.4em; border: 0; }
  #block-ultimenustickynav-5 #ultimenu-sticky-nav > li:nth-child(4) { /* background removed */ }
  .menu-t1-search { clear: both; }

  .region.region-primary-menu{ position:relative; }
  #primary_nav_wrap { position: static; --menu-btn-nudge: -64px; } 

  /* checkbox toggle (hidden) */
  #primary_nav_wrap input[type="checkbox"] { display: none; }

  /* hamburger above the menu */
  #primary_nav_wrap label {
    position: absolute;
    inset-inline-end: 20px;
    top: 50%;
    transform: translate3d(0, calc(-50% + var(--menu-btn-nudge, 0px)), 0);
    width: 40px; height: 40px; border-radius: 5px;
    /* background & color removed */
    z-index: 2000;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s ease;
    backface-visibility: hidden; -webkit-backface-visibility: hidden;
    will-change: transform;
    touch-action: manipulation;
  }
  #primary_nav_wrap label:hover { /* background removed */ }

  /* Default: Hamburger icon */
  #primary_nav_wrap label::before {
    font-family: FontAwesome;
    backface-visibility: hidden;
    transform: translateZ(0);
    content: "\f0c9";
    position:absolute; inset:0;
    display:grid; place-items:center;
    font-size:26px; line-height:1;
    /* color removed */
  }
  /* When menu is open (checkbox is checked) — show "×" */
  #primary_nav_wrap input[type="checkbox"]:checked ~ label::before {
    content: "×";
    font-size: 30px;
  }

  /* OFF-CANVAS DRAWER */
#primary_nav_wrap .menu{
    position: fixed;
    top: var(--drawer-top, 0px) !important;   /* fallback = 0 (no gap) */
  right: 0; bottom: 0; left: 0;
    width: auto; margin: 0; padding: 0; box-sizing: border-box;
    /* background removed */
    overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;
    transform: translate3d(100%,0,0); 
    transition: transform .3s ease;
    z-index: 1000; will-change: transform;
    backface-visibility: hidden; -webkit-backface-visibility: hidden;
  }
  #primary_nav_wrap input[type="checkbox"]:checked + .menu {
    transform: translate3d(0,0,0);

  }

  /* prevent page-level horizontal scroll */
  html, body { margin: 0; overflow-x: hidden; }

  /* keep any transforms off the inner ULs */
  #primary_nav_wrap .menu ul { transform: none !important; }

  /* reset outer paddings */
  #primary_nav_wrap { padding-left: 0 !important; padding-right: 0 !important; }

  /* lists stacked, not absolute */
  #primary_nav_wrap ul { display: block; position: static; margin: 0; padding: 0; }
  #primary_nav_wrap .menu ul,
  #primary_nav_wrap .menu ul ul,
  #primary_nav_wrap .menu ul ul ul {
    position: static !important; left: auto !important; top: auto !important;
    margin-left: 0 !important; padding-left: 0 !important;
    /* background-color removed */
  }

  /* kill old pseudo lines if present */
  #primary_nav_wrap .menu li::after { content: none !important; }

  /* full-width rows, no inner gaps */
  .block-menu li.menu-item,
  .block-menu li.menu-item.expanding-item,
  #primary_nav_wrap .menu > li { max-width: none !important; width: 100% !important; }
  #primary_nav_wrap ul li,
  #primary_nav_wrap .menu > li { padding: 0 !important; }
  #primary_nav_wrap li.menu-item { font-size: unset; text-align: left; }
  #primary_nav_wrap .menu > li { margin: 0 !important; }

  /* ===== Level-1 (MAIN MENU) ===== */
  #primary_nav_wrap .menu > li > a,
  #primary_nav_wrap .menu > li > span {
    position: relative;
    display: flex !important; align-items: center !important;
    width: 100%; box-sizing: border-box;
    padding-left: 20px !important;
    padding-right: calc(var(--caret-right) + var(--caret-hit)) !important;
    line-height: 42px !important; min-height: 62px !important;
    text-decoration: none;
    border-bottom: 1px solid !important;
  }
  /* ensure the Search row matches too */
  #primary_nav_wrap .menu > li.menu-t1-search > a,
  #primary_nav_wrap .menu > li.menu-t1-search > span { min-height: 62px !important; }

  #primary_nav_wrap .menu > li > :is(a,span):is(:hover,:active,:focus),
  #primary_nav_wrap .menu > li.open > :is(a,span){ border-bottom:1px solid !important; }

  #primary_nav_wrap .menu > li > ul > li:last-child > a,
  #primary_nav_wrap .menu > li > ul > li:last-child > span {
    border-bottom: 1px solid !important;
  }

  /* ===== Level-2 (SUBMENU) ===== */
  #primary_nav_wrap .menu > li > ul {
    /* background removed */
    margin-top: 0 !important; border-top: 0 !important;
  }
  #primary_nav_wrap .menu > li > ul > li > a,
  #primary_nav_wrap .menu > li > ul > li > span {
    /* background & color removed */
    border-bottom: 1px solid !important;
  }
  #primary_nav_wrap .menu > li > ul > li > a:hover,
  #primary_nav_wrap .menu > li > ul > li > a:active,
  #primary_nav_wrap .menu > li > ul > li > a:focus,
  #primary_nav_wrap .menu > li > ul > li > span:hover,
  #primary_nav_wrap .menu > li > ul > li > span:active,
  #primary_nav_wrap .menu > li > ul > li > span:focus,
  #primary_nav_wrap .menu > li > ul > li.open > a,
  #primary_nav_wrap .menu > li > ul > li.open > span {
    border-bottom: 1px solid !important;
  }

  /* ===== Level-3+ (SUBSUBMENU and deeper) ===== */
  #primary_nav_wrap .menu > li > ul > li > ul {
    /* background removed */
    margin: 0 !important; padding: 0 !important; border: 0 !important;
  }
  #primary_nav_wrap .menu > li > ul > li > ul > li > a,
  #primary_nav_wrap .menu > li > ul > li > ul > li > span {
    /* background & color removed */
    border-bottom: 0 !important;
    position: relative;
    font-size: .95em;
    padding-left: 32px !important;
    line-height: 1.3 !important;
  }
  #primary_nav_wrap .menu > li > ul > li > ul > li > a::after,
  #primary_nav_wrap .menu > li > ul > li > ul > li > span::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    /* background removed */
    z-index: 1; pointer-events: none;
  }
  #primary_nav_wrap .menu > li > ul > li > ul > li:last-child > a::after,
  #primary_nav_wrap .menu > li > ul > li > ul > li:last-child > span::after { display: none !important; }
  #primary_nav_wrap .menu > li > ul > li > ul > li > a:hover,
  #primary_nav_wrap .menu > li > ul > li > ul > li > a:active,
  #primary_nav_wrap .menu > li > ul > li > ul > li > a:focus,
  #primary_nav_wrap .menu > li > ul > li > ul > li > span:hover,
  #primary_nav_wrap .menu > li > ul > li > ul > li > span:active,
  #primary_nav_wrap .menu > li > ul > li > ul > li > span:focus,
  #primary_nav_wrap .menu > li > ul > li > ul > li.open > a,
  #primary_nav_wrap .menu > li > ul > li > ul > li.open > span {
    border-bottom: 1px solid !important;
  }

  /* ===== Carets ===== */
  #primary_nav_wrap .menu li > a i[class*="fa-caret"],
  #primary_nav_wrap .menu li > span i[class*="fa-caret"]{
    position: absolute !important;
    right: var(--caret-right) !important; top: 50% !important;
    transform: translateY(-50%) !important;
    width: var(--caret-hit); height: var(--caret-hit);
    display: flex !important; align-items: center; justify-content: center;
    z-index: 2; pointer-events: auto; cursor: pointer;
    /* color removed */
  }
  #primary_nav_wrap .menu > li > ul > li > a i[class*="fa-caret"],
  #primary_nav_wrap .menu > li > ul > li > span i[class*="fa-caret"],
  #primary_nav_wrap .menu > li > ul > li.expanding-item::before {
    /* color removed */
  }

  #primary_nav_wrap .menu li > a i[class*="fa-caret"]::after,
  #primary_nav_wrap .menu li > span i[class*="fa-caret"]::after{
    content:"";
    position:absolute; top:50%; left:50%;
    width:var(--tap-size); height:var(--tap-size);
    transform:translate(-50%,-50%);
    pointer-events:auto;
  }

  #primary_nav_wrap .menu li.expanding-item::before{
    position:absolute !important; right:var(--caret-right) !important; top:50% !important;
    transform:translateY(-50%) !important;
    width:var(--caret-hit); height:var(--caret-hit);
    display:flex !important; align-items:center; justify-content:center;
    z-index:2; cursor:pointer;
    /* color removed */
  }
  #primary_nav_wrap .menu li.expanding-item::before{
    padding: calc((var(--tap-size) - 16px)/2);
    margin-right: calc(-1 * (var(--tap-size) - 16px)/2);
  }

  /* rotation on open */
  #primary_nav_wrap i.fa-caret-down,
  #primary_nav_wrap i.fa-caret-right { transform: rotate(0deg); transition: transform .2s ease; }
  #primary_nav_wrap li.open > a > i.fa-caret-down,
  #primary_nav_wrap li.open > span > i.fa-caret-down,
  #primary_nav_wrap li.open > a > .caret-btn > i.fa-caret-down,
  #primary_nav_wrap li.open > span > .caret-btn > i.fa-caret-down { transform: translateY(-50%) rotate(180deg) !important; }
  #primary_nav_wrap li.open > a > i.fa-caret-right,
  #primary_nav_wrap li.open > span > i.fa-caret-right,
  #primary_nav_wrap li.open > a > .caret-btn > i.fa-caret-right,
  #primary_nav_wrap li.open > span > .caret-btn > i.fa-caret-right { transform: translateY(-50%) rotate(90deg) !important; }

  /* tap-to-open: disable hover open; show when .open */
  #primary_nav_wrap ul li:hover > ul { display: none !important; }
  #primary_nav_wrap ul li.open > ul { display: block !important; }

  /* stacked submenus with your JS “js-mobile” class */
  #primary_nav_wrap.js-mobile ul ul {
    position: static !important;
    width: 100% !important;
    /* background-color removed */
    display: none; /* hidden until li.open */
    box-shadow: none !important;
  }
  #primary_nav_wrap.js-mobile ul li.open > ul { display: block !important; }
  #primary_nav_wrap.js-mobile ul ul ul {
    position: static !important; width: 100% !important; /* background-color removed */
  }

  /* neutralize outlines & gaps */
  #primary_nav_wrap > ul > li > a,
  #primary_nav_wrap > ul > li > span { box-shadow: none !important; outline: none !important; }
  #primary_nav_wrap a, #primary_nav_wrap button { -webkit-tap-highlight-color: transparent; }
  #primary_nav_wrap .menu li > ul > li { margin: 0 !important; }

  /* misc helpers you had */
  nav.block.block-menu.navigation.menu--main-menu,
  nav#block-mainmenu-3.t1-menu.contextual-region.block.block-menu.navigation.menu--main-menu { width: 100%; }
  nav#block-mainmenu-10 { position: absolute; }
  ul.menu { width: 100%; }
  .layout-container { overflow: hidden; }
  ul#ultimenu-main { overflow: auto; }
  .jumbo-contents { grid-template-columns: 1fr 1fr; }
  .jumbo-links-wrap { margin: 0 auto; }
  .jumbo-related-links { display: inline-flex; }

  /* remove deep left borders on mobile */
  #primary_nav_wrap ul li ul li ul li { border-left: 0 !important; }
  
  #primary_nav_wrap .menu li > :is(a,span){ font-weight: 500 !important; }
}

/* ===== Phone-only tweaks (≤599px) ===== */
@media (max-width: 599px) {
  /* hamburger already at -30px; keep simple */
  #block-ultimenustickynav-2 { display: none; }
}

/* ===== Tablet band (600–1000px) ===== */
@media (min-width: 599px) and (max-width: 1000px) {

  #primary_nav_wrap { --menu-btn-nudge: -64px; }


  .menu-t1-search { margin: 1.7em 0 0 2.5em !important; }
  .t1-site-branding { min-width: 300px; }
  #block-ultimenustickynav-2 { display: none; }
  section.ultimenu__flyout.is-htb.is-flyout-expanded.ultimenu__flyout { display: block; }

  /* hover colors for deep dropdowns (tablet) */
  #primary_nav_wrap ul ul,
  #primary_nav_wrap ul ul ul,
  #primary_nav_wrap ul ul li,
  #primary_nav_wrap ul ul ul li { /* background-color removed */ }

  #primary_nav_wrap ul ul ul li a:hover,
  #primary_nav_wrap ul ul ul li span:hover,
  #primary_nav_wrap ul ul li a:hover,
  #primary_nav_wrap ul ul li span:hover {
    /* background-color & color removed */
  }
}

/* ===== Touch devices: never hover-open ===== */
@media (hover: none) and (max-width: 1000px) and (orientation: portrait) {
  #primary_nav_wrap ul li:hover > ul { display: none !important; }
}

/* ===== Horizontal tablet (≤1000px, landscape) — desktop layout, tap-to-open
     Applies to Theme 1 and Theme 3  ===== */
@media (max-width:1000px) and (orientation: landscape){

  /* keep the desktop layout instead of the drawer */
  :is(nav.t1-menu) #primary_nav_wrap .menu{
    position: static !important;
    transform: none !important;
    top: auto !important; right: auto; bottom: auto; left: auto;
    width: auto; height: auto;
    overflow: visible !important;
  }
  :is(nav.t1-menu) #primary_nav_wrap > ul{ display:flex; }

  /* disable hover-open on tablets */
  :is(nav.t1-menu) #primary_nav_wrap ul li:hover > ul { 
    display: none !important; 
  }

  /* open via focus (tap) or helper class */
  :is(nav.t1-menu) #primary_nav_wrap li:focus-within > ul,
  :is(nav.t1-menu) #primary_nav_wrap li.tap-open > ul { 
    display: block !important; 
  }

  /* larger tap target on carets */
  :is(nav.t1-menu) #primary_nav_wrap i[class*="fa-caret"]{
    cursor: pointer;
    padding: 12px;
    margin: -12px; /* bigger hit area, no layout shift */
  }

  /* (optional but helpful) ensure desktop flyout positioning/widths */
  :is(nav.t1-menu) #primary_nav_wrap,
  :is(nav.t1-menu) .region-primary-menu{ overflow: visible !important; }
  :is(nav.t1-menu) #primary_nav_wrap > ul > li > ul{ 
    position:absolute !important; left:0; top:100%; min-width:100%; 
  }
  :is(nav.t1-menu) #primary_nav_wrap > ul > li > ul > li{ position:relative !important; }
  :is(nav.t1-menu) #primary_nav_wrap ul ul ul{
    position:absolute !important; top:0; left:100%;
    min-width:240px !important; width:auto !important; white-space:normal !important;
  }
}


/* Landscape tablets only (touch) */
@media (hover: none) and (pointer: coarse) and (orientation: landscape){
  nav.t1-menu #primary_nav_wrap,
  #primary_nav_wrap{
    margin-top: 23px !important;
  }
}


/* Optional bump for wider screens (desktop + horiz. tablet) */
@media (min-width:900px){
#primary_nav_wrap li.menu-item,
#primary_nav_wrap > ul > li > :is(a,span),
#primary_nav_wrap ul ul > li > :is(a,span){
  font-size: 15px;
  
}