/* ==========================================================================
   Mountain Foothills Rotary - "full-page" homepage stylesheet v1.2 (ClubRunner build)
   Full-viewport sections, edge-to-edge photos, parallax (desktop),
   scroll-snap and scroll-driven reveals. CSS ONLY - no scripts - so it can
   be uploaded to ClubRunner (Website Settings > Upload CSS) as-is and the
   section markup pasted into a Custom Widget in a single-column band.
   Background images are referenced here (not inline) because the dark theme
   neutralises inline backgrounds inside CKEditor content.
   ========================================================================== */

:root{ --mfr-pg-nav:96px; }

html{ scroll-snap-type:y proximity; }
html, body#bodyContent{ overflow-x:hidden; }

/* each section breaks out of ClubRunner's boxed container to the full window */
.mfr-page{
  position:relative; box-sizing:border-box;
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  min-height:100vh; display:flex; align-items:center;
  padding:calc(var(--mfr-pg-nav) + 24px) 0 48px;
  color:#fff; background:#0E1A2C center center / cover no-repeat;
  background-attachment:fixed;            /* the parallax */
  scroll-snap-align:start; scroll-margin-top:0;
  isolation:isolate;
}
.mfr-page::before{ /* legibility scrim */
  content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg, rgba(8,16,30,.82) 0%, rgba(8,16,30,.55) 45%, rgba(8,16,30,.18) 100%),
             linear-gradient(180deg, rgba(8,16,30,.35) 0%, rgba(8,16,30,0) 35%, rgba(8,16,30,.55) 100%);
}
.mfr-page--right::before{
  background:linear-gradient(270deg, rgba(8,16,30,.82) 0%, rgba(8,16,30,.55) 45%, rgba(8,16,30,.18) 100%),
             linear-gradient(180deg, rgba(8,16,30,.35) 0%, rgba(8,16,30,0) 35%, rgba(8,16,30,.55) 100%);
}
.mfr-page-in{ position:relative; z-index:1; width:100%; max-width:1180px; margin:0 auto; padding:0 40px; }
.mfr-page--right .mfr-page-in{ display:flex; justify-content:flex-end; text-align:right; }
.mfr-page--right .mfr-copy{ align-items:flex-end; }
.mfr-copy{ max-width:34rem; display:flex; flex-direction:column; align-items:flex-start; }

.mfr-page .mfr-eyebrow{ display:block; font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#F7C46A; margin-bottom:14px; }
.mfr-page h1, .mfr-page h2{ color:#fff !important; font-family:"Bitter", Georgia, serif; font-weight:700; line-height:1.08; letter-spacing:-.015em; margin:0 0 .35em; text-wrap:balance; }
.mfr-page h1{ font-size:clamp(2.4rem, 6vw, 4.6rem); }
.mfr-page h2{ font-size:clamp(2rem, 5vw, 3.8rem); }
.mfr-page p{ color:#E3EBF5; font-size:clamp(1.05rem, 1.5vw, 1.3rem); line-height:1.55; max-width:32rem; margin:0 0 26px; }
.mfr-page .mfr-btn{ margin:0 12px 12px 0; font-size:1.02rem; padding:14px 28px; }
.mfr-page--right .mfr-btn{ margin:0 0 12px 12px; }
.mfr-page .mfr-chip{ margin-top:6px; }

/* backgrounds (CDN or hosted copies) */
.mfr-page--hero{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/fp-hero.jpg"); background-position:center 40%; }
.mfr-page--icemelt{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/fp-icemelt.jpg"); }
.mfr-page--golf{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/fp-golf.jpg"); }
.mfr-page--c4a{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/fp-c4a.jpg"); background-position:center 30%; }
.mfr-page--join{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/fp-join.jpg"); }

/* scrapbook: the crossfade slider as a full-screen background */
.mfr-page--scrapbook{ background:#0A1424; overflow:hidden; }
.mfr-page--scrapbook .mfr-slider{ position:absolute; inset:0; margin:0 !important; max-width:none !important; width:100%; height:100%; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; z-index:-1; }
.mfr-page--scrapbook .mfr-slider img{ border-radius:0; }

/* meeting details inside the join section */
.mfr-page .mfr-strip{ margin:22px 0 0; max-width:900px; }
.mfr-page .mfr-strip > div{ background:rgba(14,26,44,.72); border-color:rgba(255,255,255,.14); backdrop-filter:blur(6px); }

/* scroll-driven reveal - browsers without it simply show the content */
@supports (animation-timeline: view()){
  .mfr-copy{ animation:mfrReveal linear both; animation-timeline:view(); animation-range:entry 15% entry 55%; }
  @keyframes mfrReveal{ from{ opacity:0; transform:translateY(46px); } to{ opacity:1; transform:none; } }
}

/* tidy the ClubRunner chrome around the sections */
section.band-1 section.PageWidget{ padding:0 !important; }
section.band-1 .boxContainer1NoFrameNoBorder, section.band-1 .WidgetWrapper, section.band-1 .CustomWidgetBody{ padding:0 !important; margin:0 !important; }
main.main-content-wrapper.homepage{ padding-top:0; }
section.band-3{ padding-top:56px; }
section.band-3 .area-title, .area-title{ display:none; }

/* phones and tablets: no fixed backgrounds (iOS ignores them), tighter type */
@media (max-width:1024px), (hover:none){
  .mfr-page{ background-attachment:scroll; }
}
@media (max-width:767px){
  html{ scroll-snap-type:none; }
  .mfr-page{ min-height:92vh; padding:calc(var(--mfr-pg-nav) + 8px) 0 40px; }
  .mfr-page-in{ padding:0 22px; }
  .mfr-page--right .mfr-page-in{ justify-content:flex-start; text-align:left; }
  .mfr-page--right .mfr-copy{ align-items:flex-start; }
  .mfr-page--right .mfr-btn{ margin:0 12px 12px 0; }
  .mfr-page--right::before{ background:linear-gradient(180deg, rgba(8,16,30,.7) 0%, rgba(8,16,30,.45) 50%, rgba(8,16,30,.8) 100%); }
  .mfr-page .mfr-btn{ width:100%; text-align:center; margin-right:0; }
}
@media (prefers-reduced-motion:reduce){
  html{ scroll-snap-type:none; }
  .mfr-page{ background-attachment:scroll; }
  .mfr-copy{ animation:none !important; opacity:1 !important; transform:none !important; }
}

/* ==========================================================================
   v1.1 - sticky compact nav with section jump links, and a modern grid for
   the "everything else" band. Still CSS only. Widget targeting uses the
   widgets' own stable ids/classes from the live site.
   ========================================================================== */
:root{ --mfr-nav:72px; }
html{ scroll-behavior:smooth; scroll-padding-top:var(--mfr-nav); overflow-x:clip; }
body#bodyContent{ overflow-x:clip; }

/* -- nav: hide the login strip, pin the menu bar, shrink the logo -------- */
.navbar-fixed-top .login-band{ display:none !important; }
.navbar-fixed-top{ position:fixed !important; top:0; left:0; right:0; z-index:1000; }  /* sticky can't escape its short parent, so fixed + body offset */
nav.navbar.navbar-default{ min-height:var(--mfr-nav); margin:0; }
nav.navbar.navbar-default > .container{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:var(--mfr-nav); }
.navbar-header{ float:none !important; margin:0 !important; }
.navbar-brand{ height:auto !important; padding:6px 0 !important; display:block; }
.navbar-brand img{ height:46px !important; width:auto !important; }
#navbar.navbar-collapse{ float:none !important; padding:0; }
.navbar-default .navbar-nav{ display:flex; align-items:center; gap:2px; margin:0; float:none; }
.navbar-default .navbar-nav > li{ float:none; position:relative; }
.navbar-default .navbar-nav > li > a{ padding:12px 11px !important; font-size:.93rem; font-weight:600; border-radius:6px; }
.navbar-default .navbar-nav > li > a:hover{ box-shadow:inset 0 -3px 0 var(--mfr-gold); }
.navbar-nav > li > a.mfr-nav-btn{ background:#2E63B0 !important; color:#fff !important; padding:10px 16px !important; margin-left:6px; box-shadow:none !important; }
.navbar-nav > li > a.mfr-nav-btn:hover{ background:#3B76C9 !important; }
.navbar-nav .dropdown-menu{ display:none; position:absolute; top:100%; right:0; left:auto; min-width:220px; padding:8px; background:#17273F; border:1px solid #26384F; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.45); list-style:none; }
.navbar-nav .dropdown:hover > .dropdown-menu, .navbar-nav .dropdown:focus-within > .dropdown-menu, .navbar-nav .dropdown.open > .dropdown-menu{ display:block; }
.navbar-nav .dropdown-menu > li > a{ display:block; padding:9px 12px; border-radius:6px; color:#E9EFF7; font-weight:600; font-size:.92rem; text-decoration:none; }
.navbar-nav .dropdown-menu > li > a:hover{ background:#1B2E4A; color:#F7C46A; }
.navbar-nav .dropdown-menu > li.divider{ height:1px; background:#26384F; margin:6px 4px; }
.navbar-nav .caret{ margin-left:4px; }
main.main-content-wrapper{ margin-top:0 !important; padding-top:var(--mfr-nav) !important; }

/* sections now sit under a sticky bar instead of a fixed one */
.mfr-page{ min-height:calc(100vh - var(--mfr-nav)); padding:56px 0; scroll-margin-top:var(--mfr-nav); }
@media (max-width:767px){ .mfr-page{ min-height:calc(92vh - var(--mfr-nav)); padding:40px 0; } }

/* -- "Around the club": re-flow ClubRunner's three columns into a grid ---- */
section.band-3{ padding:72px 0 24px; }
section.band-3 > .container.three-columns{ display:grid; grid-template-columns:repeat(12, 1fr); gap:24px; width:auto; max-width:1240px; margin:0 auto; padding:0 24px; }
section.band-3 > .container.three-columns::before{
  content:"Around the club"; grid-column:1 / -1; order:0;
  font-family:"Bitter", Georgia, serif; font-size:clamp(1.7rem, 3vw, 2.3rem); font-weight:700; color:#F0F5FB; letter-spacing:-.01em; padding:0 0 6px;
}
section.band-3 > .container.three-columns > div{ display:contents; }
section.band-3 section.PageWidget{ padding:0 !important; margin:0 !important; grid-column:span 4; order:9; min-width:0; }
section.band-3 section.PageWidget .boxContainer1{ height:100%; border-radius:14px; }
section.band-3 section.PageWidget:has(.mfr-news){ grid-column:span 8; order:1; }
section.band-3 section.PageWidget:has(.minicalendar){ order:2; }
section.band-3 section.PageWidget:has(.executives){ order:3; }
section.band-3 section.PageWidget:has(.allSponsors){ order:4; }
section.band-3 section.PageWidget:has([id^="bcw_0ad60490"]){ order:5; }              /* Want to Speak? */
section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]){ grid-column:span 8; order:6; } /* About Our Club */
section.band-3 section.PageWidget:has([id^="bcw_a723fa33"]){ order:7; }              /* Our Newsletter */
section.band-3 section.PageWidget:has(.dynamicnavigation){ grid-column:span 8; order:8; }   /* Club Links */
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link){ order:9; }           /* Rotary Links */
section.band-3 section.PageWidget:has([id^="bcw_9d60b81e"]),   /* Things we do (covered by the sections) */
section.band-3 section.PageWidget:has([id^="bcw_8981d74e"]),   /* Areas of Focus */
section.band-3 section.PageWidget:has([id^="bcw_fba9eaad"]),   /* About Rotary */
section.band-3 section.PageWidget:has([id^="bcw_bf8462dc"]),   /* Bulletin Sign Up (newsletter covers it) */
section.band-3 section.PageWidget:has(.FacebookLike){ display:none; }
@media (max-width:1024px){ section.band-3 section.PageWidget, section.band-3 section.PageWidget:has(.mfr-news), section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]), section.band-3 section.PageWidget:has(.dynamicnavigation){ grid-column:span 6; } }
@media (max-width:700px){ section.band-3 section.PageWidget{ grid-column:1 / -1 !important; } }

/* mini calendar */
.mini-calendar{ display:grid !important; grid-template-columns:repeat(7, 1fr); gap:5px; margin-top:10px; }
.mini-calendar__day{ aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; border:0 !important; border-radius:50%; font-size:.86rem; padding:0 !important; }
.mini-calendar__day--name{ aspect-ratio:auto; border-radius:0; font-size:.66rem; letter-spacing:.08em; }
.mini-calendar__day a{ display:flex; width:100%; height:100%; align-items:center; justify-content:center; border-radius:50%; background:rgba(247,168,27,.16); border:1px solid rgba(247,168,27,.7); color:#F7C46A !important; text-decoration:none !important; font-weight:700; }
.mini-calendar__day--today{ background:#2E63B0 !important; color:#fff !important; }
.minicalendar .WidgetWrapper h3, .minicalendar .calendar-title{ font-family:"Bitter", Georgia, serif; font-size:1.15rem; color:#F0F5FB; }

/* board */
.executives .WidgetWrapper{ display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.executivesItemContainer1{ border:0 !important; padding:6px 0 !important; }
.directorsTitle{ font-size:.7rem; }
.directorsName a{ font-family:"Bitter", Georgia, serif; font-size:1.02rem; }

/* sponsors */
.HomePageSponsors{ display:flex; flex-wrap:wrap; gap:12px; }
.sponsorWrapper{ flex:1 1 42%; background:#F4F7FB; border-radius:10px; padding:10px; display:flex; align-items:center; justify-content:center; }
.sponsorWrapper img{ max-height:96px; width:auto; }

/* link directory */
.dynamicnavigation .WidgetWrapper{ columns:3; column-gap:28px; }
.DynamicNavigationGroupName{ break-after:avoid; margin:0 0 6px !important; }
.DynamicNavigationLinks{ break-inside:avoid; margin-bottom:16px; }
.DynamicNavigationLinks a{ padding:3px 0; font-size:.93rem; }
.MainWidgetWrapper.link .WidgetWrapper a{ display:block; padding:5px 0; font-size:.93rem; }
@media (max-width:700px){ .dynamicnavigation .WidgetWrapper{ columns:2; } }

/* forms & buttons inside widgets */
.CustomWidgetBody input[type=text], .CustomWidgetBody input[type=email]{ width:100%; margin-bottom:10px; }
.CustomWidgetBody input[type=submit], .CustomWidgetBody button{ background:#F7A81B !important; color:#1B1B1B !important; border:0 !important; border-radius:8px; padding:10px 18px; font-weight:700; }

/* band-4 + footer */
section.band-4{ padding:8px 0 40px; }
section.band-4 .container{ max-width:1240px; width:auto; padding:0 24px; }
section.band-4 section.PageWidget{ padding:0 0 24px !important; }
section.band-4 section.PageWidget .boxContainer1{ border-radius:14px; }
footer.footer-band{ padding:18px 0 22px; font-size:.8rem; text-align:center; color:#8FA2BC; }
footer.footer-band a{ margin:0 6px; }
footer a[href*="Edit"]{ display:none; }
/* the theme paints each dropdown link white; keep them on the dark panel */
.navbar-default .navbar-nav .dropdown-menu > li > a{ background:transparent !important; color:#E9EFF7 !important; }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus{ background:#1B2E4A !important; color:#F7C46A !important; }

/* ==========================================================================
   v1.2 - the lower band becomes photo tiles: big pictures, text over them,
   fixed-background parallax on desktop. Still CSS only; widget targeting by
   the widgets' own ids/classes. Overrides the v1.1 grid placement.
   ========================================================================== */

/* -- placement ------------------------------------------------------------ */
section.band-3{ padding:88px 0 8px; }
section.band-3 > .container.three-columns{ gap:22px; }
section.band-3 > .container.three-columns::before{ padding:0 0 4px; }
section.band-3 section.PageWidget:has(.mfr-news){ grid-column:1 / -1; order:1; }
section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]){ grid-column:span 8; order:2; }   /* About Our Club */
section.band-3 section.PageWidget:has(.minicalendar){ grid-column:span 4; order:3; }
section.band-3 section.PageWidget:has(.executives){ grid-column:span 4; order:4; }
section.band-3 section.PageWidget:has([id^="bcw_0ad60490"]){ grid-column:span 4; order:5; }   /* Want to Speak? */
section.band-3 section.PageWidget:has([id^="bcw_a723fa33"]){ grid-column:span 4; order:6; }   /* Our Newsletter */
section.band-3 section.PageWidget:has(.allSponsors){ grid-column:1 / -1; order:7; }
section.band-3 section.PageWidget:has(.dynamicnavigation){ grid-column:span 8; order:8; }
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link){ grid-column:span 4; order:9; }

/* -- the tile ------------------------------------------------------------- */
section.band-3 section.PageWidget .boxContainer1,
section.band-4 section.PageWidget .boxContainer1{
  position:relative; overflow:hidden; isolation:isolate; height:100%;
  display:flex; flex-direction:column;
  border:0 !important; border-radius:20px;
  background:#17273F center center / cover no-repeat; background-attachment:fixed;
  box-shadow:0 20px 44px rgba(0,0,0,.35);
}
section.band-3 section.PageWidget .boxContainer1::before,
section.band-4 section.PageWidget .boxContainer1::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(8,16,30,.18) 0%, rgba(8,16,30,.5) 45%, rgba(8,16,30,.92) 100%);
}
section.band-3 section.PageWidget .boxContainer2,
section.band-4 section.PageWidget .boxContainer2{ position:relative; z-index:1; margin-top:auto; }
section.band-3 .boxHeaderContainer1, section.band-4 .boxHeaderContainer1{ background:transparent !important; border:0 !important; padding:26px 28px 0 !important; }
section.band-3 .boxHeaderContainer1 [style*="text-align"], section.band-4 .boxHeaderContainer1 [style*="text-align"]{ text-align:left !important; }
section.band-3 .h2.widget-title, section.band-4 .h2.widget-title{
  font-family:"Bitter", Georgia, serif; font-size:1.75rem; font-weight:700; letter-spacing:-.01em; line-height:1.1;
  color:#fff !important; text-align:left !important; padding:0 !important; margin:0 !important; text-shadow:0 2px 12px rgba(0,0,0,.4);
}
section.band-3 .WidgetWrapper, section.band-4 .WidgetWrapper{ padding:12px 28px 28px; color:#E9EFF7; }
section.band-3 .WidgetWrapper p, section.band-4 .WidgetWrapper p{ color:#E9EFF7; text-shadow:0 1px 8px rgba(0,0,0,.35); }
section.band-3 .WidgetWrapper a:not(.btn), section.band-4 .WidgetWrapper a:not(.btn){ color:#F7C46A; }

/* each tile's photo */
section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-about.jpg"); min-height:540px; }
section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]) .WidgetWrapper{ font-size:1.08rem; line-height:1.6; max-width:46rem; }
section.band-3 section.PageWidget:has(.minicalendar) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-calendar.jpg"); }
section.band-3 section.PageWidget:has(.minicalendar) .boxContainer1::before{ background:linear-gradient(180deg, rgba(8,16,30,.66) 0%, rgba(8,16,30,.9) 100%); }
section.band-3 section.PageWidget:has(.minicalendar) .boxContainer2{ margin:auto 0; }
section.band-3 section.PageWidget:has(.executives) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-board.jpg"); min-height:420px; }
section.band-3 section.PageWidget:has([id^="bcw_0ad60490"]) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-speak.jpg"); min-height:420px; }
section.band-3 section.PageWidget:has([id^="bcw_a723fa33"]) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-newsletter.jpg"); min-height:420px; }
section.band-3 section.PageWidget:has(.allSponsors) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-sponsors.jpg"); min-height:200px; }
section.band-3 section.PageWidget:has(.allSponsors) .boxContainer1::before{ background:linear-gradient(90deg, rgba(8,16,30,.85) 0%, rgba(8,16,30,.45) 100%); }
section.band-3 section.PageWidget:has(.allSponsors) .MainWidgetWrapper{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
section.band-3 section.PageWidget:has(.allSponsors) .boxHeaderContainer1{ padding:28px !important; }
section.band-3 section.PageWidget:has(.allSponsors) .WidgetWrapper{ padding:22px 28px; }
.HomePageSponsors{ display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; }
.sponsorWrapper{ flex:0 0 auto; width:200px; height:96px; background:#fff; border-radius:12px; padding:10px 14px; display:flex; align-items:center; justify-content:center; }
.sponsorWrapper img{ max-height:76px; max-width:100%; width:auto; }

/* board list & calendar over photos */
.executivesItemContainer1{ border:0 !important; padding:6px 0 !important; }
.directorsTitle{ color:#F7C46A !important; }
.directorsName a{ color:#fff !important; }
.mini-calendar__day{ background:rgba(255,255,255,.06); color:#E9EFF7 !important; }
.mini-calendar__day--name{ background:transparent; color:#B6C6DA !important; }

/* newsletter form over a photo */
section.band-3 .CustomWidgetBody input[type=text], section.band-3 .CustomWidgetBody input[type=email]{
  background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.28) !important; color:#fff !important; border-radius:9px; padding:10px 12px; width:100%; margin-bottom:10px;
}
section.band-3 .CustomWidgetBody input::placeholder{ color:#C7D3E2; }

/* -- news: every story is a photo tile ------------------------------------ */
section.band-3 section.PageWidget:has(.mfr-news) .boxContainer1{ background:transparent !important; box-shadow:none; border-radius:0; overflow:visible; }
section.band-3 section.PageWidget:has(.mfr-news) .boxContainer1::before{ display:none; }
section.band-3 section.PageWidget:has(.mfr-news) .WidgetWrapper{ padding:0; }
.mfr-news{ display:grid; grid-template-columns:repeat(2, 1fr); gap:22px; }
.mfr-card{
  position:relative; min-height:400px; display:flex; flex-direction:column; justify-content:flex-end;
  border:0; border-radius:20px; overflow:hidden; background:#0A1424; box-shadow:0 20px 44px rgba(0,0,0,.35); isolation:isolate;
}
.mfr-card > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform .8s ease; }
.mfr-card:hover > img{ transform:scale(1.04); }
.mfr-card::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(8,16,30,.05) 25%, rgba(8,16,30,.55) 60%, rgba(8,16,30,.94) 100%); }
.mfr-card .bd{ position:relative; z-index:2; padding:26px 28px 28px; }
.mfr-card time{ color:#F7C46A; }
.mfr-card h3{ font-family:"Bitter", Georgia, serif; font-size:1.5rem; line-height:1.15; color:#fff; margin:0 0 8px; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.mfr-card p{ color:#E3EBF5; font-size:1rem; line-height:1.5; margin:0 0 10px; }
.mfr-card a{ color:#F7C46A; }
.mfr-card:has(.mfr-video){ justify-content:flex-start; }
.mfr-card:has(.mfr-video)::after{ display:none; }
.mfr-card .mfr-video{ position:relative; z-index:2; aspect-ratio:16 / 9; flex:none; }
.mfr-card:has(.mfr-video) .bd{ background:#17273F; flex:1; }

/* -- link directories: flat, quiet, under the tiles ----------------------- */
section.band-3 section.PageWidget:has(.dynamicnavigation) .boxContainer1,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .boxContainer1{
  background:transparent !important; background-image:none !important; box-shadow:none; border-radius:0; border-top:1px solid #26384F !important; margin-top:10px;
}
section.band-3 section.PageWidget:has(.dynamicnavigation) .boxContainer1::before,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .boxContainer1::before{ display:none; }
section.band-3 section.PageWidget:has(.dynamicnavigation) .boxContainer2,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .boxContainer2{ margin-top:0; }
section.band-3 section.PageWidget:has(.dynamicnavigation) .boxHeaderContainer1,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .boxHeaderContainer1{ padding:26px 0 0 !important; }
section.band-3 section.PageWidget:has(.dynamicnavigation) .h2.widget-title,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .h2.widget-title{ font-family:"Open Sans", sans-serif; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:#8FA2BC !important; text-shadow:none; }
section.band-3 section.PageWidget:has(.dynamicnavigation) .WidgetWrapper,
section.band-3 section.PageWidget:has(.MainWidgetWrapper.link) .WidgetWrapper{ padding:14px 0 10px; }
.DynamicNavigationLinks a, .MainWidgetWrapper.link .WidgetWrapper a{ color:#DCE5F0 !important; }

/* -- band 4: the 4-Way Test + meeting info as a full-bleed parallax band -- */
section.band-4{ padding:24px 0 0; }
section.band-4 section.PageWidget:has(.mfr-test){
  width:100vw; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:0 !important;
}
section.band-4 section.PageWidget:has(.mfr-test) .boxContainer1{
  border-radius:0; box-shadow:none; min-height:72vh; justify-content:center;
  background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-fourway.jpg");
}
section.band-4 section.PageWidget:has(.mfr-test) .boxContainer1::before{ background:linear-gradient(180deg, rgba(8,16,30,.55) 0%, rgba(8,16,30,.35) 50%, rgba(8,16,30,.8) 100%); }
section.band-4 section.PageWidget:has(.mfr-test) .boxContainer2{ margin:0; }
section.band-4 section.PageWidget:has(.mfr-test) .WidgetWrapper{ padding:0; }
section.band-4 section.PageWidget:has(.mfr-test) .preformatted .row{ max-width:1240px; margin:0 auto; padding:72px 24px; display:flex; flex-wrap:wrap; gap:28px; align-items:center; }
section.band-4 section.PageWidget:has(.mfr-test) .preformatted-content{ flex:1 1 440px; float:none; width:auto; padding:0; }
section.band-4 .predefined-content h3{ font-family:"Bitter", Georgia, serif; font-size:clamp(1.8rem, 3vw, 2.5rem); color:#fff; text-align:left !important; margin:0 0 6px; text-shadow:0 2px 14px rgba(0,0,0,.45); }
section.band-4 .predefined-content > p{ font-size:1.05rem; color:#E3EBF5; }
section.band-4 .predefined-content [style*="text-align"]{ text-align:left !important; }
.mfr-test{ gap:12px; margin-top:18px; }
.mfr-test > div{ background:rgba(14,26,44,.6); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:16px 18px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.mfr-test b{ font-size:1.6rem; }
.mfr-test span{ font-size:1.02rem; }
section.band-4 .preformatted-content:last-child .predefined-content{ background:rgba(14,26,44,.6); border:1px solid rgba(255,255,255,.16); border-radius:18px; padding:26px 28px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
section.band-4 .preformatted-content:last-child .predefined-content h3{ font-size:1.6rem; }
section.band-4 .preformatted-content:last-child .predefined-content p{ margin:0 0 10px; }

/* contact card */
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]){ max-width:1240px; margin:24px auto 0 !important; padding:0 24px 8px !important; }
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]) .boxContainer1{ background-image:url("https://clubrunner.blob.core.windows.net/00000006882/Images/tile-contact.jpg"); min-height:280px; }
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]) .boxContainer1::before{ background:linear-gradient(90deg, rgba(8,16,30,.9) 0%, rgba(8,16,30,.55) 60%, rgba(8,16,30,.35) 100%); }
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]) .WidgetWrapper{ font-size:1.02rem; max-width:40rem; }
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]) .WidgetWrapper p{ margin:0 0 6px; }

footer.footer-band{ padding:30px 0 26px; }

/* -- responsive & motion --------------------------------------------------- */
@media (max-width:1024px){
  section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]), section.band-3 section.PageWidget:has(.minicalendar),
  section.band-3 section.PageWidget:has(.executives), section.band-3 section.PageWidget:has([id^="bcw_0ad60490"]),
  section.band-3 section.PageWidget:has([id^="bcw_a723fa33"]), section.band-3 section.PageWidget:has(.dynamicnavigation),
  section.band-3 section.PageWidget:has(.MainWidgetWrapper.link){ grid-column:span 6; }
  section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]) .boxContainer1{ min-height:460px; }
  section.band-3 section.PageWidget .boxContainer1, section.band-4 section.PageWidget .boxContainer1{ background-attachment:scroll; }
}
@media (hover:none){ section.band-3 section.PageWidget .boxContainer1, section.band-4 section.PageWidget .boxContainer1{ background-attachment:scroll; } }
@media (max-width:700px){
  section.band-3 section.PageWidget{ grid-column:1 / -1 !important; }
  .mfr-news{ grid-template-columns:1fr; }
  .mfr-card{ min-height:340px; }
  section.band-3 section.PageWidget .boxContainer1{ min-height:0 !important; }
  section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]) .boxContainer1{ min-height:420px !important; }
  .HomePageSponsors{ justify-content:flex-start; }
  section.band-4 section.PageWidget:has(.mfr-test) .preformatted .row{ padding:48px 22px; }
}
@media (prefers-reduced-motion:reduce){
  section.band-3 section.PageWidget .boxContainer1, section.band-4 section.PageWidget .boxContainer1{ background-attachment:scroll; }
  .mfr-card > img{ transition:none; }
}

/* -- v1.2 fixes from the first pane check --------------------------------- */
.navbar-default .navbar-nav{ padding:0 !important; }
#navbar.navbar-collapse{ max-height:none; }
.DynamicNavigationLinks{ margin-bottom:0; }
.linkItemContainer1, .linkItemaltContainer1{ padding:2px 0 !important; }
section.band-4 section.PageWidget:has([id^="bcw_7896c31a"]){ max-width:none; padding:0 0 8px !important; }

/* -- phones: no hamburger (needs JS); the menu becomes a swipeable chip row -- */
@media (max-width:767px){
  :root{ --mfr-nav:104px; }
  nav.navbar.navbar-default > .container{ flex-wrap:wrap; gap:0 12px; padding:0 12px; }
  .navbar-toggle{ display:none !important; }
  .navbar-brand img{ height:40px !important; }
  #navbar.navbar-collapse{ display:block !important; visibility:visible !important; height:auto !important; flex:1 1 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin:0 -12px; padding:0 12px 8px; }
  #navbar.navbar-collapse::-webkit-scrollbar{ display:none; }
  .navbar-default .navbar-nav{ flex-wrap:nowrap; width:max-content; gap:4px; }
  .navbar-default .navbar-nav > li > a{ white-space:nowrap; padding:8px 12px !important; font-size:.88rem; background:rgba(255,255,255,.06); border-radius:999px; }
  .navbar-default .navbar-nav > li > a:hover{ box-shadow:none; }
  .navbar-nav > li > a.mfr-nav-btn{ padding:8px 14px !important; margin-left:0; }
  .navbar-nav .dropdown-menu{ right:auto; left:0; }
  .sponsorWrapper{ width:auto; min-width:150px; }
}

/* stock 2017-18 RI theme logo floated inside the About widget - hide it (remove from the widget when porting) */
section.band-3 section.PageWidget:has([id^="bcw_e99d8c97"]) img[src*="RI-Theme-Logo"]{ display:none !important; }
/* phones: the theme zeroes the main offset under the fixed bar - keep ours */
@media (max-width:767px){ body#bodyContent main.main-content-wrapper{ padding-top:var(--mfr-nav) !important; } }