/* Lambton Family Hub — homepage editorial polish (September 2026).
   The homepage keeps its layout (photo hero, rail, finder, cards, sidebar,
   fairs) and takes the type and colour of the rest of the site: Playfair
   for headings, Inter for everything else, both self-hosted from
   /assets/sarnia-editorial/fonts; ink, lake, sand and a hairline line, as
   on /sarnia, the town guides and /markets. The colour values themselves
   were re-mapped in place across homepage-theme.css, homepage-desktop.css,
   homepage-ready.css, lfh-category-cards.css and the page's inline styles;
   this file, loaded last, sets the serif headings, the eyebrows and the
   corner radii those files could not agree on. Nothing here touches the
   shared chrome (.lfhx-*, .mobile-bottom-nav), which nav-footer.css owns. */

/* Three repeats of the page class outrank every earlier rule on the page. */
body.homepage-autumn.homepage-autumn.homepage-autumn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ---------- hero ---------- */
/* Phone and tablet: the wordmark is the title, as it is on desktop. Under
   700px homepage-theme.css collapses the header to the floating menu button,
   so the hero is the only thing on screen that names the site. The events
   line stays in the H1 as the eyebrow under the name, so the page still says
   what it is; the tagline comes back beneath it. */
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero { background: #f2f5f3 !important; border-bottom: 1px solid #d4dcdd !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-h1 { font-family: "Playfair", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -.03em !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-title-place { font: 600 12px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: #57656b !important; margin-top: 12px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-benefit { font: 400 15px/1.6 "Inter", Arial, sans-serif !important; color: #57656b !important; }
/* Desktop: the wordmark over the lake photo, in the serif instead of the script face. */
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-wordmark { font: 500 58px/1.02 "Playfair", Georgia, serif !important; letter-spacing: -.035em !important; color: #283339 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-tagline { font: italic 400 22px/1.35 "Playfair", Georgia, serif !important; color: #356382 !important; margin-top: 4px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-today { font: 600 11px/1.6 "Inter", Arial, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #57656b !important; margin-top: 10px !important; }
@media (max-width: 900px) {
  /* homepage-desktop.css hides the wordmark and tagline here; bring both back at phone size. */
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-wordmark { display: block !important; margin: 0 !important; font: 500 clamp(26px, 8.4vw, 33px)/1.08 "Playfair", Georgia, serif !important; letter-spacing: -.03em !important; color: #283339 !important; }
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-title-place { display: block !important; }
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-tagline { display: block !important; margin: 4px 0 0 !important; font: italic 400 19px/1.35 "Playfair", Georgia, serif !important; color: #356382 !important; }
}
@media (max-width: 700px) {
  /* Keep the name clear of the floating menu button at the top right. */
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-wordmark { padding-right: 56px; }
}
@media (min-width: 901px) {
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero { background: #f2f5f3 !important; }
  body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero .hero-left2 { min-height: 320px; padding: 26px 40px 30px !important; gap: 4px; }
}
/* Sponsor boxes in the hero (phones and the narrow desktop): hairline, square-ish. */
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard { border-radius: 6px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-eyebrow { font: 600 11px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #57656b !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-logo-wrap { border: 1px solid #d4dcdd !important; border-radius: 4px !important; }

/* ---------- rail ---------- */
/* The shared header directly above already carries the logo and the name, so
   the rail's brand row (generated by the nav sync script) is not shown; the
   rail starts at its first group. */
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail-brand { display: none !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail { padding-top: 26px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail-sec { font: 600 10px/1.6 "Inter", Arial, sans-serif !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: #356382 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail-i { border-radius: 6px !important; font-size: 14px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail-i.is-on { background: #eaf0f2 !important; color: #356382 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-rail-brand { font-family: "Playfair", Georgia, serif !important; font-weight: 500 !important; font-size: 16px !important; letter-spacing: -.01em; }

/* ---------- finder ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch .finder-heading { font: 500 26px/1.15 "Playfair", Georgia, serif !important; letter-spacing: -.02em !important; color: #283339 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch { border-radius: 8px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch .hs-go { border-radius: 4px !important; font-weight: 500 !important; letter-spacing: .01em; }
@media (max-width: 900px) {
  body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch input#searchInput,
  body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch select,
  body.homepage-autumn.homepage-autumn.homepage-autumn #homeSearch .hs-date-value { border-radius: 4px !important; font-size: 16px !important; }
}

/* ---------- events ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn #events { border-radius: 8px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-events-heading { font: 500 24px/1.2 "Playfair", Georgia, serif !important; letter-spacing: -.025em !important; color: #283339 !important; margin-bottom: 14px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .edg-label { font: 500 20px/1.25 "Playfair", Georgia, serif !important; letter-spacing: -.02em !important; color: #283339 !important; }
@media (max-width: 600px) { body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .edg-label { font-size: 19px !important; } }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid > .event-day-group { border-bottom-color: #d4dcdd !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid article.home-event { border-radius: 6px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .home-event h3,
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .home-event h3 a { font-family: "Playfair", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -.015em !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .home-event h3 { font-size: 19px !important; line-height: 1.3 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .home-category { font: 600 10px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .home-more { color: #356382 !important; font-weight: 600 !important; text-decoration: underline; text-decoration-color: rgba(49, 95, 115, .4); text-underline-offset: 3px; }
body.homepage-autumn.homepage-autumn.homepage-autumn .load-more-btn { border-radius: 4px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .no-results { border-radius: 8px; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .no-results h3 { font: 500 24px/1.2 "Playfair", Georgia, serif; letter-spacing: -.02em; color: #283339; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .no-results button { border-radius: 4px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .no-results a { color: #356382; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(49, 95, 115, .4); text-underline-offset: 3px; }
body.homepage-autumn.homepage-autumn.homepage-autumn #eventsGrid .no-results p { color: #57656b; }

/* ---------- sidebar ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-panel { border-radius: 8px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-panel h2,
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-cal-head b { font: 500 20px/1.2 "Playfair", Georgia, serif !important; letter-spacing: -.02em !important; color: #283339 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-sp-label { font: 600 11px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .18em !important; color: #57656b !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-dn { font: 600 10px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: #7d8a90 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-weekend time { font: 600 11px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .08em; text-transform: uppercase; color: #356382 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-weekend b { font: 500 15px/1.35 "Playfair", Georgia, serif !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-side-btn { border-radius: 4px !important; font-weight: 500 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .lfh-panel-accent { background: #f2f5f3 !important; border-color: transparent !important; }

/* ---------- fall fairs ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason { border-radius: 8px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason h2 { font: 500 22px/1.2 "Playfair", Georgia, serif !important; letter-spacing: -.02em !important; color: #283339 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list a { border-radius: 6px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason .fair-date { font: 600 11px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #356382 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason .fair-name { font: 500 15px/1.35 "Inter", Arial, sans-serif !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason .fairs-card-btn { border-radius: 4px !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #fairSeason .fairs-card-btn span { display: none !important; }

/* ---------- newsletter band (phones) ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn .nl-band { background: #f2f5f3 !important; border-top: 1px solid #d4dcdd !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .nl-band-eyebrow { font: 600 11px/1.5 "Inter", Arial, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #356382 !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn .nl-band-title { font: 500 clamp(26px, 5vw, 34px)/1.15 "Playfair", Georgia, serif !important; letter-spacing: -.025em !important; color: #283339 !important; }

/* ---------- dialogs ---------- */
body.homepage-autumn.homepage-autumn.homepage-autumn .cal-title,
body.homepage-autumn.homepage-autumn.homepage-autumn .modal-title { font-family: "Playfair", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -.02em !important; }
body.homepage-autumn.homepage-autumn.homepage-autumn #calendar.cal-card { border-radius: 8px !important; }