/* Alors on science — shared brand title, 1.3.0.
 * Palette: original AOS Site Builder styles, not a newly generated palette.
 * Kaushan Script is bundled unmodified with its SIL Open Font License.
 */
@font-face {
  font-display: swap;
  font-family: "AOS Kaushan";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/KaushanScript-Regular.ttf") format("truetype");
}

/* Keep this explicit to override the Kadence and Site Builder title weights. */
body #masthead .site-branding .site-title,
body #mobile-header .site-branding .site-title {
  color: #005284;
  font-family: "AOS Kaushan", "Kaushan Script", cursive;
  font-size: clamp(1.65rem, 2.2vw, 2rem);
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
  line-height: 1.25;
}

body #masthead .site-branding a.brand,
body #mobile-header .site-branding a.brand { gap: .65rem; }

body #masthead .main-navigation .primary-menu-container > ul > li > a {
  color: #0b3f62;
}
body #masthead .main-navigation .primary-menu-container > ul > li > a:hover,
body #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a {
  color: #005284;
}
body #masthead a[href*="/contact/"] {
  background: #f48823;
  color: #0b3f62;
}

/* Eight primary destinations need room beside the handwritten brand name. */
@media (min-width: 1280px) {
  body #masthead .site-header-row-container-inner > .site-container {
    max-width: 1360px;
  }
  body #masthead .main-navigation .primary-menu-container > ul > li > a {
    padding-inline: .45rem;
    font-size: .95rem;
  }
  body #masthead a[href*="/contact/"] {
    margin-left: .35rem;
    padding-inline: .85rem;
  }
}

/* Use the existing accessible drawer before the desktop links become cramped. */
@media (min-width: 1025px) and (max-width: 1279px) {
  body #masthead #main-header { display: none; }
  body #masthead #mobile-header { display: block; }
}

/* Shared stages forms may also appear outside the newly composed pages. */
.aos-stg-notice { border-left-color: #f48823; }
.aos-stg-notice--info { border-left-color: #005284; }

@media (max-width: 719px) {
  body #masthead .site-branding .site-title,
  body #mobile-header .site-branding .site-title {
    font-size: clamp(1.35rem, 5.5vw, 1.65rem);
  }
  body #masthead .site-branding a.brand,
  body #mobile-header .site-branding a.brand { gap: .5rem; }
}