/* Header navigation, 2026-10 (theme 1.1.2)
   1. Nav row widened from the framework's 1140px to 1280px on desktop.
   2. Overflow "More" dropdown, filled by js/header-nav.js when links do not fit.
   3. Social links moved from the header bar to the footer menu bar.
   Below 1141px the framework hides the primary menu and shows the hamburger; nothing here applies there. */

/* 1. Nav row ---------------------------------------------------------------- */
@media only screen and (min-width: 1141px) {
  .header .header-inner > .row.nav-bar {
    max-width: 128rem;
  }
}

/* 2. "More" overflow item ----------------------------------------------------- */
/* The skin sets header <li> to display:table and the phone overlay sets its own display, both of
   which would override the hidden attribute. The same menu renders in both places. */
li.nav-more[hidden] {
  display: none !important;
}
.header .navigation > ul > li.nav-more > a::after {
  content: "\25BE"; /* small down-pointing triangle */
  display: inline-block;
  margin-left: 0.4em;
  font-size: 0.75em;
  line-height: 1;
}
/* Open to the left so the dropdown never runs off the right edge of the row. */
.header .navigation > ul > li.nav-more > .sub-menu {
  left: auto;
  right: 0;
}
/* A parked link that has its own submenu (e.g. Events) flies out to the left. */
.header .navigation > ul > li.nav-more .sub-menu .sub-menu {
  top: 0;
  left: auto;
  right: 100%;
}
/* Hide the row while the script measures it, so the menu never flashes on a second line. */
.header .primary-navigation.is-measuring {
  visibility: hidden;
}

/* 3. Footer social links ------------------------------------------------------ */
.footer-top-menu .footer-social {
  list-style: none;
  margin: 0;
  padding: 0 0 1.5rem;
  text-align: center;
  clear: both;
}
.footer-top-menu .footer-social li {
  display: inline-block;
  margin: 0 1.5rem;
}
.footer-top-menu .footer-social a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 4rem;
}
.footer-top-menu .footer-social a:hover,
.footer-top-menu .footer-social a:focus-visible {
  text-decoration: underline;
}
.footer-top-menu .footer-social [class^="icon-"] {
  margin-right: 0.5em;
  font-size: 1.8rem;
  vertical-align: -0.15em;
}