/**
 * Planned Giving hero sub-navigation (comp: bar at bottom of hero, medium blue, white uppercase links).
 *
 * Layout (your Divi wireframe):
 * - One hero section → Row (headline + buttons) → Global row “Planned Giving Menu” (Menu module).
 *
 * Section (every page that shares this hero + bottom bar): CSS Class `pg-planned-giving-hero`.
 *   Adds full-viewport min-height, dim overlay, flex column, and subnav pinned to the bottom.
 *   Add `pg-planned-giving-hero--natural-height` on the same section to drop min-height: 100vh and the dim ::before overlay.
 *   You can also add `hero flex flex-direction-col` if you want the same utility combo as other heroes.
 * Menu row: CSS Class `pg-planned-giving-subnav` or `planned-giving-subnav` (same bar + column rules).
 * Menu hook: `planned-giving-subnav.js` adds class `pg-planned-giving-menu` to the Divi Menu module
 *   (`.et_pb_module.et_pb_menu`) or to `ul.planned-giving`. Target that class for overrides that must
 *   beat Divi module styles (you can also add `pg-planned-giving-menu` manually in Divi → Advanced).
 * Shortcode menu: `<ul id="menu-planned-giving" class="planned-giving">` (or any `ul.planned-giving`).
 * Put the row in `planned-giving-subnav` or `pg-planned-giving-subnav` for the blue bar + column rules.
 * WordPress may mark the active item as `li.menu-item.current` (handled) or `current-menu-item`.
 * Base link color: `var(--pg-subnav-link)`; active / hover / current: `var(--pg-subnav-link-hover)`.
 * Full-screen hero pages can locally swap those variables to `--pg-subnav-hero-link*`.
 * Mobile layouts can locally swap those variables to `--pg-subnav-mobile-link*`.
 * Do not reuse `#who-we-are-page-hero` on these pages — that ID belongs to Who We Are (style.css).
 *
 * Optional: menu in its own section → add `pg-planned-giving-subnav-section` on that section.
 * Pipe characters in links → edit labels under Appearance → Menus.
 *
 * Subnav bar uses theme `--blue` (~70% opacity on desktop color-mix; solid on small screens / open mobile).
 * Customizer: Appearance → Customize → Planned Giving Subnav (default link + hover/current colors).
 *
 * Link font size matches `.smallest-header-inline` in fonts.css (clamp on --smallestFont*).
 *
 * Mobile (≤980px): JS adds a single sheet (`.pg-subnav-mobile__sheet`): MENU+ bar + link list. Closed,
 * only the bar peeks at the section bottom; open, the whole sheet slides up so the bar is the drawer
 * top (hero “opens up”). Natural-height pages anchor the sheet under the row (“opens down”).
 * Menu row modules get `margin-bottom: 0` to clear Divi’s 30px mobile module gap.
 *
 * Desktop (≥981px): When the user scrolls and the bar would move above the fixed Theme Builder header
 * (`#header-section`, fallback `#main-header`), JS pins the row under that header (`.pg-subnav--fixed-dock`)
 * with `top` set to the header’s bottom edge; a `.pg-subnav-row-spacer` preserves layout height.
 *
 * Mobile (≤980px): The MENU+ `.pg-subnav-mobile` sheet uses the same header bottom for
 * `.pg-subnav-mobile--fixed-dock`. `opens-down` inserts `.pg-subnav-mobile-spacer`; `opens-up` (absolute
 * in the hero) uses the host section’s bottom edge to decide when to release the dock.
 */

/* ---------- Hero shell: flex column so subnav row can pin to bottom ---------- */
.et_pb_section.pg-planned-giving-hero,
.et-db #et-boc .et-l .et_pb_section.pg-planned-giving-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 0;
}

.et_pb_section.pg-planned-giving-hero.pg-planned-giving-hero--natural-height,
.et-db
  #et-boc
  .et-l
  .et_pb_section.pg-planned-giving-hero.pg-planned-giving-hero--natural-height {
  min-height: unset;
}

.et_pb_section.pg-planned-giving-hero.pg-planned-giving-hero--natural-height::before {
  content: none;
}

.et_pb_section.hero.flex.flex-direction-col {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Subnav row: direct child of section (typical Divi: section > row > row) */
.et_pb_section.pg-planned-giving-hero > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.pg-planned-giving-hero > .et_pb_row.planned-giving-subnav,
.et_pb_section.hero.flex.flex-direction-col
  > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.hero.flex.flex-direction-col > .et_pb_row.planned-giving-subnav {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  width: 80% !important;
  max-width: none !important;
  position: relative;
  z-index: 5;
  align-self: stretch;
}

/* Rows wrapped in .et_pb_container (some Divi layouts) */
.et_pb_section.pg-planned-giving-hero > .et_pb_container,
.et_pb_section.hero.flex.flex-direction-col > .et_pb_container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

.et_pb_section.pg-planned-giving-hero
  > .et_pb_container
  > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.pg-planned-giving-hero
  > .et_pb_container
  > .et_pb_row.planned-giving-subnav,
.et_pb_section.hero.flex.flex-direction-col
  > .et_pb_container
  > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.hero.flex.flex-direction-col
  > .et_pb_container
  > .et_pb_row.planned-giving-subnav {
  margin-top: auto !important;
  width: 100% !important;
  max-width: none !important;
  position: relative;
  z-index: 5;
  align-self: stretch;
}

/* Dim overlay + row stacking (class above; reuse on every PG-style hero page) */
.et_pb_section.pg-planned-giving-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 50%);
  z-index: 1;
}

.et_pb_section.pg-planned-giving-hero > .et_pb_row,
.et_pb_section.pg-planned-giving-hero > .et_pb_container > .et_pb_row {
  position: relative;
  z-index: 2;
}

/* Full-bleed bar: optional section class when menu is still in its own section */
.et_pb_section.pg-planned-giving-subnav-section {
  background-color: color-mix(
    in srgb,
    var(--blue) 70%,
    transparent
  ) !important;
  box-shadow: none !important;
}

.et_pb_section.pg-planned-giving-subnav-section
  > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.pg-planned-giving-subnav-section
  > .et_pb_row.planned-giving-subnav,
.et_pb_section.pg-planned-giving-subnav-section
  > .et_pb_container
  > .et_pb_row.pg-planned-giving-subnav,
.et_pb_section.pg-planned-giving-subnav-section
  > .et_pb_container
  > .et_pb_row.planned-giving-subnav {
  background-color: transparent !important;
}

/* Row bar */
.et_pb_row.pg-planned-giving-subnav,
.et_pb_row.planned-giving-subnav {
  background-color: color-mix(
    in srgb,
    var(--blue) 70%,
    transparent
  ) !important;
  border-top: none !important;
  box-shadow: none !important;
  padding-top: clamp(10px, 1.2vw, 16px) !important;
  padding-bottom: clamp(10px, 1.2vw, 16px) !important;
}

/* Full-screen hero pages can override PG link colors without changing standalone subnavs. */
.et_pb_section.pg-planned-giving-hero:not(.pg-planned-giving-hero--natural-height),
.et-db
  #et-boc
  .et-l
  .et_pb_section.pg-planned-giving-hero:not(.pg-planned-giving-hero--natural-height) {
  --pg-subnav-link: var(--pg-subnav-hero-link);
  --pg-subnav-link-hover: var(--pg-subnav-hero-link-hover);
}

/* Spacer inserted before row while docked under header (desktop JS) */
.pg-subnav-row-spacer {
  flex-shrink: 0;
  pointer-events: none;
}

/* Desktop: subnav row fixed directly under Theme Builder header while scrolling */
@media only screen and (min-width: 981px) {
  .et_pb_row.pg-planned-giving-subnav.pg-subnav--fixed-dock,
  .et_pb_row.planned-giving-subnav.pg-subnav--fixed-dock {
    position: fixed !important;
    z-index: 9998;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
    box-sizing: border-box !important;
  }

  /* Match in-hero width: 80% bar, centered */
  .et_pb_row.pg-planned-giving-subnav.pg-subnav--fixed-dock:not(
      .pg-subnav--fixed-dock-full
    ),
  .et_pb_row.planned-giving-subnav.pg-subnav--fixed-dock:not(
      .pg-subnav--fixed-dock-full
    ) {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    max-width: none !important;
  }

  /* Row lives inside .et_pb_container (full-width track) */
  .et_pb_row.pg-planned-giving-subnav.pg-subnav--fixed-dock-full,
  .et_pb_row.planned-giving-subnav.pg-subnav--fixed-dock-full {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
  }
}

.et_pb_row.pg-planned-giving-subnav .et_pb_column,
.et_pb_row.planned-giving-subnav .et_pb_column {
  margin-bottom: 0 !important;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu,
.et_pb_row.planned-giving-subnav .et_pb_menu {
  background-color: transparent !important;
}

/* Code module shortcode menu: full width for centered flex ul */
.et_pb_row.pg-planned-giving-subnav .et_pb_code_inner,
.et_pb_row.planned-giving-subnav .et_pb_code_inner {
  width: 100%;
}

/* Center the menu track */
.et_pb_row.pg-planned-giving-subnav .et_pb_menu_inner_container,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu__wrap,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et_pb_menu__menu-container,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu-nav,
.et_pb_row.planned-giving-subnav .et_pb_menu_inner_container,
.et_pb_row.planned-giving-subnav .et_pb_menu__wrap,
.et_pb_row.planned-giving-subnav .et_pb_menu .et_pb_menu__menu-container,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu-nav {
  justify-content: center !important;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu-nav,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu-nav {
  width: 100%;
}

/* Top-level list: horizontal, centered, spaced like comp */
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2.5vw, 36px);
  row-gap: 8px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu > li,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- Shortcode / classic menu: same as ul.et-menu above ---------- */
ul.planned-giving,
.planned-giving > ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2.5vw, 36px);
  row-gap: 8px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

ul.planned-giving > li,
.planned-giving > ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

ul.planned-giving > li::before,
ul.planned-giving > li::after,
.planned-giving > ul > li::before,
.planned-giving > ul > li::after {
  content: none !important;
  display: none !important;
}

ul.planned-giving > li > a,
.planned-giving > ul > li > a {
  color: var(--pg-subnav-link) !important;
  font-family: var(--proxima);
  font-weight: 400;
  font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0.35em 0.2em !important;
  border: none !important;
  opacity: 1;
}

ul.planned-giving > li.menu-item.current > a,
ul.planned-giving > li.current-menu-item > a,
ul.planned-giving > li.current-menu-ancestor > a,
ul.planned-giving > li.current_page_item > a,
ul.planned-giving > li.current_page_parent > a,
.planned-giving > ul > li.menu-item.current > a,
.planned-giving > ul > li.current-menu-item > a,
.planned-giving > ul > li.current-menu-ancestor > a,
.planned-giving > ul > li.current_page_item > a,
.planned-giving > ul > li.current_page_parent > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

/* URL match fallback when WP/Divi does not add current-menu-item (planned-giving-subnav.js) */
ul.planned-giving > li.pg-subnav-link--current > a,
.planned-giving > ul > li.pg-subnav-link--current > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  nav
  > ul
  > li.pg-subnav-link--current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  nav
  > ul
  > li.pg-subnav-link--current
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.menu
  > li.pg-subnav-link--current
  > a,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu a[aria-current='page'],
.et_pb_row.planned-giving-subnav .et_pb_menu a[aria-current='page'] {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

ul.planned-giving > li > a:hover,
.planned-giving > ul > li > a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

ul.planned-giving > li > a:focus-visible,
.planned-giving > ul > li > a:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 3px;
}

/* Drop pseudo separators some child themes / Divi combos add */
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li::before,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li::after,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu > li::before,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu > li::after,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li::before,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li::after,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li::before,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li::after {
  content: none !important;
  display: none !important;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li > a,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu > li > a,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li > a,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li > a {
  color: var(--pg-subnav-link) !important;
  font-family: var(--proxima);
  font-weight: 400;
  font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0.35em 0.2em !important;
  border: none !important;
  opacity: 1;
}

.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current-menu-item
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current-menu-ancestor
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current-menu-item
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current-menu-ancestor
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current-menu-item
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current-menu-ancestor
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current-menu-item
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current-menu-ancestor
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current_page_item
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current_page_item
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current_page_parent
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current_page_parent
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current_page_item
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current_page_item
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.current_page_parent
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.current_page_parent
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.menu-item.current
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.menu-item.current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et-menu
  > li.menu-item.current
  > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li.menu-item.current
  > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li > a:hover,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu ul.et-menu > li > a:hover,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li > a:hover,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li > a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

/*
 * Divi Theme Builder front-end often outputs nav > ul (no ul.et-menu). Those links never matched
 * the rules above, so Divi’s menu CSS won. Match .et-db #et-boc .et-l specificity so current /
 * aria-current / JS marker: current and :hover use --peach after deferred styles and reruns.
 */
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.current-menu-item
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.current-menu-ancestor
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.current_page_item
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.current_page_parent
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.menu-item.current
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.current-menu-item
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.current-menu-ancestor
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.current_page_item
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.current_page_parent
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.menu-item.current
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  a[aria-current='page'],
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  a[aria-current='page'],
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  li.pg-subnav-link--current
  > a,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  li.pg-subnav-link--current
  > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  nav
  > ul
  > li
  > a:hover,
.et-db
  #et-boc
  .et-l
  .et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.menu
  > li
  > a:hover,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  nav
  > ul
  > li
  > a:hover,
.et-db
  #et-boc
  .et-l
  .et_pb_row.planned-giving-subnav
  .et_pb_menu
  ul.menu
  > li
  > a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

/* Menu hook: short selectors that beat Divi when scoped to .pg-planned-giving-menu (see file header) */
.et-db #et-boc .et-l .pg-planned-giving-menu li.current-menu-item > a,
.et-db #et-boc .et-l .pg-planned-giving-menu li.current-menu-ancestor > a,
.et-db #et-boc .et-l .pg-planned-giving-menu li.current_page_item > a,
.et-db #et-boc .et-l .pg-planned-giving-menu li.current_page_parent > a,
.et-db #et-boc .et-l .pg-planned-giving-menu li.menu-item.current > a,
.et-db #et-boc .et-l .pg-planned-giving-menu a[aria-current='page'],
.et-db #et-boc .et-l .pg-planned-giving-menu li.pg-subnav-link--current > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

.et-db #et-boc .et-l .pg-planned-giving-menu nav > ul > li > a:hover,
.et-db #et-boc .et-l .pg-planned-giving-menu ul.menu > li > a:hover,
.et-db #et-boc .et-l .pg-planned-giving-menu ul.et-menu > li > a:hover,
.et-db #et-boc .et-l .pg-planned-giving-menu ul.planned-giving > li > a:hover,
.et-db #et-boc .et-l ul.pg-planned-giving-menu > li > a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

.pg-planned-giving-menu li.current-menu-item > a,
.pg-planned-giving-menu li.current-menu-ancestor > a,
.pg-planned-giving-menu li.current_page_item > a,
.pg-planned-giving-menu li.current_page_parent > a,
.pg-planned-giving-menu li.menu-item.current > a,
.pg-planned-giving-menu a[aria-current='page'],
.pg-planned-giving-menu li.pg-subnav-link--current > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

.pg-planned-giving-menu nav > ul > li > a:hover,
.pg-planned-giving-menu ul.menu > li > a:hover,
.pg-planned-giving-menu ul.et-menu > li > a:hover,
.pg-planned-giving-menu ul.planned-giving > li > a:hover,
ul.pg-planned-giving-menu > li > a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1 !important;
}

.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et-menu > li > a:focus-visible,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  ul.et-menu
  > li
  > a:focus-visible,
.et_pb_row.planned-giving-subnav .et_pb_menu .et-menu > li > a:focus-visible,
.et_pb_row.planned-giving-subnav .et_pb_menu ul.et-menu > li > a:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 3px;
}

/* Mobile menu panel (hamburger) */
.et_pb_row.pg-planned-giving-subnav .et_mobile_menu,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et_mobile_menu,
.et_pb_row.planned-giving-subnav .et_mobile_menu,
.et_pb_row.planned-giving-subnav .et_pb_menu .et_mobile_menu {
  background-color: color-mix(
    in srgb,
    var(--blue) 70%,
    transparent
  ) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.et_pb_row.pg-planned-giving-subnav .et_mobile_menu a,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et_mobile_menu a,
.et_pb_row.planned-giving-subnav .et_mobile_menu a,
.et_pb_row.planned-giving-subnav .et_pb_menu .et_mobile_menu a {
  color: var(--pg-subnav-link) !important;
  font-weight: 400 !important;
  font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-transform: uppercase !important;
  opacity: 1;
}

.et_pb_row.pg-planned-giving-subnav .et_mobile_menu li.current-menu-item > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current-menu-item
  > a,
.et_pb_row.planned-giving-subnav .et_mobile_menu li.current-menu-item > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current-menu-item
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_mobile_menu
  li.current-menu-ancestor
  > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current-menu-ancestor
  > a,
.et_pb_row.planned-giving-subnav .et_mobile_menu li.current-menu-ancestor > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current-menu-ancestor
  > a,
.et_pb_row.pg-planned-giving-subnav .et_mobile_menu li.current_page_item > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current_page_item
  > a,
.et_pb_row.planned-giving-subnav .et_mobile_menu li.current_page_item > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current_page_item
  > a,
.et_pb_row.pg-planned-giving-subnav .et_mobile_menu li.current_page_parent > a,
.et_pb_row.pg-planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current_page_parent
  > a,
.et_pb_row.planned-giving-subnav .et_mobile_menu li.current_page_parent > a,
.et_pb_row.planned-giving-subnav
  .et_pb_menu
  .et_mobile_menu
  li.current_page_parent
  > a {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

.et_pb_row.pg-planned-giving-subnav .et_mobile_menu a:hover,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu .et_mobile_menu a:hover,
.et_pb_row.planned-giving-subnav .et_mobile_menu a:hover,
.et_pb_row.planned-giving-subnav .et_pb_menu .et_mobile_menu a:hover {
  color: var(--pg-subnav-link-hover) !important;
  opacity: 1;
}

.et_pb_row.pg-planned-giving-subnav .mobile_menu_bar,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu__icon.et_pb_menu__search-button,
.et_pb_row.pg-planned-giving-subnav .et_pb_menu__icon::before,
.et_pb_row.planned-giving-subnav .mobile_menu_bar,
.et_pb_row.planned-giving-subnav .et_pb_menu__icon.et_pb_menu__search-button,
.et_pb_row.planned-giving-subnav .et_pb_menu__icon::before {
  color: var(--white) !important;
}

/* Divi-aligned breakpoint: tablet + mobile get solid --blue (no transparency) */
@media only screen and (max-width: 980px) {
  .et_pb_row.pg-planned-giving-subnav,
  .et_pb_row.planned-giving-subnav,
  .pg-subnav-mobile {
    --pg-subnav-link: var(--pg-subnav-mobile-link);
    --pg-subnav-link-hover: var(--pg-subnav-mobile-link-hover);
  }

  .et_pb_section.pg-planned-giving-subnav-section {
    background-color: var(--blue) !important;
  }

  .et_pb_row.pg-planned-giving-subnav,
  .et_pb_row.planned-giving-subnav {
    background-color: var(--blue) !important;
  }

  .et_pb_row.pg-planned-giving-subnav .et_mobile_menu,
  .et_pb_row.pg-planned-giving-subnav .et_pb_menu .et_mobile_menu,
  .et_pb_row.planned-giving-subnav .et_mobile_menu,
  .et_pb_row.planned-giving-subnav .et_pb_menu .et_mobile_menu {
    background-color: var(--blue) !important;
  }
}

/* ---------- Mobile: custom MENU + panel (max-width 980px; JS adds .pg-subnav-mobile) ---------- */
.pg-subnav-mobile .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

@media only screen and (min-width: 981px) {
  .pg-subnav-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 980px) {
  /* Sheet + MENU+ live outside this row; hide empty bar / duplicate strip */
  .et_pb_row.pg-planned-giving-subnav.pg-subnav-mobile-enabled,
  .et_pb_row.planned-giving-subnav.pg-subnav-mobile-enabled {
    display: none !important;
  }

  .et_pb_row.pg-subnav-mobile-enabled .mobile_menu_bar,
  .et_pb_row.pg-subnav-mobile-enabled .et_pb_menu .mobile_menu_bar,
  .et_pb_row.pg-subnav-mobile-enabled .et_mobile_menu {
    display: none !important;
  }

  .et_pb_row.pg-subnav-mobile-enabled {
    overflow: visible !important;
  }

  .et_pb_row.pg-subnav-mobile-enabled .et_pb_column,
  .et_pb_row.pg-subnav-mobile-enabled .et_pb_code {
    overflow: visible !important;
  }

  /* A) Divi default .et_pb_module { margin-bottom: 30px } — remove on menu code / modules in this row */
  .et_pb_row.pg-subnav-mobile-enabled .et_pb_module {
    margin-bottom: 0 !important;
  }

  .et_pb_row.pg-subnav-mobile-enabled .et_pb_menu_inner_container ul.et-menu,
  .et_pb_row.pg-subnav-mobile-enabled ul.planned-giving {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }

  .pg-subnav-mobile {
    --pg-subnav-peek: clamp(44px, 10vw, 54px);
  }

  .pg-subnav-mobile-spacer {
    flex-shrink: 0;
    pointer-events: none;
  }

  /* Pinned under fixed header while scrolling (JS sets top) */
  .pg-subnav-mobile.pg-subnav-mobile--fixed-dock {
    position: fixed !important;
    z-index: 9998 !important;
    bottom: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .pg-subnav-mobile.pg-subnav-mobile--opens-up.pg-subnav-mobile--fixed-dock {
    left: 10% !important;
    right: 10% !important;
    width: auto !important;
  }

  .pg-subnav-mobile.pg-subnav-mobile--opens-down.pg-subnav-mobile--fixed-dock {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    max-width: none !important;
  }

  /* Section bottom: same 80% width as desktop PG subnav row, centered */
  .pg-subnav-mobile.pg-subnav-mobile--opens-up {
    position: absolute;
    left: 10%;
    right: 10%;
    width: auto;
    bottom: 0;
    z-index: 100;
    margin: 0;
    overflow: hidden;
    max-height: var(--pg-subnav-peek);
    pointer-events: none;
    -webkit-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;
  }

  .pg-subnav-mobile.pg-subnav-mobile--opens-up.is-open {
    max-height: min(90vh, 100vh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pg-subnav-mobile.pg-subnav-mobile--opens-up .pg-subnav-mobile__sheet {
    pointer-events: auto;
  }

  /* Under the menu module (natural-height hero); 80% width centered */
  .pg-subnav-mobile.pg-subnav-mobile--opens-down {
    position: relative;
    z-index: 6;
    width: 80%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.25rem;
    overflow: hidden;
    max-height: var(--pg-subnav-peek);
    -webkit-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;
  }

  .pg-subnav-mobile.pg-subnav-mobile--opens-down.is-open {
    max-height: min(72vh, 100vh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Match desktop PG bar by default; fade to full blue in sync with the drawer */
  .pg-subnav-mobile__sheet {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    background-color: color-mix(
      in srgb,
      var(--blue) 70%,
      transparent
    ) !important;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
  }

  .pg-subnav-mobile.is-open .pg-subnav-mobile__sheet {
    background-color: var(--blue) !important;
  }

  .pg-subnav-mobile__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;
    padding: clamp(10px, 1.2vw, 16px) 0.75rem;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
  }

  .pg-subnav-mobile__trigger-icons {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
  }

  .pg-subnav-mobile__trigger-icon--open {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .pg-subnav-mobile__trigger-icon--close {
    display: none;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: auto;
  }

  .pg-subnav-mobile__trigger-icon--close.pg-subnav-mobile__trigger-fallback {
    display: none;
    font-family: var(--proxima);
    font-weight: 400;
    font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
    line-height: 1;
    color: var(--white);
  }

  .pg-subnav-mobile.is-open .pg-subnav-mobile__trigger-icon--open {
    display: none;
  }

  .pg-subnav-mobile.is-open .pg-subnav-mobile__trigger-icon--close {
    display: block;
  }

  .pg-subnav-mobile.is-open
    .pg-subnav-mobile__trigger-icon--close.pg-subnav-mobile__trigger-fallback {
    display: inline-flex;
  }

  .pg-subnav-mobile__trigger-fallback--open {
    color: var(--white);
    font-family: var(--proxima);
    font-weight: 400;
    font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
    letter-spacing: 0.06em;
  }

  /* C) Section / row is positioning context for “opens up” panel (not the viewport) */
  .et_pb_section.pg-subnav-section--panel-host,
  .et_pb_row.pg-subnav-row--panel-host {
    position: relative;
    overflow: visible !important;
    z-index: 12;
  }

  /* B) Panel is the link area only; sheet supplies the blue and slide animation */

  .pg-subnav-mobile__panel.pg-subnav-mobile__panel--opens-up {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    min-height: min(52vh, 70vh);
    padding: 1rem 1.5rem 2.5rem;
    box-sizing: border-box;
    background: transparent;
  }

  .pg-subnav-mobile__panel.pg-subnav-mobile__panel--opens-down {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.75rem 1.5rem 2rem;
    box-sizing: border-box;
    background: transparent;
  }

  .pg-subnav-mobile__nav {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pg-subnav-mobile__list {
    display: flex;
    flex-direction: column;
    gap: clamp(2.25rem, 8vw, 3.75rem);
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 28rem;
    text-align: center;
  }

  .pg-subnav-mobile__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pg-subnav-mobile__list a {
    color: var(--pg-subnav-link) !important;
    font-family: var(--proxima);
    font-weight: 400 !important;
    font-size: clamp(
      var(--smallestFontMin),
      2vw,
      var(--smallestFontMax)
    ) !important;
    letter-spacing: 0.06em;
    text-transform: uppercase !important;
    text-decoration: none !important;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 1;
  }

  .pg-subnav-mobile__list li.current-menu-item > a,
  .pg-subnav-mobile__list li.current-menu-ancestor > a,
  .pg-subnav-mobile__list li.current_page_item > a,
  .pg-subnav-mobile__list li.current_page_parent > a,
  .pg-subnav-mobile__list > li.pg-subnav-link--current > a {
    color: var(--pg-subnav-link-hover) !important;
    opacity: 1;
  }

  .pg-subnav-mobile__list a:hover {
    color: var(--pg-subnav-link-hover) !important;
    opacity: 1;
  }
}