/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ==========================================================
   SUTTON MARINERS SAILING CLUB
   Site stylesheet — paste into Appearance > Customise > Additional CSS

   Palette
     deep      #0A2A36    header/footer ground, dawn band
     band      #0E3A4A    "What it costs" band
     teal      #12657C    links, labels
     amber     #C8762B    primary buttons, dates, rally pills
     sand      #EBC08A    hero eyebrow
     mist      #EDF2F2    pale bands, aside boxes
     ink       #132931    body text
     ink-soft  #4E656E    secondary text
     hairline  #D6E0E2    rules and borders

   Contents
     1  Page shell
     2  Header
     3  Hero (home + inner pages)
     4  Three-column bands (routes / reassurances / smallprint)
     5  Section shell
     6  Programme band — Events Calendar widget (home page)
     7  Category pills — both pages
     8  News band
     9  Thursday evening band (join page)
    10  What it costs band (join page)
    11  Application band and form (join page)
    12  Events page
    13  Dawn band and footer
    9b  Venue and map
    15  About page
    16  Committee page
    17  New to boating
    18  Next on the water        (rallies)
    19  Where we go              (rallies)
    20  The shape of a season    (rallies)
    21  What actually happens    (rallies)
    22  The trophies             (rallies)
    23  Getting a place          (rallies)
    14  Narrow screens           — last, so it wins

   Tidied 1 October 2026: two duplicate rules removed, the Rallies step
   row renamed off .smsc-steps, and 14 moved back to the end.
   ========================================================== */


/* ---------- 1. Page shell ---------- */

/* pages whose first block is a full-bleed photograph have no top gap.
   The home page does it here; other pages use Blocksy's own
   Content Area Vertical Spacing setting, which is the better control. */
.home [data-vertical-spacing*="top"]{ padding-top:0 !important; }


/* ---------- 2. Header ---------- */

/* the current page in a dropdown must stay readable on the dark ground */
.ct-header .sub-menu .current-menu-item > a,
.ct-header .sub-menu .current_page_item > a,
.ct-header .sub-menu .current-menu-ancestor > a{
  color:#FFFFFF !important;
}


/* ---------- 3. Hero ---------- */

/* --- Hero: shorter version --- */
.smsc-hero{
  position:relative;
  margin-bottom:0 !important;
  min-height:clamp(250px, 40vh, 420px) !important;
}

.smsc-hero::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(90deg,
    rgba(6,24,32,.86) 0%,
    rgba(6,24,32,.62) 46%,
    rgba(6,24,32,.12) 78%,
    rgba(6,24,32,0)   100%);
}

.smsc-hero .wp-block-cover__inner-container{
  position:relative; z-index:2;
  padding-inline: max(20px, calc((100% - 1200px) / 2));
}

.smsc-hero .wp-block-cover__inner-container > *{
  max-width:31rem !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.smsc-hero .wp-block-cover__inner-container h1,
.smsc-hero .wp-block-cover__inner-container h2{ color:#FFFFFF; }

.smsc-hero .wp-block-cover__inner-container > p:first-child{      /* eyebrow */
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  font-weight:600; color:#EBC08A; margin-bottom:14px;
}
.smsc-hero .wp-block-cover__inner-container > p:nth-of-type(2){   /* standfirst */
  font-size:16px; color:#D6E4E8;
}

.smsc-hero .wp-block-buttons{ gap:12px; margin-top:22px; }
.smsc-hero .wp-block-button__link{
  border-radius:3px; font-size:14px; font-weight:600; padding:9px 18px;
}
.smsc-hero .wp-block-button:first-child .wp-block-button__link{
  background:#C8762B !important;
  border:1px solid #C8762B !important;
  color:#FFFFFF !important;
}
.smsc-hero .wp-block-button:nth-child(2) .wp-block-button__link{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  color:#FFFFFF !important;
}

/* shallower hero on inner pages */
.smsc-pagehero .wp-block-cover__inner-container > *{ max-width:30rem !important; }
.smsc-pagehero h1{ font-size:clamp(24px,3.4vw,38px) !important; line-height:1.08; }


/* ---------- 4. Three-column bands ----------
   Used by the home page routes band, the join page reassurances,
   and (with .smsc-small) the join page smallprint.               */

.smsc-routes{
  margin-top:0 !important;
  margin-bottom:0 !important;
  border-bottom:1px solid #D6E0E2;
}
.smsc-routes .wp-block-columns{ gap:0 !important; margin-block:0; }

.smsc-routes .wp-block-column{
  padding:30px 28px 30px 0;
  border-right:1px solid #D6E0E2;
  display:flex; flex-direction:column; gap:9px;
}
.smsc-routes .wp-block-column:not(:first-child){ padding-left:28px; }
.smsc-routes .wp-block-column:last-child{ border-right:none; padding-right:0; }

.smsc-routes h2,
.smsc-routes h3{ font-size:19px; font-weight:600; margin:0; color:#132931; }
.smsc-routes p { font-size:14px; color:#4E656E; margin:0; }

.smsc-routes .smsc-more{ margin-top:auto; }
.smsc-routes .smsc-more,
.smsc-routes .smsc-more a{
  font-size:13px; font-weight:600; color:#12657C;
  text-decoration:none; letter-spacing:.02em;
}
.smsc-routes .smsc-more::after{ content:" →"; }

/* quieter variant for the smallprint band */
.smsc-small h2,
.smsc-small h3{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C !important; font-weight:700; margin:0 0 8px !important;
}
.smsc-small p{ font-size:13px; color:#4E656E; }


/* ---------- 5. Section shell ---------- */

.smsc-sec{ margin-top:0 !important; }

.smsc-sechead{ margin-bottom:22px !important; }
.smsc-sechead h2,
.smsc-sechead h3{
  font-size:27px; font-weight:600; letter-spacing:-.01em; margin:0;
}
.smsc-sechead p{
  font-size:13px; font-weight:600; color:#12657C; margin:0;
}
.smsc-sechead p a{ color:#12657C; text-decoration:none; }

/* the note beside a heading is a link by default and gets an arrow;
   add .smsc-plain to a note that is not a link */
.smsc-sechead p::after{ content:" →"; }
.smsc-sechead p.smsc-plain::after{ content:none; }


/* ---------- 6. Programme band (Events Calendar widget) ---------- */

.smsc-programme .tribe-common,
.smsc-programme .tribe-common *{ font-family:inherit !important; }
.smsc-programme .tribe-events-widget,
.smsc-programme .tribe-common{ max-width:none !important; width:100%; }

/* the widget's own heading — the band has its own */
.smsc-programme .tribe-events-widget-events-list__header{ display:none; }

.smsc-programme .tribe-events-widget-events-list__events{
  border-top:1px solid #D6E0E2;
}

.smsc-programme .tribe-events-widget-events-list__event-row{
  position:relative;
  display:grid !important;
  grid-template-columns:76px 1fr;
  gap:24px; align-items:center;
  margin:0 !important; padding-block:14px;
  border-bottom:1px solid #D6E0E2;
}

/* date column */
.smsc-programme .tribe-events-widget-events-list__event-date-tag{
  padding:0 !important; width:auto !important; max-width:none !important;
}
.smsc-programme .tribe-common .tribe-events-widget-events-list__event-date-tag-datetime,
.smsc-programme .tribe-common .tribe-events-widget-events-list__event-date-tag-month,
.smsc-programme .tribe-common .tribe-events-widget-events-list__event-date-tag-daynum{
  color:#C8762B !important;
}
.smsc-programme .tribe-common .tribe-events-widget-events-list__event-date-tag-month{
  font-size:12px !important; font-weight:700 !important;
  letter-spacing:.08em; text-transform:uppercase;
}
.smsc-programme .tribe-common .tribe-events-widget-events-list__event-date-tag-daynum{
  font-size:24px !important; font-weight:700 !important; line-height:1.1;
}

/* text column — the right padding leaves room for the pill */
.smsc-programme .tribe-events-widget-events-list__event-wrapper{
  padding:0 130px 0 0 !important;
  width:auto !important; max-width:none !important;
}
/* the widget puts the time before the title in the markup, so reverse it */
.smsc-programme .tribe-events-widget-events-list__event-header{
  display:flex; flex-direction:column-reverse; gap:2px;
}
.smsc-programme .tribe-events-widget-events-list__event-title{
  margin:0; font-size:16px !important; font-weight:600; line-height:1.3;
}
.smsc-programme .tribe-events-widget-events-list__event-title-link{
  color:#132931 !important; text-decoration:none;
}
.smsc-programme .tribe-events-widget-events-list__event-title-link:hover{
  color:#12657C !important;
}
.smsc-programme .tribe-events-widget-events-list__event-datetime-wrapper{
  margin:0 !important;
}
.smsc-programme .tribe-events-widget-events-list__event-datetime{
  font-size:13.5px !important; color:#4E656E;
}

.smsc-programme .tribe-events-widget-events-list__view-more{
  margin-top:16px; text-align:left !important;
}
.smsc-programme .tribe-events-widget-events-list__view-more-link{
  font-size:13px; font-weight:600; color:#12657C !important; text-decoration:none;
}


/* ---------- 7. Category pills ----------
   Appearance is scoped to the two places pills appear; the content
   rules are shared. Later rules win when an event sits in more than
   one category, so Rally is last.                                  */

.smsc-programme .tribe-events-widget-events-list__event-row,
.tribe-events-calendar-list__event-row{ position:relative; }

.smsc-programme .tribe-events-widget-events-list__event-wrapper,
.tribe-events-calendar-list__event-wrapper{ padding-right:130px !important; }

.smsc-programme article[class*="tribe_events_cat-"]::after,
.tribe-events-calendar-list__event-row article[class*="tribe_events_cat-"]::after{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  border:1px solid #12657C; color:#12657C;
  padding:3px 9px; border-radius:2px; white-space:nowrap;
}

article.tribe_events_cat-general-meetings::after  { content:"Meeting"; }
article.tribe_events_cat-zoomed-meeting::after    { content:"Online"; }
article.tribe_events_cat-non-mariners-event::after{ content:"Open to all"; }
article.tribe_events_cat-general-interest::after  { content:"Talk"; }
article.tribe_events_cat-navigation::after        { content:"Talk"; }
article.tribe_events_cat-guest-speaker::after     { content:"Guest speaker"; }
article.tribe_events_cat-club-speaker::after      { content:"Club speaker"; }
article.tribe_events_cat-fun::after               { content:"Social"; }
article.tribe_events_cat-social-events::after     { content:"Social"; }
article.tribe_events_cat-rally-program::after{
  content:"Rally"; border-color:#C8762B; color:#C8762B;
}


/* ---------- 8. News band ---------- */

.smsc-news .wp-block-group-is-layout-grid,
.smsc-news .wp-block-post-template{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:26px !important;
  padding:0 !important;
}

.smsc-news .wp-block-post{ display:flex; flex-direction:column; gap:10px; }

.smsc-news .wp-block-post-featured-image{ margin:0; }
.smsc-news .wp-block-post-featured-image a{ display:block; }
.smsc-news .wp-block-post-featured-image img{
  border-radius:2px; transition:opacity .2s ease;
}
.smsc-news .wp-block-post-featured-image a:hover img{ opacity:.88; }

.smsc-news .smsc-dt{
  gap:8px !important;
  font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:#4E656E;
}
.smsc-news .smsc-dt a{ color:#4E656E; text-decoration:none; }

.smsc-news .wp-block-post-title{
  font-family:"Newsreader",Georgia,serif;
  font-size:19px; font-weight:600; line-height:1.25; margin:0;
}
.smsc-news .wp-block-post-title a{ color:#132931; text-decoration:none; }
.smsc-news .wp-block-post-title a:hover{ color:#12657C; }

.smsc-news .wp-block-post-excerpt{ margin:0; }
.smsc-news .wp-block-post-excerpt p{ font-size:14px; color:#4E656E; margin:0; }
.smsc-news .wp-block-post-excerpt__more-link{
  display:inline-block; margin-top:8px;
  font-size:13px; font-weight:600; color:#12657C; text-decoration:none;
}
.smsc-news .wp-block-post-excerpt__more-link::after{ content:" →"; }

.smsc-news .wp-block-query-pagination{
  display:flex; align-items:center; gap:18px;
  margin-top:30px; font-size:14px;
}
.smsc-news .wp-block-query-pagination-numbers{ display:flex; gap:12px; }
/* ---------- 9. Thursday evening band ----------
   Join page, band 3 — not yet built.                */

.smsc-sched{ border-top:1px solid #D6E0E2; }
.smsc-sched .r{
  display:grid; grid-template-columns:74px 1fr; gap:18px;
  padding-block:13px; border-bottom:1px solid #D6E0E2;
}
.smsc-sched .t{
  font-size:12.5px; font-weight:700; letter-spacing:.06em;
  color:#C8762B; font-variant-numeric:tabular-nums; margin:0;
}
.smsc-sched h4{ font-size:14.5px; font-weight:600; margin:0 0 2px; color:#132931; }
.smsc-sched p{ font-size:13.5px; color:#4E656E; margin:0; }

.smsc-aside{
  background:#EDF2F2; border:1px solid #D6E0E2; border-radius:3px; padding:20px;
}
.smsc-aside h3{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C; margin:0 0 10px !important; font-weight:700;
}
.smsc-aside p{ font-size:13.5px; color:#4E656E; margin:0 0 9px; }
.smsc-aside p:last-child{ margin-bottom:0; }
.smsc-aside strong{ color:#132931; font-weight:600; }


/* ---------- 10. What it costs band ---------- */

.smsc-rates{ margin-top:0 !important; }
.smsc-rates .wp-block-columns{ margin:0; padding-block:38px; gap:32px !important; }

.smsc-rates h2{
  font-size:26px !important; font-weight:500;
  margin:0 0 10px !important; color:#FFFFFF;
}
.smsc-rates > .wp-block-columns p{ color:#CBDDE2; font-size:14px; }

.smsc-rates-cards{ gap:14px !important; flex-wrap:wrap; }
.smsc-rates-cards .smsc-rate{ flex:1 1 0; }

.smsc-rate{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);
  border-radius:3px; padding:16px 20px !important; min-width:150px;
}
.smsc-rate p{ margin:0 !important; }
.smsc-rate p:nth-of-type(1){                    /* the figure */
  font-family:"Newsreader",Georgia,serif; font-size:30px !important;
  font-weight:600; line-height:1; color:#FFFFFF;
  text-transform:none; letter-spacing:0;
}
.smsc-rate p:nth-of-type(2){                    /* the label */
  font-size:11px !important; letter-spacing:.09em; text-transform:uppercase;
  color:#9FBCC4; margin-top:6px !important;
}
.smsc-rate p:nth-of-type(3){                    /* the note */
  font-size:12.5px !important; color:#CBDDE2;
  text-transform:none; letter-spacing:0; margin-top:7px !important;
}


/* ---------- 11. Application band and form ---------- */

.smsc-apply .wp-block-columns{ gap:40px !important; }

/* the aside: photograph, label, numbered steps */
.smsc-next figure{ margin:0 0 16px; }
.smsc-next figure img{ display:block; width:100%; height:auto; border-radius:3px; }
.smsc-next figcaption{
  font-size:11.5px; color:#4E656E; margin-top:7px; text-align:left;
}
.smsc-next h3{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C; margin:0 0 4px !important; font-weight:700;
}

.smsc-steps{
  list-style:none !important; padding:0 !important; margin:16px 0 0 !important;
  counter-reset:s; display:flex; flex-direction:column; gap:14px;
}
.smsc-steps li{
  counter-increment:s; position:relative; padding-left:38px;
  font-size:13px; color:#4E656E; margin:0;
}
.smsc-steps li::before{
  content:counter(s); position:absolute; left:0; top:0;
  width:26px; height:26px; border-radius:50%;
  background:#EDF2F2; border:1px solid #D6E0E2;
  font-size:12px; font-weight:700; color:#12657C;
  display:flex; align-items:center; justify-content:center;
}
.smsc-steps li strong{
  display:block; font-size:14px; font-weight:600; color:#132931; margin-bottom:2px;
}

/* Fluent Forms */
.smsc-apply .fluentform .ff-el-group{ margin-bottom:16px; }
.smsc-apply .fluentform .ff-el-input--label label{
  font-size:12px !important; font-weight:600;
  letter-spacing:.03em; color:#132931;
}
.smsc-apply .fluentform .ff-el-form-control{
  border:1px solid #D6E0E2 !important; border-radius:3px !important;
  background:#FCFDFD !important; padding:9px 11px !important;
  font-size:14px !important; color:#132931 !important;
  box-shadow:none !important;
}
.smsc-apply .fluentform .ff-el-form-control:focus{
  border-color:#12657C !important;
  outline:2px solid rgba(18,101,124,.18); outline-offset:0;
}
.smsc-apply .fluentform .ff-el-form-control::placeholder{ color:#9DB2B9; }
.smsc-apply .fluentform .ff-el-form-check-label{ font-size:13.5px; color:#4E656E; }
.smsc-apply .fluentform .ff-el-help-message{ font-size:11.5px; color:#4E656E; }

.smsc-apply .fluentform .ff-btn-submit{
  background:#C8762B !important; border:1px solid #C8762B !important;
  color:#FFFFFF !important; border-radius:3px !important;
  font-size:14px !important; font-weight:600 !important;
  padding:11px 22px !important; box-shadow:none !important;
}
.smsc-apply .fluentform .ff-btn-submit:hover{
  background:#B26522 !important; border-color:#B26522 !important;
}

.smsc-apply .ff-message-success{
  border:1px solid #D6E0E2; border-left:3px solid #C8762B;
  background:#EDF2F2; padding:18px 20px; border-radius:3px;
  color:#132931; font-size:14.5px;
}


/* ---------- 12. Events page ---------- */

.tribe-events .tribe-common,
.tribe-events .tribe-common *{ font-family:inherit !important; }

/* the intro and outro text set under Events > Settings > Display */
.tribe-events-before-html p,
.tribe-events-after-html p{
  font-size:14px; color:#4E656E; margin:0 0 8px; max-width:70ch;
}
.tribe-events-after-html{
  margin-top:24px; padding-top:16px; border-top:1px solid #D6E0E2;
}

/* date navigation */
.tribe-events .tribe-events-header{ margin-bottom:0 !important; }
.tribe-events .tribe-events-c-events-bar{ margin-bottom:4px !important; }
.tribe-events .tribe-events-c-top-bar{ margin-bottom:0 !important; }
.tribe-events .tribe-events-calendar-list{
  margin-top:0 !important; padding-top:0 !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button{
  font-size:16px !important; font-weight:600 !important;
  color:#132931 !important; letter-spacing:0 !important;
}
.tribe-events .tribe-events-c-top-bar__today-button{
  font-size:12px !important;
  border-color:#D6E0E2 !important; color:#12657C !important;
}
.tribe-events .tribe-events-c-top-bar__nav-link-icon-svg path{ fill:#12657C; }

/* month separators */
.tribe-events-calendar-list__month-separator{
  border:0 !important; margin:30px 0 6px !important; padding:0 !important;
  display:flex; align-items:center; gap:14px;
}
.tribe-events-calendar-list__month-separator::after{
  content:""; flex:1; height:1px; background:#D6E0E2;
}
.tribe-events .tribe-events-calendar-list__month-separator-text{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C !important; font-weight:700 !important; margin:0 !important;
}

/* rows */
.tribe-events-calendar-list__event-row{
  display:grid !important;
  grid-template-columns:76px 1fr;
  gap:24px; align-items:center;
  margin:0 !important;
  padding-block:16px !important;
  border-bottom:1px solid #D6E0E2 !important;
}
.tribe-events-calendar-list__event-date-tag,
.tribe-events-calendar-list__event-wrapper{
  padding:0 !important; width:auto !important; max-width:none !important;
}

/* date column — weekday over day number */
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
  display:flex; flex-direction:column; line-height:1.15;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum{
  color:#C8762B !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
  font-size:12px !important; font-weight:700 !important;
  letter-spacing:.08em; text-transform:uppercase;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum{
  font-size:24px !important; font-weight:700 !important; line-height:1.1;
}

/* text column — here the markup has the title first, so no reversal,
   but the plugin sets its own order, hence the explicit values */
.tribe-events-calendar-list__event{ margin:0 !important; }
.tribe-events-calendar-list__event-details{ padding:0 !important; }
.tribe-events-calendar-list__event-header{
  display:flex !important; flex-direction:column !important; gap:2px;
}
.tribe-events .tribe-events-calendar-list__event-title{
  order:1 !important;
  margin:0 !important; font-size:16px !important; font-weight:600; line-height:1.3;
}
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper{
  order:2 !important;
}
.tribe-events .tribe-events-calendar-list__event-title-link{
  color:#132931 !important; text-decoration:none;
}
.tribe-events .tribe-events-calendar-list__event-title-link:hover{
  color:#12657C !important;
}
.tribe-events .tribe-events-calendar-list__event-datetime{
  font-size:13.5px !important; color:#4E656E;
}

/* descriptions and venues */
.tribe-events .tribe-events-calendar-list__event-description,
.tribe-events .tribe-events-calendar-list__event-description p,
.tribe-events .tribe-events-calendar-list__event-venue{
  font-size:13.5px !important; color:#4E656E !important;
  margin:2px 0 0 !important;
}
.tribe-events .tribe-events-calendar-list__event-venue-title{
  font-weight:600; color:#132931;
}


/* ---------- 13. Dawn band and footer ---------- */

.smsc-dawn{ margin:0 !important; background:#0A2A36; }
.smsc-dawn img{
  display:block; width:100%; height:auto;
  aspect-ratio: 2000 / 300;
  object-fit: cover;
  object-position: center 62%;
}
.smsc-dawn figcaption{
  margin:0 !important;
  padding:10px max(20px, calc((100% - 1200px) / 2));
  background:#0A2A36; color:#9FBCC4;
  font-size:12.5px; letter-spacing:.02em; text-align:left;
  display:flex; justify-content:space-between; gap:4px 24px; flex-wrap:wrap;
}
.smsc-dawn figcaption::after{
  content:"Photograph: Chris Dukes"; color:#6F929C;
}

/* footer widget content */
.smsc-fbrand{ display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.smsc-fbrand img{ display:block; height:34px; width:auto; }
.smsc-fbrand .nm{
  font-family:"Newsreader",Georgia,serif;
  font-size:19px; font-weight:600; color:#FFFFFF;
}
.smsc-faddr{ font-size:13.5px; line-height:1.7; color:#B9D0D7; margin:0; }

.smsc-flabel{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase;
  color:#7FA9B4; font-weight:700; margin:0 0 12px !important;
}
.smsc-flinks{ list-style:none !important; margin:0 !important; padding:0 !important; }
.smsc-flinks li{ margin:0 0 7px; }
.smsc-flinks a{ color:#DCE9EC; text-decoration:none; font-size:13.5px; }
.smsc-flinks a:hover{ color:#FFFFFF; text-decoration:underline; }

/* Blocksy footer plumbing */
.ct-footer [data-row="top"] .ct-container-fluid,
.ct-footer [data-row="top"] [data-column="widget-area-1"],
.ct-footer [data-row="top"] .ct-widget{
  padding:0 !important; margin:0 !important; max-width:none !important;
}
.ct-footer .smsc-dawn{
  width:100% !important; max-width:none !important; margin:0 !important;
}
.ct-footer .smsc-dawn img{
  width:100% !important; max-width:none !important;
}

/* label and list are separate widgets — close the gap between them */
.ct-footer [data-column^="widget-area"] .ct-widget{ margin-block:0 !important; }

.ct-footer [data-row="bottom"] .ct-footer-copyright,
.ct-footer [data-row="bottom"] .ct-footer-copyright p{
  color:#7FA9B4 !important; font-size:12px; margin:0;
}
.ct-footer [data-row="bottom"] a{ color:#DCE9EC; }


/* ---------- 9b. Venue and map ---------- */
.smsc-venue p{ font-size:14.5px; color:#4E656E; margin:0 0 10px; }
.smsc-venue p:first-child{
  font-size:18px; font-weight:600; color:#132931; margin-bottom:4px;
}
.smsc-venue p:nth-child(2){ font-size:15px; color:#132931; }

.smsc-map{
  aspect-ratio:16/11;
  border:1px solid #D6E0E2; border-radius:3px; overflow:hidden;
}
.smsc-map iframe{ display:block; width:100%; height:100%; border:0; }
.smsc-evintro{
  display:grid; grid-template-columns:1.35fr .65fr; gap:40px;
  align-items:start; margin-bottom:10px;
}
.smsc-aside{ padding:22px 24px !important; }
.smsc-aside a{ color:#12657C; text-decoration:none; font-weight:600; }
.smsc-aside a:hover{ text-decoration:underline; }
@media (max-width:860px){
  .smsc-evintro{ grid-template-columns:1fr; gap:22px; }
}
#offcanvas .current-menu-item > a,
#offcanvas .current_page_item > a,
#offcanvas .current-menu-ancestor > a,
#offcanvas .current-menu-parent > a,
#offcanvas .current_page_parent > a,
#offcanvas .current_page_ancestor > a,
.ct-panel .current-menu-item > a,
.ct-panel .current_page_item > a,
.ct-panel .current-menu-ancestor > a,
.ct-panel .current-menu-parent > a,
.ct-panel .current_page_parent > a,
.ct-panel .current_page_ancestor > a{
  color:#C8762B !important;
}
.ct-header .current-menu-ancestor > a,
.ct-header .current-menu-parent > a,
.ct-header .current_page_parent > a,
.ct-header .current_page_ancestor > a{
  color:#C8762B !important;
}
/* 12b. Archive banner */
.hero-section{ position:relative; }
.hero-section[data-type="type-2"]::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(90deg,
    rgba(6,24,32,.78) 0%, rgba(6,24,32,.50) 42%,
    rgba(6,24,32,.08) 76%, rgba(6,24,32,0) 100%);
}
.hero-section[data-type="type-2"] .ct-container,
.hero-section[data-type="type-2"] .ct-container-narrow{
  position:relative; z-index:2;
  max-width:none !important; width:100% !important;
  padding-inline: max(20px, calc((100% - 1200px) / 2)) !important;
}
.hero-section[data-type="type-2"] .page-title,
.hero-section[data-type="type-2"] .entry-title{
  color:#FFFFFF !important;
  font-size:clamp(28px, 4vw, 38px) !important;
  margin:0 !important;
}
/* ---------- 15. About page ---------- */

.smsc-story .wp-block-column > p{ max-width:62ch; }
.smsc-story .wp-block-column:first-child > p:first-child{
  font-size:16px; line-height:1.6;
}
.smsc-quote{
  border-left:3px solid #C8762B !important;
  padding:4px 0 4px 20px !important;
  margin:0 !important;
}
.smsc-quote p{
  font-family:"Newsreader",Georgia,serif;
  font-size:19px; line-height:1.45; font-style:italic;
  color:#132931; margin:0 0 12px;
	font-weight:400 !important;
}
.smsc-quote cite{
  font-style:normal; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:#12657C; font-weight:700;
}
.smsc-quote::before,
.smsc-quote::after{ content:none !important; }
/* who's in it */
.smsc-who{ align-items:center !important; }
.smsc-who figure{ margin:0 !important; }
.smsc-who img{ border-radius:3px; display:block; width:100%; height:auto; }
.smsc-who figcaption{
  font-size:11.5px !important; color:#4E656E !important;
  margin-top:8px !important; text-align:left !important;
}
.smsc-who p{ max-width:58ch; }
.smsc-who p a{ color:#12657C; }
/* committee */
.smsc-cttee h2{
  color:#FFFFFF !important; font-size:27px; font-weight:500; margin:0 0 8px !important;
}
.smsc-cttee .smsc-lede{
  color:#CBDDE2; font-size:14px; margin:0 0 26px !important; max-width:56ch;
}
.smsc-roles{ gap:0 !important; margin-block:0 !important; }
.smsc-roles .wp-block-column{
  padding:16px 18px;
  border-right:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.smsc-roles .wp-block-column:first-child{ padding-left:0; }
.smsc-roles .wp-block-column:last-child{ border-right:none; padding-right:0; }
.smsc-roles p:first-child{
  font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:#8FB3BE; font-weight:700; margin:0;
}
.smsc-roles p:last-child{
  font-size:15px; font-weight:600; color:#FFFFFF; margin:5px 0 0;
}
.smsc-roles .smsc-todo p:last-child{
  color:#6E94A0; font-weight:400; font-style:italic;
}
.smsc-roles-end .wp-block-column{ border-bottom:none; }
/* committee → link out */
.smsc-cttee .smsc-more{ margin:22px 0 0 !important; }
.smsc-cttee .smsc-more,
.smsc-cttee .smsc-more a{
  font-size:13.5px; font-weight:600; letter-spacing:.02em;
  color:#EBC08A; text-decoration:none;
}
.smsc-cttee .smsc-more a:hover{ text-decoration:underline; }
.smsc-cttee .smsc-more::after{ content:" →"; }
/* where next */
.smsc-next .wp-block-column{ display:flex; }
.smsc-card{
  border:1px solid #D6E0E2; border-radius:3px; padding:18px 20px;
  display:flex; flex-direction:column; gap:5px; width:100%;
}
.smsc-card h3{
  font-size:17px !important; font-weight:600; margin:0 !important; color:#12657C;
}
.smsc-card h3 a{ color:#12657C; text-decoration:none; }
.smsc-card p{ font-size:13px; color:#4E656E; margin:0; }
.smsc-card .smsc-more{ margin-top:auto !important; padding-top:9px; }
.smsc-card .smsc-more,
.smsc-card .smsc-more a{
  font-size:13px; font-weight:600; color:#C8762B; text-decoration:none;
}
.smsc-card .smsc-more::after{ content:" →"; }
/* ---------- 16. Committee page ---------- */

/* NOTE: .smsc-cintro is defined again later in the file, with padding-block
   and a smaller paragraph. The later one wins, so this pair is dead weight.
   Two pages are sharing one class with different intentions — worth settling. */
.smsc-cintro{ border-bottom:1px solid #D6E0E2; }
.smsc-cintro p{ max-width:64ch; margin:0; font-size:15.5px; }
.smsc-cintro p + p{ margin-top:10px; font-size:14px; color:#4E656E; }

.smsc-person{
  margin-block:0 !important;
  padding-block:30px;
  border-bottom:1px solid #D6E0E2;
  align-items:flex-start !important;
}
.smsc-person .wp-block-image{ margin:0 !important; }
.smsc-person .wp-block-image img{
  display:block; width:100%;
  aspect-ratio:4/5; object-fit:cover;
  border-radius:3px; background:#EDF2F2;
}
.smsc-person h3{
  font-size:23px !important; font-weight:600;
  margin:0 0 3px !important; letter-spacing:-.01em;
}
.smsc-person .smsc-role{
  font-size:11px; letter-spacing:.13em; text-transform:uppercase;
  color:#12657C; font-weight:700; margin:0;
}
.smsc-person .smsc-does{
  font-size:13px; color:#4E656E; margin:5px 0 0; max-width:52ch;
}
.smsc-person .smsc-mail{ margin:12px 0 0; }
.smsc-person .smsc-mail a{
  display:inline-block; margin:0 6px 6px 0;
  font-size:12.5px; font-weight:600; color:#12657C; text-decoration:none;
  border:1px solid #D6E0E2; border-radius:2px; padding:4px 10px; background:#FBFDFD;
}
.smsc-person .smsc-mail a:hover{ border-color:#12657C; }
.smsc-person p:last-child{ margin:14px 0 0; max-width:66ch; }

/* pale band of links at the foot */
.smsc-backlinks p{ margin:0; }
.smsc-backlinks a{
  font-size:13px; font-weight:600; color:#12657C;
  text-decoration:none; margin-right:28px;
}
.smsc-backlinks a::after{ content:" →"; }
.smsc-cintro{ border-bottom:1px solid #D6E0E2; padding-block:26px; }
.smsc-cintro p{ max-width:64ch; margin:0; font-size:14px; color:#4E656E; }
/* ---------- 17. New to boating ---------- */

.smsc-reader{
  border-top:1px solid #D6E0E2;
  padding-block:40px;
  scroll-margin-top:90px;        /* clears the sticky header on a jump */
}
.smsc-reader:first-of-type{ border-top:none; }
.smsc-reader .smsc-who{
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C; font-weight:700; margin:0 0 6px !important;
}
.smsc-reader h2{
  font-size:25px !important; font-weight:600; line-height:1.15;
  letter-spacing:-.01em; margin:0 0 18px !important;
  max-width:26ch; text-wrap:balance;
}
.smsc-readerbody p{ max-width:54ch; }
.smsc-readerbody figure{ margin:0 !important; }
.smsc-readerbody img{ display:block; width:100%; height:auto; border-radius:3px; }
.smsc-readerbody figcaption{
  font-size:11.5px !important; color:#4E656E !important;
  margin-top:8px !important; text-align:left !important;
}
.smsc-pull{
  border-left:3px solid #C8762B; padding:2px 0 2px 18px;
  margin:0 0 16px !important;
  font-family:"Newsreader",Georgia,serif; font-size:18px; line-height:1.45;
  font-style:italic; color:#132931;
}

/* doorway links jump down the page rather than off it */
.smsc-routes .smsc-more.smsc-jump::after{ content:" ↓"; }/* six words — term over definition, two columns */
.smsc-gloss .wp-block-column > p{ margin:0; }
.smsc-gloss .wp-block-column > p:nth-child(odd){
  font-family:"Newsreader",Georgia,serif;
  font-size:17px; font-weight:600; color:#12657C;
  margin-top:15px;
}
.smsc-gloss .wp-block-column > p:nth-child(even){
  font-size:13.5px; color:#4E656E;
  padding-bottom:14px; border-bottom:1px solid #DCE6E7;
}
.smsc-gloss .wp-block-column > p:last-child{ border-bottom:none; }/* where next */
.smsc-onward .wp-block-column{ display:flex; }.smsc-start h2{
  color:#FFFFFF !important; font-size:26px; font-weight:500;
  margin:0 0 10px !important;
}
.smsc-start p{ color:#CBDDE2; font-size:14px; margin:0; max-width:52ch; }
.smsc-start .wp-block-button__link{
  background:#C8762B !important; border:1px solid #C8762B !important;
  color:#FFFFFF !important; border-radius:3px;
  font-size:13.5px; font-weight:600; padding:9px 17px;
}
.smsc-gloss,
.smsc-start{ margin-block:0 !important; }

/* Blocksy footer plumbing — the dawn band must escape every
   container the widget area wraps it in */
.ct-footer [data-row="top"],
.ct-footer [data-row="top"] > div,
.ct-footer [data-row="top"] .ct-container,
.ct-footer [data-row="top"] .ct-container-fluid,
.ct-footer [data-row="top"] [data-column="widget-area-1"],
.ct-footer [data-row="top"] .ct-widget{
  padding-inline:0 !important;
  margin-inline:0 !important;
  max-width:none !important;
  width:100% !important;
}
.ct-footer .smsc-dawn,
.ct-footer .smsc-dawn img{
  width:100% !important; max-width:none !important; margin:0 !important;
}
/* =========================================================================
   Sutton Mariners — Rallies page
   Two new sections for smsc.css. Paste them in ABOVE section 14 (Narrow
   screens), so 14 stays last in the file and keeps winning.

   18  Next on the water   — the live strip under the hero
   19  Where we go         — the destination chips
   ========================================================================= */


/* ---------- 18. Next on the water ----------
   Markup comes from the [smsc_next_rallies] shortcode. Every class is
   smsc-up- prefixed on purpose: .list, .dt and .tx would collide with
   half the plugins on the site.                                        */

.smsc-upnext{
  display:flex; align-items:stretch; gap:0;
}

/* the label column */
.smsc-up-lbl{
  flex:none; width:172px;
  display:flex; flex-direction:column; justify-content:center;
  padding:22px 22px 22px 0;
  border-right:1px solid #D6E0E2;
}
.smsc-up-lbl b{
  display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:#12657C; font-weight:700;
}
.smsc-up-lbl span{ font-size:12.5px; color:#4E656E; }

/* the events. Flex rather than a 3-column grid, so two events fill the
   row properly instead of leaving a hole where the third should be.   */
.smsc-up-list{ flex:1; display:flex; }

/* max-width matters: with only one rally left in the season a stretched
   item looks like a mistake. Capped, it just sits at the left.        */
.smsc-up-item{
  flex:1 1 0; min-width:0; max-width:360px;
  display:flex; gap:13px; align-items:flex-start;
  padding:22px; border-right:1px solid #D6E0E2;
  text-decoration:none; color:#132931;
}
.smsc-up-item:last-child{ border-right:none; padding-right:0; }
.smsc-up-item:hover .smsc-up-tx strong{ color:#12657C; }

/* date chip */
.smsc-up-dt{
  flex:none; text-align:center; min-width:46px;
  border:1px solid #D6E0E2; background:#FFFFFF; border-radius:3px;
  padding:5px 8px 6px;
}
.smsc-up-dt i{
  display:block; font-style:normal; font-size:9.5px; letter-spacing:.1em;
  text-transform:uppercase; color:#C8762B; font-weight:700;
}
.smsc-up-dt b{
  display:block; font-family:"Newsreader",Georgia,serif;
  font-size:19px; line-height:1.1; font-weight:600;
}

/* title and sub-line */
.smsc-up-tx{ min-width:0; }
.smsc-up-tx strong{
  display:block; font-size:13.5px; font-weight:600; line-height:1.3;
  margin-bottom:2px;
}
.smsc-up-tx span{ display:block; font-size:12.5px; color:#4E656E; }

/* topped up with a non-rally event when fallback="1" — teal, not amber,
   so the rallies still read as the point of the band                  */
.smsc-up-other .smsc-up-dt i{ color:#12657C; }

/* November to March, when fallback is off */
.smsc-up-none{
  flex:1; display:flex; align-items:center;
  margin:0 !important; padding:22px;
  font-size:13.5px; color:#4E656E; font-style:italic;
}


/* ---------- 19. Where we go ----------
   A List block with the class smsc-chips. Two lists, not one: the second
   carries smsc-chips-far as well, for the places beyond a weekend.     */

.smsc-chips{
  list-style:none !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  display:flex; flex-wrap:wrap; gap:7px;
}
.smsc-chips li{
  margin:0 !important;
  font-size:12.5px; line-height:1.5;
  border:1px solid #D6E0E2; border-radius:100px;
  padding:4px 13px;
  color:#4E656E; background:#FFFFFF;
}
.smsc-chips.smsc-chips-far{ margin-top:7px !important; }
.smsc-chips.smsc-chips-far li{
  border-color:rgba(200,118,43,.5);
  color:#C8762B;
}


/* ---------- narrow screens ----------
   These two blocks belong INSIDE the existing max-width:860px and
   max-width:600px rules in section 14, not here.                      */

@media (max-width:860px){
  .smsc-upnext{ flex-direction:column; }
  .smsc-up-lbl{
    width:auto; border-right:none; border-bottom:1px solid #D6E0E2;
    padding:18px 0 14px;
  }
  .smsc-up-list{ flex-direction:column; }
  .smsc-up-item{
    border-right:none; border-bottom:1px solid #D6E0E2; padding:16px 0;
  }
  .smsc-up-item:last-child{ border-bottom:none; }
  .smsc-up-none{ padding:16px 0; }
}
.smsc-upnext-band{
  background:#EDF2F2;
  border-bottom:1px solid #D6E0E2;
}
/* ---------- 20. The shape of a season ----------
   Seven columns, April to October. Each column holds three plain
   paragraphs — month, title, description — styled by position, so
   there are no classes to add per cell. Only the July column carries
   a class: smsc-season-big.                                          */

.smsc-seasonrow{
  gap:0 !important;
  border-top:2px solid #12657C;
  margin-top:6px !important;
}
.smsc-seasonrow .wp-block-column{
  padding:16px 14px 8px 0;
  border-right:1px solid #D6E0E2;
}
.smsc-seasonrow .wp-block-column:last-child{
  border-right:none; padding-right:0;
}

.smsc-seasonrow .wp-block-column > p{ margin:0; }

/* 1 — the month */
.smsc-seasonrow .wp-block-column > p:nth-child(1){
  font-size:10.5px; letter-spacing:.13em; text-transform:uppercase;
  font-weight:700; color:#12657C; margin-bottom:5px;
}
/* 2 — what it is */
.smsc-seasonrow .wp-block-column > p:nth-child(2){
  font-family:"Newsreader",Georgia,serif;
  font-size:15.5px; font-weight:600; line-height:1.25;
  color:#132931; margin-bottom:4px;
}
/* 3 — the line about it */
.smsc-seasonrow .wp-block-column > p:nth-child(3){
  font-size:12.5px; line-height:1.45; color:#4E656E;
}

/* the summer cruise — the one that isn't a weekend */
.smsc-seasonrow .wp-block-column.smsc-season-big{
  background:rgba(200,118,43,.07);
  border-top:2px solid #C8762B;
  margin-top:-2px;
  padding-left:14px;
}
.smsc-seasonrow .wp-block-column.smsc-season-big > p:nth-child(1){
  color:#C8762B;
}

/* ---------- narrow screens ----------
   781px, not 860px: that is where Gutenberg itself stacks a Columns
   block, so the rules change at the same moment the layout does.     */

@media (max-width:781px){
  .smsc-seasonrow{ border-top:none; margin-top:0 !important; }
  .smsc-seasonrow .wp-block-column{
    border-right:none; border-bottom:1px solid #D6E0E2;
    padding:14px 0 12px;
  }
  .smsc-seasonrow .wp-block-column:last-child{ border-bottom:none; }
  .smsc-seasonrow .wp-block-column.smsc-season-big{
    margin-top:0; padding-left:14px; padding-right:14px;
  }
}
/* ---------- 21. What actually happens ----------
   Four numbered steps. Renamed from .smsc-steps on 1 October:
   that class already belonged to the numbered list on the Join page,
   which is a flex column — which is why this row would not lay out.
   Four numbered steps. Three paragraphs per column, styled by
   position: number, when, what happens. No classes per cell.
   The row lays itself out rather than relying on the block's
   own flex rules, which weren't reaching it.                  */

.smsc-weekend{
  border-top:1px solid #D6E0E2;
  padding-block:44px !important;
}

.smsc-weekend .smsc-weekrow.wp-block-columns{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:26px !important;
  margin-top:4px !important;
}
.smsc-weekend .smsc-weekrow.wp-block-columns > .wp-block-column{
  flex-basis:auto !important;
  width:auto !important;
  min-width:0;
  border-top:1px solid #D6E0E2;
  padding-top:14px;
}

@media (max-width:781px){
  .smsc-weekend .smsc-weekrow.wp-block-columns{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}

.smsc-weekrow .wp-block-column > p{ margin:0; }

/* 1 — the number */
.smsc-weekrow .wp-block-column > p:nth-child(1){
  font-family:"Newsreader",Georgia,serif;
  font-size:22px; line-height:1; color:#C8762B;
  margin-bottom:7px;
}
/* 2 — when */
.smsc-weekrow .wp-block-column > p:nth-child(2){
  font-size:14px; font-weight:600; color:#132931;
  margin-bottom:5px;
}
/* 3 — what happens */
.smsc-weekrow .wp-block-column > p:nth-child(3){
  font-size:13px; line-height:1.5; color:#4E656E;
}


@media (max-width:781px){
  .smsc-weekend{ padding-block:30px !important; }
  .smsc-weekrow{
    flex-direction:column !important;
    flex-wrap:wrap !important;
    gap:18px !important;
  }
}

/* ---------- 22. The trophies ----------
   Two columns on the dark band. Left: heading and two paragraphs.
   Right: four pairs of paragraphs — name, then what it is — styled
   odd/even, like the glossary on New to boating.
   Grid rather than flex, and the child selector is deep enough to
   clear core's .wp-block-columns:not(...)>.wp-block-column rule.    */

.smsc-troph{
  color:#FFFFFF;
  padding-block:38px !important;
}
.smsc-troph h2{
  color:#FFFFFF !important;
  font-size:25px; font-weight:500;
  margin:0 0 10px !important;
}
.smsc-troph > .wp-block-columns > .wp-block-column:first-child p{
  color:#CBDDE2; font-size:14px; margin:0 0 11px; max-width:52ch;
}
.smsc-troph > .wp-block-columns > .wp-block-column:first-child p:last-child{
  margin-bottom:0;
}

.smsc-troph .smsc-trophrow.wp-block-columns{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:36px !important;
  align-items:center;
}
.smsc-troph .smsc-trophrow.wp-block-columns > .wp-block-column{
  flex-basis:auto !important; width:auto !important; min-width:0;
}

/* the four trophies */
.smsc-troph .smsc-trophrow > .wp-block-column:last-child > p{
  margin:0; border-left:2px solid #EBC08A; padding-left:14px;
}
.smsc-troph .smsc-trophrow > .wp-block-column:last-child > p:nth-child(odd){
  font-family:"Newsreader",Georgia,serif;
  font-size:16px; font-weight:600; color:#FFFFFF;
  padding-top:11px;
}
.smsc-troph .smsc-trophrow > .wp-block-column:last-child > p:nth-child(even){
  font-size:12.5px; color:#A8C6CE;
  padding-bottom:2px;
}
.smsc-troph .smsc-trophrow > .wp-block-column:last-child > p:first-child{
  padding-top:0;
}


/* ---------- 23. Getting a place ----------
   Three cards on the pale band. First paragraph in each column is
   the card heading; the rest is body.                              */

.smsc-place{
  background:#EDF2F2;
  padding-block:42px !important;
}

.smsc-place .smsc-placerow.wp-block-columns{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:28px !important;
  margin-top:4px !important;
}
.smsc-place .smsc-placerow.wp-block-columns > .wp-block-column{
  flex-basis:auto !important; width:auto !important; min-width:0;
  background:#FFFFFF;
  border:1px solid #D6E0E2; border-radius:3px;
  padding:20px 22px;
}

.smsc-place .smsc-placerow > .wp-block-column > p{
  margin:0 0 9px; font-size:13.5px; color:#4E656E;
}
.smsc-place .smsc-placerow > .wp-block-column > p:last-child{ margin:0; }
.smsc-place .smsc-placerow > .wp-block-column > p:first-child{
  font-family:"Newsreader",Georgia,serif;
  font-size:17px; font-weight:600; color:#12657C;
  margin-bottom:7px;
}


/* ---------- narrow screens ---------- */

@media (max-width:781px){
  .smsc-troph{ padding-block:28px !important; }
  .smsc-troph .smsc-trophrow.wp-block-columns{
    grid-template-columns:1fr !important; gap:22px !important;
  }
  .smsc-place{ padding-block:30px !important; }
  .smsc-place .smsc-placerow.wp-block-columns{
    grid-template-columns:1fr !important; gap:18px !important;
  }
}
.smsc-upnext-band,
.smsc-season,
.smsc-troph,
.smsc-place{
  margin-block:0 !important;
}

/* ---------- 24. Members area — the AGM band ----------
   A Group with smsc-magm. Inside it a Group with smsc-mhead holding two
   Groups: smsc-mwhen (the date) and smsc-mtitle (heading + line).
   Then a Group with smsc-mdocs holding one Group per document.

   Deliberately NOT a Columns block. Core's three-class flex-basis rule
   makes Columns fight any layout you give it, and a plain Group with
   display:grid reflows for any number of cards without that argument. */

.smsc-magm{
  margin-block:0 !important;
  padding-block:48px 42px !important;
}
.smsc-mhead{
  display:flex; gap:22px; align-items:flex-start; flex-wrap:wrap;
  margin-bottom:22px;
}

/* the date block — three paragraphs, styled by position */
.smsc-mwhen{
  flex:none; text-align:center;
  border:1px solid #C8762B; border-radius:4px;
  padding:10px 15px 12px; background:rgba(200,118,43,.06);
}
.smsc-mwhen p{ margin:0 !important; }
.smsc-mwhen p:nth-child(1){
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:#C8762B; font-weight:700;
}
.smsc-mwhen p:nth-child(2){
  font-family:"Newsreader",Georgia,serif; font-size:27px; line-height:1.1;
  font-weight:600; color:#132931;
}
.smsc-mwhen p:nth-child(3){ font-size:11px; color:#4E656E; margin-top:2px !important; }

.smsc-mtitle{ flex:1; min-width:260px; }
.smsc-mtitle h2{ margin:0 0 7px !important; }
.smsc-mtitle p{ margin:0 !important; color:#4E656E; max-width:56ch; }

/* ---------- the document cards ----------
   One Group with smsc-mdocs, holding one Group with smsc-mcard each.
   auto-fill means three across on a desktop, two on a tablet, one on a
   phone, with no media query and no count to keep in step.          */

.smsc-mdocs{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:14px;
  margin-block:0 !important;
}

.smsc-mcard{
  position:relative;
  border:1px solid #D6E0E2; border-radius:4px;
  padding:15px 16px 16px; background:#FFFFFF;
  display:flex; flex-direction:column; gap:5px;
  margin-block:0 !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.smsc-mcard p{ margin:0 !important; font-size:12.5px; color:#4E656E; line-height:1.5; }
.smsc-mcard h3{
  font-family:"Public Sans",sans-serif !important;
  font-size:14.5px !important; font-weight:600 !important;
  line-height:1.3 !important; color:#132931;
  margin:0 !important; letter-spacing:0 !important;
}

.smsc-mcard h3 a{
  color:#12657C;
  text-decoration:none;
}
 
/* the stretched hit area */
.smsc-mcard h3 a::after{
  content:""; position:absolute; inset:0; z-index:1;
}
 
/* hover: the card answers, not just the three words */
.smsc-mcard:not(.smsc-mwait):hover{
  border-color:#12657C;
  box-shadow:0 8px 20px -14px rgba(10,42,54,.5);
}
.smsc-mcard:not(.smsc-mwait):hover h3 a{
  text-decoration:underline;
  text-underline-offset:2px;
}
 
/* the amber card keeps its own colour on hover */
.smsc-mkey h3 a{ color:#B4641E; }
.smsc-mcard.smsc-mkey:not(.smsc-mwait):hover{ border-color:#C8762B; }
 
/* keyboard users get the same box, visibly */
.smsc-mcard h3 a:focus-visible{
  outline:2px solid #12657C; outline-offset:3px;
}
 
/* the file-type tag earns its keep as a second signal */
.smsc-mcard:not(.smsc-mwait):hover .smsc-mtag{ color:#0F5468; }
 
.smsc-mtag{
  font-size:9.5px !important; letter-spacing:.12em; text-transform:uppercase;
  font-weight:700; color:#12657C !important;
}
.smsc-mdate{
  margin-top:auto !important; padding-top:7px;
  font-size:11.5px !important; color:#4E656E !important;
}

/* a paper that has not been published yet */
.smsc-mwait{ background:#EDF2F2; border-style:dashed; }
.smsc-mwait .smsc-mtag{ color:#4E656E !important; }

/* the one card that matters most this month */
.smsc-mkey{ border-color:#C8762B; background:rgba(200,118,43,.05); }
.smsc-mkey .smsc-mtag{ color:#C8762B !important; }


/* ---------- 25. Members area — applications under Rule 16 ----------
   A Group with smsc-mapps. Inside: a paragraph with smsc-mappbar, then
   EITHER a List block with smsc-mapplist (one applicant per item)
   OR a paragraph with smsc-mappnone when there are none.

   A List rather than a table on purpose: this is the one panel that
   changes during the year, and adding a line to a list is a job anyone
   on the committee can do without breaking the layout.               */

.smsc-mapps{
  background:#FFFFFF; border:1px solid #D6E0E2; border-radius:4px;
  padding:0 !important; margin-block:0 !important; overflow:hidden;
}
.smsc-mappbar{
  margin:0 !important; padding:14px 20px;
  background:#F7FAFA; border-bottom:1px solid #D6E0E2;
  font-size:12px; letter-spacing:.11em; text-transform:uppercase;
  color:#12657C; font-weight:700;
}
.smsc-mappbar em{
  font-style:normal; letter-spacing:normal; text-transform:none;
  color:#4E656E; font-weight:400; margin-left:10px;
}

.smsc-mapplist{
  list-style:none !important; margin:0 !important; padding:0 !important;
}
.smsc-mapplist li{
  margin:0 !important; padding:14px 20px;
  border-bottom:1px solid #D6E0E2;
  font-size:13px; color:#4E656E; line-height:1.55;
}
.smsc-mapplist li:last-child{ border-bottom:none; }
.smsc-mapplist li strong{
  font-size:14px; font-weight:600; color:#132931;
}

.smsc-mappnone{
  margin:0 !important; padding:26px 20px; text-align:center;
  font-size:13.5px; color:#4E656E; font-style:italic;
}

.smsc-mrule{
  margin:14px 0 0 !important; font-size:12.5px; color:#4E656E; max-width:72ch;
}


/* ---------- 26. Members area — the archive ----------
   One Group with smsc-myr per year. Inside: a heading (h3) with the
   year, and a List block with smsc-mylist.                           */

.smsc-myr{
  display:grid; grid-template-columns:132px 1fr; gap:22px;
  padding-block:18px; border-top:1px solid #D6E0E2;
  margin-block:0 !important;
}
.smsc-myr:first-of-type{ border-top:none; padding-top:0; }
.smsc-myr h3{
  font-family:"Newsreader",Georgia,serif !important;
  font-size:21px !important; font-weight:600 !important;
  margin:0 !important; color:#132931; letter-spacing:0 !important;
}
.smsc-mylist{
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:grid; gap:8px;
}
.smsc-mylist li{ margin:0 !important; font-size:13.5px; }
.smsc-mylist li a{ color:#132931; text-decoration:none; border-bottom:1px solid #D6E0E2; }
.smsc-mylist li a:hover{ border-bottom-color:#12657C; color:#12657C; }
.smsc-mylist li em{ font-style:normal; font-size:12.5px; color:#4E656E; }


/* ---------- 27. Members area — the closing note ----------
   A Group with smsc-mhelp, alignfull, background #0E3A4A.           */

.smsc-mhelp{
  margin-block:0 !important;
  display:flex; gap:28px; align-items:center; justify-content:space-between;
  flex-wrap:wrap;
}
.smsc-mhelp h2{ color:#FFFFFF !important; margin:0 0 7px !important; font-size:23px !important; }
.smsc-mhelp p{ color:#C2D9DF !important; margin:0 !important; max-width:58ch; font-size:14px; }
.smsc-mhelp .smsc-mwho{
  font-size:13px; color:#FFFFFF !important; flex:none;
}
.smsc-mhelp .smsc-mwho strong{
  display:inline; font-size:11px; letter-spacing:.13em; text-transform:uppercase;
  color:#EBC08A; font-weight:700;
}



/* ---------- narrow screens ----------
   These belong INSIDE the existing max-width:860px block in section 14. */

@media (max-width:860px){
  .smsc-myr{ grid-template-columns:1fr; gap:10px; }
  .smsc-mhelp{ flex-direction:column; align-items:flex-start; gap:16px; }
}

/* ---------- 14. Narrow screens ----------
   Last in the file so these rules win at small widths.
   Sections 18 to 23 carry their own narrow-screen blocks as well,
   at 781px, which is where Gutenberg stacks a Columns block.  */

@media (min-width:1000px){
  /* footer: first column wider, as the design has it */
  .ct-footer [data-row="middle"] > .ct-container{
    grid-template-columns:1.4fr 1fr 1fr !important;
  }
}

@media (max-width:860px){

  /* hero: darken from the top, text full width */
  .smsc-hero::after{
    background: linear-gradient(180deg,
      rgba(6,24,32,.50) 0%, rgba(6,24,32,.85) 62%);
  }
  .smsc-hero .wp-block-cover__inner-container > *{ max-width:none !important; }

  /* three-column bands stack, hairlines run horizontally */
  .smsc-routes .wp-block-column{
    border-right:none; border-bottom:1px solid #D6E0E2; padding:22px 0;
  }
  .smsc-routes .wp-block-column:not(:first-child){ padding-left:0; }
  .smsc-routes .wp-block-column:last-child{ border-bottom:none; }

  /* Thursday evening: narrower time column */
  .smsc-sched .r{ grid-template-columns:62px 1fr; gap:12px; }

  /* pills drop below the title on both event lists */
  .smsc-programme .tribe-events-widget-events-list__event-wrapper,
  .tribe-events-calendar-list__event-wrapper{ padding-right:0 !important; }

  .smsc-programme article[class*="tribe_events_cat-"]::after,
  .tribe-events-calendar-list__event-row article[class*="tribe_events_cat-"]::after{
    position:static; transform:none;
    display:inline-block; margin-top:6px;
  }

  /* news: one column */
  .smsc-news .wp-block-group-is-layout-grid,
  .smsc-news .wp-block-post-template{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:600px){
  .smsc-dawn figcaption{
    justify-content:center; text-align:center; gap:2px 14px;
  }
  /* the dawn strip is too tall a crop on a narrow screen */
  .smsc-dawn img{ aspect-ratio:2/1; }
  /* heading and note stop sitting side by side and crushing each other */
  .smsc-sechead{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px;
  }
}