/* Tablet + desktop nav layout overrides for the Framer-exported header. */

@media (min-width: 810px) {
  /* 1. Distribute every nav item with equal whitespace on both sides,
        overriding Framer's `place-content: center space-between`. */
  .framer-16swhd4 {
    justify-content: space-evenly;
  }

  /* 2. Shove the logo to the leftmost flex slot. */
  .framer-8w3x8t {
    order: -1;
  }
}

/* 4. Make the Framer nav STICKY instead of FIXED — same behaviour
      programs.html already uses. Framer's CSS sets
      `position: var(--framer-canvas-fixed-position, fixed)` on the nav
      wrapper, so we override the variable rather than the property and
      avoid having to chase specificity against the Framer cascade.
      `position: sticky` doesn't honour `left/right` for sizing the way
      `fixed` does, so we also pin the wrapper to full viewport width. */
:root { --framer-canvas-fixed-position: sticky; }
.framer-3magq .framer-fbkg6k-container { width: 100%; }

/* 3. Collapse the leading literal whitespace inside the ABOUT / VENUE
      RichText wrappers. The Framer-exported markup contains 15 hard
      spaces between <p class="framer-text"> and the inner <a>, and the
      parent's `white-space: pre` (Framer's
      `.framer-upuDP .framer-18rqvez,...` rule) preserves them as visible
      space, shifting ABOUT/VENUE rightward inside their containers and
      making the LOGO→ABOUT and VENUE→PROGRAMS gaps look uneven against
      CONGRESS (whose wrapper has no leading whitespace).

      Specificity must match Framer's two-class selector to win; source
      order resolves the tie since nav-layout.css loads after the inline
      <style> blocks. `nowrap` instead of `normal` keeps the labels on
      one line in case the wrapper ever shrinks below text width. */
.framer-upuDP .framer-18rqvez,
.framer-upuDP .framer-xwnqra {
  white-space: nowrap;
}