/* FCPTA static mirror — nav overrides.
   The Squarespace drill-down JS was removed when the site was flattened, so the
   mobile menu is displayed as one flat list where every page link is visible.
   Desktop navigation is unaffected (it uses .header-nav-* and works via CSS). */

/* Show every folder panel (and its nested children) stacked in normal flow. */
.header-menu-nav-folder {
  position: static !important;
  transform: none !important;
  display: flex !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.header-menu-nav-folder .header-menu-nav-folder {
  display: flex !important;
}

/* The "Back" controls are meaningless in a flat list. */
.header-menu-controls {
  display: none !important;
}

/* Let the overlay scroll if the flattened list is taller than the screen, and
   paint the overlay colour on the scroll container itself — the child
   .header-menu-bg is only one viewport tall, so without this, scrolling the
   menu exposed the page underneath. */
.header-menu {
  overflow-y: auto !important;
  background-color: var(--menuOverlayBackgroundColor, #fff) !important;
}

/* Executive board: 8 members over 3 columns leaves 2 in the final row.
   Flexbox keeps full rows 3-up and centres the last pair (grid can't centre a
   partial row). Wraps responsively; min-width drops it to 2-up / 1-up. */
.user-items-list-simple[data-section-id="668cbc732e5cf635b02f2b75"] {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 100px;
}
.user-items-list-simple[data-section-id="668cbc732e5cf635b02f2b75"] .list-item {
  flex: 0 1 calc((100% - 200px) / 3);
  min-width: 240px;
  box-sizing: border-box;
}

/* Executive board intro: the grey section had an angled "section divider" whose
   clip-path SVG was generated by the removed Squarespace JS, so the reference
   broke and the whole grey feature vanished. Restore the shape with a CSS
   polygon (the grey theme background is still applied to .section-border). */
[data-section-id="668cbef54b0518521c0115b7"] .section-border {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 27% 88%, 0 100%) !important;
}

/* Flattened mobile menu: hide the folder "header" links (About, Programs,
   Resources). They were drill-down parents in Squarespace; in a single flat
   list they're redundant (and "Programs" duplicated the real Programs page). */
.header-menu [data-folder-id] {
  display: none !important;
}

/* Executive board footer divider: mirror of the top one — a downward point at
   73% with a thin darker-blue edge line. Drawn as an SVG (fill + a non-scaling
   stroke) so the line stays a uniform width and meets cleanly at the point
   (the old two-layer approach left the fill overlapping the tip). The footer is
   shared across every page, so scope by the exec-board collection-<id> class. */
body.collection-6688ead786799b2e432cb166 [data-section-id="66865c59fd931f5ceedb535b"] { position: relative; }
body.collection-6688ead786799b2e432cb166 [data-section-id="66865c59fd931f5ceedb535b"]::before {
  content: ""; position: absolute; left: 0; right: 0;
  bottom: calc(100% - 10px); height: 110px;   /* 10px into the footer + 10px headroom on top so the stroke ends clip on the sides, not flat on top */
  z-index: 1;   /* sit above the footer's .section-border so its blue doesn't cover the point */
  background: url(exec-footer-divider.svg) no-repeat;
  background-size: 100% 100%;
}

/* FCPTA Scholarship: grey intro section transitions to the blue FAQ section
   with an upward point at 27% (the blue caps up into the grey). */
[data-section-id="679805f6ec2c03584ac98a6e"] { position: relative; }
[data-section-id="679805f6ec2c03584ac98a6e"]::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 90px;
  background: rgb(20, 112, 175);
  clip-path: polygon(0 100%, 27% 0, 100% 100%);
}