/* Desktop homepage dashboard.
   Every value here is copied from the agreed design artboard ("Homepage
   dashboard", 1440px): a photo hero with the wordmark, a white navigation
   rail, search and four filter pills on one row, event cards in a white
   panel, a right column with sponsors, calendar, this weekend and the
   newsletter, the fall fairs panel across both columns, and a one-line
   footer. Everything sits inside a min-width query at the site's own desktop
   breakpoint, so phones keep the existing layout untouched -- see CLAUDE.md.
   The page is a 1440px column centred on wider screens; the hero photo
   bleeds to the viewport edges. Nothing in this file touches
   .mobile-bottom-nav or body/main padding; the footer rules are desktop-only. */

@media (min-width: 901px) {

body.homepage-autumn.homepage-autumn{
  --d-acc:#356382; --d-acc-dk:#23495b; --d-tint:#eaf0f2;
  --d-ground:#f2f5f3; --d-panel:#fff; --d-soft:#fbfcfb;
  --d-line:#d4dcdd; --d-hair:#e6ebeb;
  --d-ink:#283339; --d-ink2:#57656b; --d-ink3:#7d8a90; --d-ink4:#7d8a90;
  background:var(--d-ground)!important;
  color:var(--d-ink);
}

/* The rail carries the same navigation as the shared top bar, but the
   owner wants both showing on the homepage -- the header stays in normal
   flow above the hero, sticky like every other page, while the rail runs
   down the dashboard's own left column below it. */

/* The design's base type is 14px 'Inter' on a 1.5 line, and several boxes
   (weekend rows, card feet) size their line boxes from it. */
body.homepage-autumn.homepage-autumn .lfh-hero,
body.homepage-autumn.homepage-autumn .home-layout,
body.homepage-autumn.homepage-autumn .lfhx-footer .lfhx-fwrap{font:400 14px/1.5 'Inter','Segoe UI',system-ui,sans-serif;color:#283339}

/* ---------- hero (design: .hero.tD2) ---------- */
body.homepage-autumn.homepage-autumn .lfh-hero{
  position:relative; overflow:hidden; margin:0;
  padding:0!important; text-align:left;
  background:#eaf0f2!important; border:0!important; border-bottom:1px solid #d4dcdd!important;
  box-shadow:none!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero::before{
  content:""; position:absolute; inset:0; z-index:0; display:block; height:auto;
  background:url(/images/home-hero-lake-huron.jpg) center 42%/cover no-repeat; filter:none;
}
body.homepage-autumn.homepage-autumn .lfh-hero::after{
  content:""; position:absolute; inset:0; z-index:0; display:block; height:auto;
  background:
    linear-gradient(90deg,rgba(245,241,233,.86) 0%,rgba(245,241,233,.6) 20%,rgba(245,241,233,.18) 34%,rgba(245,241,233,0) 46%),
    linear-gradient(180deg,rgba(245,241,233,0) 56%,rgba(245,241,233,.5) 80%,rgba(245,241,233,1) 100%);
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-inner2{
  position:relative; z-index:1;
  display:block!important; width:auto!important; max-width:1440px!important; margin:0 auto!important;
  padding:0!important; grid-template-columns:none!important; gap:0!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-left2{
  display:flex!important; flex-direction:column; justify-content:flex-end; gap:5px;
  min-height:300px; max-width:720px; margin:0; padding:22px 40px 26px!important; box-sizing:border-box;
  text-align:left;
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-mode{align-self:flex-start; margin:0 0 6px!important}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-h1{
  margin:0 0 2px!important; padding:0; max-width:none!important;
  font-size:54px!important; line-height:1.05!important; letter-spacing:0!important; text-transform:none!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-title-main,
body.homepage-autumn.homepage-autumn .lfh-hero .hero-title-place{display:none!important}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-wordmark{
  display:block!important; margin:0; padding:0; transform:none!important;
  font-family:'Playfair', Georgia, serif!important;
  font-size:54px!important; font-weight:600!important; line-height:1.05!important;
  letter-spacing:0!important; color:#283339!important; text-transform:none!important; text-shadow:none!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-tagline{
  display:block; margin:0!important; padding:0;
  font:600 17px/1.5 'Inter','Inter',sans-serif!important; letter-spacing:0!important; color:#283339!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero .hero-today{
  display:block; margin:0!important; padding:0;
  font:400 13px/1.5 'Inter',sans-serif!important; letter-spacing:0!important; color:#7d8a90!important;
}
body.homepage-autumn.homepage-autumn .lfh-hero #heroProofLine{display:none!important}
/* Sponsors live in the right column on desktop, not in the hero. */
body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard{display:none!important}

/* ---------- page grid: rail | centre | right column ---------- */
/* Design: rail 236px, main padding 24px 28px 28px, grid 1fr / 320px, gap 20.
   The first track is 244px so the rail (236px) leaves the design's 28px
   between itself and the centre column once the 20px column gap is added. */
body.homepage-autumn.homepage-autumn .home-layout{
  display:grid!important;
  grid-template-columns:244px minmax(0,1fr) 320px!important;
  grid-template-rows:auto auto auto;
  column-gap:20px!important; row-gap:20px!important;
  width:auto!important; max-width:1440px!important; margin:0 auto!important;
  padding:0 28px 0 0!important; box-sizing:border-box;
  align-items:start!important;
}
body.homepage-autumn.homepage-autumn .lfh-rail{grid-column:1;grid-row:1/span 3;align-self:stretch!important;justify-self:start;width:236px}
body.homepage-autumn.homepage-autumn .event-finder-column{grid-column:2/-1;grid-row:1;align-self:start;min-width:0;margin:24px 0 0!important;padding:0!important}
body.homepage-autumn.homepage-autumn #events{grid-column:2;grid-row:2;min-width:0}
body.homepage-autumn.homepage-autumn .lfh-side{grid-column:3;grid-row:2;min-width:0}
body.homepage-autumn.homepage-autumn .home-extras{grid-column:2/-1!important;grid-row:3;margin:0 0 28px!important;padding:0!important;min-width:0}

/* ---------- left rail (design: .rail.n2) ---------- */
body.homepage-autumn.homepage-autumn .lfh-rail{
  display:flex!important; flex-direction:column; gap:6px; align-items:stretch!important;
  margin:0; padding:22px 16px; box-sizing:border-box; text-align:left!important;
  background:#fff; border-right:1px solid #d4dcdd;
}
body.homepage-autumn.homepage-autumn .lfh-rail-brand{
  display:flex; align-items:center; gap:10px; margin:0; padding:2px 12px 14px;
  font:700 14px/1.5 'Inter',sans-serif; color:#283339; text-decoration:none; white-space:nowrap;
  text-align:left!important; border-radius:0;
}
body.homepage-autumn.homepage-autumn .lfh-rail-brand img{width:34px;height:34px;flex:0 0 34px;object-fit:contain;display:block}
body.homepage-autumn.homepage-autumn .lfh-rail-sec{
  margin:10px 12px -1px; padding:12px 0 0; border-top:1px solid #d4dcdd; text-align:left!important;
  font:600 10px/1.5 'Inter',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#7d8a90;
}
body.homepage-autumn.homepage-autumn .lfh-rail-sec:first-of-type{margin-top:0;padding-top:0;border-top:0}
body.homepage-autumn.homepage-autumn .lfh-rail-i{
  display:flex; align-items:center; justify-content:flex-start!important; gap:12px;
  width:auto!important; align-self:stretch!important; height:38px; margin:0; padding:0 12px; border-radius:10px;
  font:500 14.5px/1.5 'Inter',sans-serif; color:#3b4a51; text-decoration:none; text-align:left!important;
}
body.homepage-autumn.homepage-autumn .lfh-rail-i:hover{background:rgba(15,12,8,.04)}
body.homepage-autumn.homepage-autumn .lfh-rail-i.is-on{background:#eaf0f2;color:#356382;font-weight:600}
body.homepage-autumn.homepage-autumn .lfh-rail-cta{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:auto!important; align-self:stretch!important; margin:auto 0 0; height:42px; padding:0 16px; box-sizing:border-box;
  border-radius:10px; background:#fff; border:1px solid #d4dcdd;
  font:600 13px/1.5 'Inter',sans-serif; color:#283339; text-decoration:none;
}
body.homepage-autumn.homepage-autumn .lfh-rail-cta svg{width:16px;height:16px;flex:0 0 16px;display:block}
body.homepage-autumn.homepage-autumn .lfh-rail-cta:hover{background:#fbfcfb}

/* ---------- search and filter pills, one row (design: .search + .sel) ---------- */
body.homepage-autumn.homepage-autumn #homeSearch{
  position:static!important; display:flex!important; flex-direction:row!important;
  flex-wrap:wrap!important; align-items:center!important; gap:10px 8px!important;
  width:auto!important; max-width:none!important; margin:0!important; padding:0!important;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  max-height:none!important; overflow:visible!important;
}
body.homepage-autumn.homepage-autumn #homeSearch .finder-heading,
body.homepage-autumn.homepage-autumn #homeSearch .hs-div,
body.homepage-autumn.homepage-autumn #homeSearch .hs-go,
body.homepage-autumn.homepage-autumn #homeSearch .filter-age-details{display:none!important}
/* The search field: 360px pill with a magnifier, 12px to the first filter. */
body.homepage-autumn.homepage-autumn #homeSearch > .hs-seg-grow{
  display:flex!important; flex-direction:row!important; align-items:center!important; gap:10px!important;
  width:360px!important; max-width:100%; flex:0 0 360px!important; height:40px!important; min-height:0!important;
  margin:0 4px 0 0!important; padding:0 14px!important; box-sizing:border-box!important;
  background:#fff!important; border:1px solid #d4dcdd!important; border-radius:999px!important; box-shadow:none!important;
}
body.homepage-autumn.homepage-autumn #homeSearch > .hs-seg-grow::before{
  content:""; display:block; flex:0 0 16px; width:16px; height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a39d92' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/16px 16px no-repeat;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg-grow .hs-label{
  position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important;
  overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg-grow .hs-control{
  display:flex!important; align-items:center!important; gap:6px; flex:1 1 auto!important; width:auto!important; min-width:0!important;
  margin:0!important; padding:0!important;
}
body.homepage-autumn.homepage-autumn #homeSearch input#searchInput{
  flex:1 1 auto; width:100%!important; min-width:0!important; height:38px!important; min-height:0!important;
  margin:0!important; padding:0 30px 0 0!important; border:0!important; outline:0; border-radius:0!important;
  background:transparent!important; box-shadow:none!important;
  font:400 13px/1.5 'Inter',sans-serif!important; color:#283339!important;
}
body.homepage-autumn.homepage-autumn #homeSearch input#searchInput::placeholder{color:#7d8a90!important;opacity:1}
body.homepage-autumn.homepage-autumn #homeSearch .hsb-clear{
  position:absolute; top:50%!important; right:8px!important; transform:translateY(-50%);
  flex:0 0 auto; width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important;
  margin:0; padding:0; border:0; border-radius:4px; box-sizing:border-box;
  background:transparent!important; box-shadow:none!important; color:#7d8a90; opacity:.78;
  font:400 18px/1 Arial,sans-serif!important; cursor:pointer;
}
body.homepage-autumn.homepage-autumn #homeSearch .hsb-clear:hover{background:transparent!important;color:#283339;opacity:1}
body.homepage-autumn.homepage-autumn #homeSearch .hsb-clear:focus-visible{outline:2px solid #356382;outline-offset:1px;opacity:1}
/* Town, Date, Category and Ages: label, value and a chevron in a 40px pill. */
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg:not(.hs-seg-grow),
body.homepage-autumn.homepage-autumn #homeSearch #extraFilters > .hs-seg{
  position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important;
  width:auto!important; flex:0 0 auto!important; height:42px!important; min-height:0!important;
  margin:0!important; padding:0 12px 0 14px!important; box-sizing:border-box!important;
  background:#fff!important; border:1px solid #d4dcdd!important; border-radius:999px!important; box-shadow:none!important;
  font:400 13px/1.5 'Inter',sans-serif!important; color:#3b4a51!important; text-align:left!important; cursor:pointer;
  -webkit-appearance:none; appearance:none;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg:not(.hs-seg-grow)::after,
body.homepage-autumn.homepage-autumn #homeSearch #extraFilters > .hs-seg::after{
  content:""; display:block; flex:0 0 14px; width:14px; height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a39d92' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg:not(.hs-seg-grow):focus-within,
body.homepage-autumn.homepage-autumn #homeSearch #extraFilters > .hs-seg:focus-within{border-color:#356382!important}
body.homepage-autumn.homepage-autumn #homeSearch .hs-seg:not(.hs-seg-grow) .hs-label,
body.homepage-autumn.homepage-autumn #homeSearch #extraFilters > .hs-seg .hs-label{
  position:static!important; width:auto!important; height:auto!important; clip:auto!important; overflow:visible!important;
  margin:0!important; padding:0!important; white-space:nowrap;
  font:400 12px/1.5 'Inter',sans-serif!important; color:#7d8a90!important; text-transform:none!important; letter-spacing:0!important;
  cursor:pointer;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-value{
  display:block; margin:0; padding:0; white-space:nowrap;
  font:400 13px/1.5 'Inter',sans-serif; color:#3b4a51;
}
/* The native select sits invisibly over the pill so it stays keyboard and
   screen-reader accessible; the span beside it shows the chosen value. */
body.homepage-autumn.homepage-autumn #homeSearch select{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important;
  margin:0!important; padding:0!important; border:0!important; opacity:0!important; cursor:pointer;
  font-size:13px!important; background:transparent!important;
}
body.homepage-autumn.homepage-autumn #homeSearch .hs-date-value{
  display:block!important; width:auto!important; height:auto!important; min-height:0!important;
  margin:0!important; padding:0!important; border:0!important; background:transparent!important;
  font:400 13px/1.5 'Inter',sans-serif!important; color:#3b4a51!important; white-space:nowrap;
}
/* Category and Ages belong in the row, not behind a disclosure. A details
   element ignores display:contents, so it becomes a small flex row of its own. */
body.homepage-autumn.homepage-autumn #homeSearch .more-filters{
  display:flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important; flex:0 0 auto!important;
  position:static!important; width:auto!important; margin:0!important; padding:0!important;
  border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
}
body.homepage-autumn.homepage-autumn #homeSearch .more-filters::details-content{
  display:flex; flex-direction:row; align-items:center; gap:8px; content-visibility:visible;
}
body.homepage-autumn.homepage-autumn #homeSearch .more-filters > summary{display:none!important}
body.homepage-autumn.homepage-autumn #homeSearch #extraFilters{
  display:contents!important; position:static!important; margin:0!important; padding:0!important;
  border:0!important; background:none!important; box-shadow:none!important; min-width:0!important;
}
body.homepage-autumn.homepage-autumn #homeSearch #resetFilters,
body.homepage-autumn.homepage-autumn #homeSearch #savedEventsToggle{
  height:40px!important; min-height:0!important; margin:0!important; padding:0 14px!important;
  border-radius:999px!important; border:1px solid #d4dcdd!important; background:#fff!important;
  font:500 13px/1.5 'Inter',sans-serif!important; color:#3b4a51!important; box-shadow:none!important; cursor:pointer;
}

/* ---------- events panel (design: .panel > .ph, .day, .c1 grid, .btn.lite) ---------- */
body.homepage-autumn.homepage-autumn #events{
  margin:0!important; padding:20px!important; box-sizing:border-box;
  background:#fff!important; border:1px solid #d4dcdd!important; border-radius:16px!important; box-shadow:none!important;
}
body.homepage-autumn.homepage-autumn .lfh-events-heading{
  display:block; margin:0 0 10px; padding:0;
  font:600 16px/1.5 'Inter',sans-serif; color:#283339; letter-spacing:0;
}
body.homepage-autumn.homepage-autumn #eventsGrid{
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important; margin:0!important; padding:0!important;
}
/* A day heading spans the row. With the 14px grid gap, the 4px outer margins
   give the design's 18px above a day label and 10px between it and its cards. */
body.homepage-autumn.homepage-autumn #eventsGrid > .event-day-group{
  grid-column:1/-1; position:static; display:block;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  margin:4px 0 -4px!important; padding:4px 0 0!important; min-height:0!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .edg-toggle{
  display:flex!important; align-items:baseline; gap:10px; width:auto!important; height:auto!important; min-height:0!important;
  margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important;
  text-align:left; cursor:pointer;
}
body.homepage-autumn.homepage-autumn #eventsGrid .edg-chev,
body.homepage-autumn.homepage-autumn #eventsGrid .edg-count,
body.homepage-autumn.homepage-autumn #eventsGrid .edg-line{display:none!important}
body.homepage-autumn.homepage-autumn #eventsGrid .edg-label{
  margin:0!important; padding:0!important;
  font:600 15px/1.5 'Inter',sans-serif!important; letter-spacing:0!important; text-transform:none!important; color:#283339!important;
}

/* Event card: the same complete information hierarchy on phones and desktop.
   Only the surrounding page grid changes at this breakpoint. */
body.homepage-autumn.homepage-autumn #eventsGrid article.home-event{
  position:relative; isolation:isolate; display:flex!important; flex-direction:column!important; gap:7px!important;
  min-width:0!important; margin:0!important; padding:17px 17px 14px 19px!important; box-sizing:border-box;
  background:#fff!important; border:1px solid #e6ebeb!important; border-left:4px solid var(--dot,#c9d2d4)!important;
  border-radius:12px!important; box-shadow:0 1px 2px rgba(40,51,57,.04)!important;
  color:#283339; overflow:visible!important; cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
body.homepage-autumn.homepage-autumn #eventsGrid article.home-event.evc-day-hidden{display:none!important}
/* The card is one link, so it lifts as a whole under the pointer. */
body.homepage-autumn.homepage-autumn #eventsGrid article.home-event:hover{
  box-shadow:0 12px 26px -14px rgba(40,51,57,.28),0 1px 2px rgba(40,51,57,.05)!important; transform:translateY(-1px);
  border-color:#d4dcdd!important; border-left-color:var(--dot,#c9d2d4)!important;
}
@media (prefers-reduced-motion:reduce){ body.homepage-autumn.homepage-autumn #eventsGrid article.home-event{transition:none} body.homepage-autumn.homepage-autumn #eventsGrid article.home-event:hover{transform:none} }
body.homepage-autumn.homepage-autumn #eventsGrid .home-event-top{display:block!important;margin:0!important;padding:0 48px 0 0!important;min-width:0}
body.homepage-autumn.homepage-autumn #eventsGrid .home-event h3{
  margin:0!important; padding:0; min-width:0; overflow-wrap:anywhere;
  font:600 17px/1.35 'Inter',sans-serif!important; letter-spacing:-.01em!important; color:#283339!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-event h3 a{color:#283339!important;text-decoration:none!important}
body.homepage-autumn.homepage-autumn #eventsGrid .evc-title-link::after{
  content:""; position:absolute; inset:0; z-index:1; border-radius:inherit;
}
body.homepage-autumn.homepage-autumn #eventsGrid .evc-title-link:focus-visible{outline:0!important}
body.homepage-autumn.homepage-autumn #eventsGrid .evc-title-link:focus-visible::after{
  outline:3px solid #356382; outline-offset:3px;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-age-top{display:none!important}
body.homepage-autumn.homepage-autumn #eventsGrid .home-fact{display:flex!important}
body.homepage-autumn.homepage-autumn #eventsGrid .home-location-copy{
  display:flex!important; flex-direction:column; gap:0; min-width:0;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-location-name,
body.homepage-autumn.homepage-autumn #eventsGrid .home-location-address{display:block}
body.homepage-autumn.homepage-autumn #eventsGrid .home-meta{
  display:none!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-event-details{
  display:flex!important; align-items:center; gap:7px 18px; flex-wrap:wrap; margin:1px 0 0; padding:0; min-height:22px;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-detail{
  display:inline-flex!important; align-items:center; gap:7px; min-width:0;
  font:500 13px/1.45 'Inter',sans-serif!important; color:#57656b!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-detail svg{width:16px;height:16px;flex:0 0 16px;color:#7d8a90}
body.homepage-autumn.homepage-autumn #eventsGrid .home-description{
  display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin:0!important; padding:0;
  font:400 13px/1.55 'Inter',sans-serif!important; color:#57656b!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-event-bottom{
  display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center!important; gap:12px!important;
  margin:auto 0 0!important; padding:5px 0 0!important; min-height:38px!important; border:0!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-cost{
  display:inline-flex!important; align-items:center; height:auto; margin:0!important; padding:0!important;
  border:0!important; border-radius:0!important; background:transparent!important;
  font:500 13px/1.45 'Inter',sans-serif!important; color:#57656b!important; letter-spacing:0!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-cost.is-free{
  padding:0!important; border-radius:0!important; background:transparent!important; color:#57656b!important;
  font-size:13px!important; letter-spacing:0;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-cost:empty{display:none}
body.homepage-autumn.homepage-autumn #eventsGrid .home-more{
  position:relative!important; z-index:2; justify-self:end; width:auto!important; height:auto!important;
  margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; white-space:nowrap!important;
  min-height:36px; display:flex!important; align-items:center; color:#356382!important; font:600 12px/1.4 'Inter',sans-serif!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-age-foot{
  display:none!important;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-category{
  min-width:0; overflow-wrap:anywhere; color:var(--cat-label,#57656b);
  font:600 12px/1.45 'Inter',sans-serif;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-save{
  position:absolute!important; z-index:3; top:7px!important; right:6px!important;
  display:grid!important; place-items:center; margin:0!important;
  width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important;
  border:0!important; border-radius:6px!important; background:transparent!important; box-shadow:none!important;
  color:#7d8a90!important; cursor:pointer;
}
body.homepage-autumn.homepage-autumn #eventsGrid .home-save:hover{background:#f2f5f3!important}
body.homepage-autumn.homepage-autumn #eventsGrid .home-save svg{width:18px!important;height:18px!important;stroke-width:1.8;display:block}
/* Category border and text tones. */
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-baby{--soft:#f2f5f3;--dot:#a66f4e;--cat-label:#784b31}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-play,
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-outdoors{--soft:#e7ede3;--dot:#5f7a5b;--cat-label:#486244}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-arts,
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-music{--soft:#f2f5f3;--dot:#a8735a;--cat-label:#80503c}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-sports{--soft:#e6ecec;--dot:#5f7e7e;--cat-label:#456565}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-learning,
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-fairs{--soft:#f2f5f3;--dot:#356382;--cat-label:#75582c}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-markets{--soft:#f2f5f3;--dot:#d5dcd7;--cat-label:#65594b}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-community,
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-adults{--soft:#f2f5f3;--dot:#d5dcd7;--cat-label:#5f554d}
body.homepage-autumn.homepage-autumn #eventsGrid article.cat-parenting{--soft:#f2e9ea;--dot:#a6707a;--cat-label:#7e4d58}

body.homepage-autumn.homepage-autumn #eventsGrid .no-results,
body.homepage-autumn.homepage-autumn #eventsGrid .loading-state{grid-column:1/-1}

/* Show more events: a full-width light button under the last day. */
body.homepage-autumn.homepage-autumn #loadMoreWrap{margin:18px 0 0!important;padding:0!important}
body.homepage-autumn.homepage-autumn #loadMoreWrap .events-progress{display:none!important}
body.homepage-autumn.homepage-autumn .load-more-btn{
  display:flex!important; align-items:center; justify-content:center;
  width:100%!important; height:42px!important; min-height:0!important; margin:0!important; padding:0 16px!important; box-sizing:border-box;
  background:#fff!important; color:#283339!important; border:1px solid #d4dcdd!important; border-radius:10px!important; box-shadow:none!important;
  font:600 13px/1.5 'Inter',sans-serif!important; cursor:pointer;
}
body.homepage-autumn.homepage-autumn .load-more-btn:hover{background:#fbfcfb!important}
body.homepage-autumn.homepage-autumn .load-more-count{display:none!important}

/* ---------- right column (design: .panel stack) ---------- */
body.homepage-autumn.homepage-autumn .lfh-side{display:flex!important;flex-direction:column;gap:20px;margin:0;padding:0}
body.homepage-autumn.homepage-autumn .lfh-panel{
  margin:0; padding:20px; box-sizing:border-box;
  background:#fff; border:1px solid #d4dcdd; border-radius:16px;
}
body.homepage-autumn.homepage-autumn .lfh-panel[hidden]{display:none}
body.homepage-autumn.homepage-autumn .lfh-panel-accent{background:#eaf0f2;border-color:transparent}
body.homepage-autumn.homepage-autumn .lfh-panel h2{
  margin:0; padding:0; font:600 16px/1.5 'Inter',sans-serif; color:#283339; letter-spacing:0;
}
/* Sponsors */
body.homepage-autumn.homepage-autumn .lfh-sp-label{
  margin:0 0 12px; padding:0;
  font:700 11px/1.5 'Inter',sans-serif; letter-spacing:.09em; text-transform:uppercase; color:#57656b;
}
body.homepage-autumn.homepage-autumn .lfh-sp-flat{display:flex;flex-direction:column;gap:12px}
body.homepage-autumn.homepage-autumn .lfh-sp-row{
  display:flex; align-items:center; justify-content:center; height:78px; padding:10px 4px; box-sizing:content-box;
  text-decoration:none; color:inherit;
}
body.homepage-autumn.homepage-autumn .lfh-sp-row + .lfh-sp-row{border-top:1px solid #d4dcdd}
body.homepage-autumn.homepage-autumn .lfh-sp-row img{display:block;max-width:100%;max-height:52px;width:auto;height:auto}
body.homepage-autumn.homepage-autumn .lfh-sp-row .psc-name{font:600 14px/1.5 'Inter',sans-serif;color:#283339}
/* Calendar */
body.homepage-autumn.homepage-autumn .lfh-cal-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0}
body.homepage-autumn.homepage-autumn .lfh-cal-head b{font:600 14px/1.5 'Inter',sans-serif;color:#283339}
body.homepage-autumn.homepage-autumn .lfh-cal-nav{
  display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; padding:0;
  border:0; border-radius:999px; background:#f2f5f3; color:#3b4a51;
  font:400 14px/1 'Inter',sans-serif; cursor:pointer;
}
body.homepage-autumn.homepage-autumn .lfh-cal-nav:hover{background:#e6ebeb}
body.homepage-autumn.homepage-autumn .lfh-cal-grid{
  display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:2px!important; margin:0!important; padding:0!important; text-align:center;
  font:400 12px/1.5 'Inter',sans-serif;
}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-dn{
  margin:0; padding:4px 0; font:600 11px/1.5 'Inter',sans-serif; letter-spacing:0; text-transform:none; color:#7d8a90;
}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d{
  position:relative; display:grid!important; place-items:center; width:auto!important; min-width:0!important; height:34px!important; margin:0!important; padding:0!important;
  border:0!important; border-radius:999px!important; background:transparent; box-shadow:none!important; transition:none!important;
  font:400 12px/1.5 'Inter',sans-serif!important; color:#283339!important; cursor:pointer;
}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.other{color:#c9d2d4!important;cursor:default}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.disabled{color:#283339!important;cursor:default;pointer-events:none}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.has::after{
  content:""!important; position:absolute; left:50%; bottom:4px; width:4px!important; height:4px!important; margin:0 0 0 -2px!important;
  display:block!important; border-radius:50%!important; background:#356382!important; line-height:0; font-size:0;
}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.has{font-weight:400!important}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d:hover:not(.other):not(.disabled){background:#f2f5f3}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.today,
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.sel{background:#356382!important;color:#fff!important;font-weight:600!important}
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.today::after,
body.homepage-autumn.homepage-autumn .lfh-cal-grid .cal-d.sel::after{background:#fff!important}
body.homepage-autumn.homepage-autumn .lfh-cal-key{
  display:flex; align-items:center; gap:7px; margin:12px 0 0!important; padding:0;
  font:400 12px/1.5 'Inter',sans-serif!important; color:#7d8a90!important;
}
body.homepage-autumn.homepage-autumn .lfh-cal-key i{display:inline-block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#356382}
body.homepage-autumn.homepage-autumn .lfh-panel-rule{border-top:1px solid #e6ebeb;margin:24px 0 20px}
/* This weekend */
body.homepage-autumn.homepage-autumn .lfh-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
body.homepage-autumn.homepage-autumn .lfh-panel-head a{font:400 13px/1.5 'Inter',sans-serif;color:#7d8a90;text-decoration:none;white-space:nowrap}
body.homepage-autumn.homepage-autumn .lfh-panel-head a:hover{color:#283339;text-decoration:underline}
body.homepage-autumn.homepage-autumn .lfh-weekend{display:flex;flex-direction:column;margin:0;padding:0}
body.homepage-autumn.homepage-autumn .lfh-weekend a{
  display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; align-items:baseline;
  margin:0; padding:11px 0; text-decoration:none; color:inherit; font:400 14px/1.5 'Inter',sans-serif;
}
body.homepage-autumn.homepage-autumn .lfh-weekend a + a{border-top:1px solid #e6ebeb}
body.homepage-autumn.homepage-autumn .lfh-weekend time{font:400 12px/1.5 'Inter',sans-serif;color:#7d8a90}
body.homepage-autumn.homepage-autumn .lfh-weekend b{display:block;font:600 14px/1.35 'Inter',sans-serif;color:#283339}
body.homepage-autumn.homepage-autumn .lfh-weekend a:hover b{color:#356382}
body.homepage-autumn.homepage-autumn .lfh-weekend span{font:400 12px/1.5 'Inter',sans-serif;color:#7d8a90}
body.homepage-autumn.homepage-autumn .lfh-weekend-empty{margin:0;padding:10px 0 2px;font:400 13px/1.5 'Inter',sans-serif;color:#57656b}
/* Newsletter (design: .panel.nl-acc with .inp and .btn.acc) */
body.homepage-autumn.homepage-autumn .lfh-panel-accent h2{margin:0 0 14px}
body.homepage-autumn.homepage-autumn .lfh-panel-accent p{margin:0 0 12px;padding:0;font:400 13px/1.5 'Inter',sans-serif;color:#57656b}
body.homepage-autumn.homepage-autumn .lfh-side-embed{margin:0!important;min-height:0!important}
body.homepage-autumn.homepage-autumn .lfh-side-embed[hidden]{display:none!important}
body.homepage-autumn.homepage-autumn .lfh-side-embed iframe{display:block;width:100%!important;max-width:100%!important}
body.homepage-autumn.homepage-autumn .lfh-side-btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; height:42px; margin:0; padding:0 16px; box-sizing:border-box;
  border:0; border-radius:10px; background:#356382; color:#fff;
  font:600 13px/1.5 'Inter',sans-serif; text-decoration:none; cursor:pointer;
}
body.homepage-autumn.homepage-autumn .lfh-side-btn:hover{background:#23495b}
body.homepage-autumn.homepage-autumn .lfh-side-btn[hidden]{display:none!important}

/* ---------- fall fairs, full width under both columns ---------- */
body.homepage-autumn.homepage-autumn #fairSeason{
  margin:0!important; padding:20px!important; box-sizing:border-box;
  background:#fff!important; border:1px solid #d4dcdd!important; border-radius:16px!important; box-shadow:none!important;
}
body.homepage-autumn.homepage-autumn #fairSeason .fair-guide-head{
  display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important;
  gap:12px!important; margin:0 0 14px!important; padding:0!important;
}
body.homepage-autumn.homepage-autumn #fairSeason h2{
  margin:0!important; padding:0!important;
  font:600 16px/1.5 'Inter',sans-serif!important; letter-spacing:0!important; text-transform:none!important; color:#283339!important;
}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-btn{
  display:inline!important; margin:0!important; padding:0!important; min-height:0!important;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  font:400 13px/1.5 'Inter',sans-serif!important; color:#7d8a90!important; text-decoration:none!important; white-space:nowrap;
  letter-spacing:0!important; word-spacing:0!important; text-transform:none!important; text-align:right!important;
}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-btn:hover{color:#283339!important}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-btn span{font:inherit!important;margin:0!important;padding:0!important;display:inline!important}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list{
  display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important;
  margin:0!important; padding:0!important; list-style:none;
}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list li{display:block;margin:0;padding:0!important;border:0!important;min-width:0}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list a{
  display:flex!important; flex-direction:column; align-items:stretch!important; gap:5px!important; height:100%; box-sizing:border-box;
  margin:0; padding:14px 16px!important; border:0!important; border-radius:12px!important; background:#fbfcfb!important;
  text-decoration:none!important; box-shadow:none!important; font:400 14px/1.5 'Inter',sans-serif!important;
}
body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list a:hover{background:#eaf0f2!important}
body.homepage-autumn.homepage-autumn #fairSeason .fair-date{
  display:block; width:auto!important; flex:none;
  font:600 12px/1.5 'Inter',sans-serif!important; font-style:normal; letter-spacing:.02em!important; color:#356382!important;
}
body.homepage-autumn.homepage-autumn #fairSeason .fair-name{
  font:600 15px/1.35 'Inter',sans-serif!important; color:#283339!important; text-wrap:balance;
}

/* ---------- below the dashboard ---------- */
/* The right column carries the sign-up form, so the band would repeat it. */
body.homepage-autumn.homepage-autumn #newsletter.nl-band{display:none!important}

/* ---------- footer, one line (design: .foot) ---------- */
body.homepage-autumn.homepage-autumn .lfhx-footer{
  margin:0!important; padding:0!important;
  background:#f2f5f3!important; border-top:1px solid #d4dcdd!important; color:#7d8a90!important;
  font-family:'Inter', sans-serif!important; text-align:left!important;
}
body.homepage-autumn.homepage-autumn .lfhx-fwrap{
  display:flex!important; flex-direction:row-reverse!important; align-items:center!important; justify-content:space-between!important; gap:40px!important;
  width:auto!important; max-width:1440px!important; margin:0 auto!important; padding:22px 32px!important; box-sizing:border-box;
}
body.homepage-autumn.homepage-autumn .lfhx-fsimple{display:block!important;margin:0!important;padding:0!important;border:0!important;width:auto!important}
body.homepage-autumn.homepage-autumn .lfhx-fbrand{display:none!important}
body.homepage-autumn.homepage-autumn .lfhx-fsimple .lfhx-fcol-links{
  display:flex!important; flex-wrap:nowrap!important; justify-content:flex-end!important; gap:22px!important; margin:0!important; padding:0!important; white-space:nowrap;
  font:600 13px/1.5 'Inter',sans-serif!important; color:#3b4a51!important;
}
body.homepage-autumn.homepage-autumn .lfhx-fsimple .lfhx-fcol-links a{
  margin:0!important; padding:0!important; font:600 13px/1.5 'Inter',sans-serif!important; color:#3b4a51!important; text-decoration:none!important; letter-spacing:0!important;
}
body.homepage-autumn.homepage-autumn .lfhx-fsimple .lfhx-fcol-links a:hover{color:#283339!important;text-decoration:underline!important}
body.homepage-autumn.homepage-autumn .lfhx-fsimple .lfhx-fcol-links a[href="/submit"]{display:none!important}
body.homepage-autumn.homepage-autumn .lfhx-fbottom{display:block!important;margin:0!important;padding:0!important;border:0!important;width:auto!important}
body.homepage-autumn.homepage-autumn .lfhx-fbottom p{margin:0!important;padding:0!important;font:400 13px/1.5 'Inter',sans-serif!important;color:#7d8a90!important;letter-spacing:0!important}

} /* end min-width:901px */

/* ---- narrow desktop: keep the dashboard, shed the right column ---- */
@media (min-width:901px) and (max-width:1239px){
  body.homepage-autumn.homepage-autumn .lfh-side{display:none!important}
  body.homepage-autumn.homepage-autumn .home-layout{grid-template-columns:244px minmax(0,1fr)!important}
  body.homepage-autumn.homepage-autumn #events{grid-column:2/-1}
  /* With no right column the sponsors return to a strip under the photo. */
  body.homepage-autumn.homepage-autumn .lfh-hero::before,
  body.homepage-autumn.homepage-autumn .lfh-hero::after{inset:auto 0 auto 0;top:0;height:300px}
  body.homepage-autumn.homepage-autumn .lfh-hero{background:#f2f5f3!important}
  body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard{
    display:block!important; position:relative; z-index:1; width:auto!important; max-width:none!important; min-height:0!important;
    margin:0!important; padding:16px 40px 8px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  }
  body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-eyebrow{
    display:block!important; text-align:left!important; justify-content:flex-start!important; margin:0 0 10px!important;
    font:700 11px/1.5 'Inter',sans-serif!important; letter-spacing:.09em!important; text-transform:uppercase!important; color:#57656b!important;
  }
  body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-spots{
    display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; justify-content:flex-start!important; align-items:center!important; gap:18px!important;
    width:auto!important; max-width:none!important; margin:0!important; grid-template-columns:none!important;
  }
  body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-logo-wrap{
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:236px!important; flex:0 0 236px!important; height:74px!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
    margin:0!important; padding:10px 16px!important; box-sizing:border-box!important;
    background:#fff!important; border:1px solid #d4dcdd!important; border-radius:12px!important; box-shadow:none!important;
  }
  body.homepage-autumn.homepage-autumn .lfh-hero #heroSponsorCard .psc-logo-wrap img{max-height:46px!important;width:auto!important;height:auto!important}
  body.homepage-autumn.homepage-autumn #fairSeason .fairs-card-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Desktop-only furniture stays out of the phone and tablet layouts. */
@media (max-width:900px){
  .lfh-rail,.lfh-side,.hs-value,.home-meta,.home-age-foot{display:none!important}
  .lfh-events-heading{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .hero-wordmark,.hero-tagline,.hero-today{display:none!important}
}