.elementor-kit-5{--e-global-color-primary:#003865;--e-global-color-secondary:#418FDE;--e-global-color-text:#0D2B45;--e-global-color-accent:#B5E3D8;--e-global-color-mpssky:#E9E4C5;--e-global-color-mpsteal:#21486F;--e-global-color-mpsmist:#F2EFDC;--e-global-color-mpsbrgt:#FBFAF3;--e-global-color-wfnavy1:#002A4C;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1160px;}.e-con{--container-max-width:1160px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===========================================================
   Mainline Protestant Stream — design system (Watershed Faith brand)
   Edit in Elementor: Site Settings → Custom CSS
   =========================================================== */

/* The --mps-* names are kept so every older rule below picks up the new
   palette: "orange" is now the brand's accent blue, "sky" the mint. */
:root{
  --mps-navy:#003865;
  --mps-blue:#418fde;
  --mps-teal:#21486f;
  --mps-orange:#418fde;
  --mps-orange-bright:#67a5e5;
  --mps-sky:#b5e3d8;
  --mps-ink:#0d2b45;
  --mps-mist:#e1f4ef;
  --mps-text:#0d2b45;
  --mps-text-soft:#3d5468;
  --mps-text-faint:#757263;
  --mps-rule:#ede9d1;
  --mps-rule-soft:#ede9d1;
  --mps-tint:#f2efdc;
}

/* ---------- base ---------- */
body{color:var(--mps-text);font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif;
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Fraunces",ui-serif,Georgia,serif;color:var(--mps-navy);
  text-wrap:balance;line-height:1.18;letter-spacing:-.01em}
.entry-title,.page-header{display:none}

/* accent word inside a headline */
.hl{color:var(--mps-orange)}
.mps-banner .hl,.mps-dark .hl,.mps-cta .hl{color:var(--mps-orange-bright)}

/* Short accent rule under the eyebrow in the two split sections, as in the mockup
   ("Why now" on Home, "What we are building toward" on Vision & Strategy).
   Eyebrows render as <div class="elementor-heading-title">; every other heading
   is an h1-h4, which is what keeps this off the rest of the page. */
.mps-cols-2 div.elementor-heading-title::after{
  content:"";display:block;width:52px;height:3px;background:var(--mps-orange);
  margin-top:14px;
}

/* Text widths are NOT constrained here. Set them per element in Elementor:
   a container > Layout > Content Width / Width, or a single widget via
   Advanced > Width. Readable line length is roughly 60-75 characters. */
/* ---------- shared bits ---------- */
/* Eyebrow labels (WHY NOW, PRESS, ...) are styled per-widget in Elementor:
   select the heading > Style > Typography / Title Color. Nothing here. */
.mps-lede{font-size:1.14rem;line-height:1.6;color:var(--mps-text-soft)}
.mps-dark .mps-lede,.mps-cta .mps-lede{color:#dbe8f5}
.mps-prose{color:var(--mps-text-soft);
  font-size:1.14rem;line-height:1.6}
.mps-prose p+p{margin-top:18px}
.mps-prose strong{color:var(--mps-text);font-weight:600}

/* ---------- page banners ---------- */
.mps-banner{position:relative;overflow:hidden;isolation:isolate;background-color:var(--mps-navy)}
.mps-banner>.e-con-inner,.mps-banner>*{position:relative;z-index:2}
.mps-banner::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(15,29,58,.22) 0%,rgba(15,29,58,0) 40%,rgba(15,29,58,.30) 100%),
    linear-gradient(100deg,rgba(15,30,60,.94) 0%,rgba(18,36,70,.89) 40%,rgba(21,58,98,.55) 70%,rgba(26,82,118,.24) 100%);}
.mps-banner h1{color:#fff;text-shadow:0 1px 18px rgba(10,20,42,.4)}
.mps-banner .mps-lede{color:#dbe8f5;text-shadow:0 1px 12px rgba(10,20,42,.45)}
.mps-banner-home h1.elementor-heading-title{font-size:clamp(2.05rem,3.75vw,3.25rem);
  line-height:1.14}

/* concentric rings, cropped off the top-right corner */
.mps-rings::before{content:"";position:absolute;z-index:1;pointer-events:none;
  top:-340px;right:-330px;left:auto;bottom:auto;width:880px;height:880px;background-size:100% 100%;background-repeat:no-repeat;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'><g fill='none' stroke='%23ffffff' stroke-opacity='0.22' stroke-width='1.4'><circle cx='360' cy='360' r='360'/><circle cx='360' cy='360' r='317'/><circle cx='360' cy='360' r='273.5'/><circle cx='360' cy='360' r='230.5'/><circle cx='360' cy='360' r='187'/><circle cx='360' cy='360' r='144'/><circle cx='360' cy='360' r='101'/></g></svg>")}

/* banners with no photograph */
.mps-banner-plain::after{background:linear-gradient(115deg,rgba(26,82,118,.45) 0%,rgba(29,52,97,0) 62%)}
.mps-banner-plain h1,.mps-banner-plain .mps-lede{text-shadow:none}
.mps-banner-plain::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'><g fill='none' stroke='%23ffffff' stroke-opacity='0.17' stroke-width='1.2'><circle cx='360' cy='360' r='360'/><circle cx='360' cy='360' r='317'/><circle cx='360' cy='360' r='273.5'/><circle cx='360' cy='360' r='230.5'/><circle cx='360' cy='360' r='187'/><circle cx='360' cy='360' r='144'/><circle cx='360' cy='360' r='101'/></g></svg>")}

.mps-credit{position:absolute;right:16px;bottom:10px;z-index:2;font-size:.62rem;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.5)}

/* ---------- dark band + rings ---------- */
.mps-dark{position:relative;overflow:hidden;background-color:var(--mps-navy)}
.mps-dark h2,.mps-dark h3{color:#fff}
.mps-dark::before{content:"";position:absolute;z-index:1;pointer-events:none;
  top:-120px;right:-170px;left:auto;bottom:auto;width:720px;height:720px;background-size:100% 100%;background-repeat:no-repeat;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'><g fill='none' stroke='%23ffffff' stroke-opacity='0.13' stroke-width='1'><circle cx='360' cy='360' r='360'/><circle cx='360' cy='360' r='317'/><circle cx='360' cy='360' r='273.5'/><circle cx='360' cy='360' r='230.5'/><circle cx='360' cy='360' r='187'/><circle cx='360' cy='360' r='144'/><circle cx='360' cy='360' r='101'/></g></svg>")}
.mps-dark>.e-con-inner{position:relative;z-index:2}

/* ---------- grounding vision ---------- */
.mps-vision{background-color:var(--mps-navy);border-left:6px solid var(--mps-ink)}
.mps-vision h3{color:#fff;font-size:clamp(1.35rem,2.4vw,1.75rem)}
.mps-vision p{color:#d8e6f4}

/* ---------- track cards ---------- */
.mps-track{background:#fff;border:1px solid var(--mps-rule);border-top:3px solid var(--mps-orange)}
.mps-track-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
.mps-track-meta b{color:var(--mps-orange);font-weight:600}
.mps-track-meta span{color:var(--mps-text-faint)}
.mps-track p{color:var(--mps-text-soft);font-size:1rem;line-height:1.58}

/* ---------- cities ---------- */
.mps-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.mps-cities>div{background:var(--mps-navy);padding:24px 22px;border-left:3px solid var(--mps-sky)}
.mps-cities b{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--mps-sky);font-weight:600}
.mps-cities span{display:block;font-family:"Fraunces",serif;font-size:1.15rem;color:#fff;margin-top:7px;line-height:1.3}

/* ---------- partners / streams / markers ---------- */
.mps-partners{display:grid;grid-template-columns:repeat(3,1fr);
  column-gap:40px;row-gap:0;border-top:1px solid var(--mps-rule);margin:0;padding:0}
.mps-partners li{list-style:none;padding:19px 2px;border-bottom:1px solid var(--mps-rule-soft);
  font-size:1rem;font-weight:500;color:var(--mps-text);margin:0;line-height:1.45}
@media (max-width:900px){.mps-partners{grid-template-columns:repeat(2,1fr);column-gap:30px}}
@media (max-width:560px){.mps-partners{grid-template-columns:1fr}}
.mps-streams{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.mps-streams li{list-style:none;font-size:.92rem;font-weight:500;padding:8px 16px;border-radius:100px;
  border:1px solid var(--mps-rule);color:var(--mps-text-soft);background:#fff;margin:0}
.mps-streams li.is-us{background:var(--mps-orange);border-color:var(--mps-orange);color:#fff;font-weight:600}
.mps-markers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;
  border-top:1px solid var(--mps-rule);margin:0;padding:0}
.mps-markers>div{padding:24px 22px 26px 0;border-bottom:1px solid var(--mps-rule-soft)}
.mps-markers b{font-family:"Fraunces",serif;font-size:.82rem;color:var(--mps-orange);letter-spacing:.04em;display:block}
.mps-markers h4{font-size:1.02rem;margin:9px 0}
.mps-markers p{font-size:.96rem;color:var(--mps-text-soft);line-height:1.55;margin:0}

/* ---------- people ---------- */
.mps-person{border-left:3px solid var(--mps-orange);padding:4px 0 4px 20px}
.mps-person .role{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;
  color:var(--mps-text-faint);line-height:1.5;display:block}
.mps-person h3{font-size:1.3rem;margin:8px 0}
.mps-person p{font-size:.99rem;color:var(--mps-text-soft);margin:0}

/* ---------- resources + press rows ---------- */
.mps-cat{margin-bottom:46px}
.mps-cat-head{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;
  border-bottom:2px solid var(--mps-orange)}
.mps-cat-head h3{font-size:1.35rem;margin:0}
.mps-cat-head .count{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--mps-text-faint);font-weight:600;margin-left:auto;font-variant-numeric:tabular-nums}
.mps-subhead{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--mps-text-faint);margin:22px 0 2px}
.mps-row{display:flex;align-items:flex-start;gap:16px;padding:17px 2px;
  border-bottom:1px solid var(--mps-rule-soft)}
.mps-row:hover{background:var(--mps-tint)}
.mps-row .body{flex:1;min-width:0}
.mps-row .title{font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--mps-navy);
  text-decoration:none;display:block}
.mps-row .title:hover{text-decoration:underline;text-decoration-color:var(--mps-orange)}
.mps-row .src{font-size:.88rem;color:var(--mps-text-faint);display:block;margin-top:4px}
.mps-row .note{font-size:.92rem;color:var(--mps-text-soft);line-height:1.5;display:block;margin-top:4px}
.mps-row .tags{flex-shrink:0;padding-top:3px}
.mps-month{font-family:"Fraunces",serif;font-size:.86rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mps-orange);padding:26px 0 10px;border-bottom:1px solid var(--mps-rule)}
.mps-dead{font-size:.64rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a33b22}

/* type tags */
.tag{display:inline-flex;align-items:center;font-size:.69rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 9px;border-radius:3px;border:1px solid;white-space:nowrap}
.tag-pdf{color:#a33b22;border-color:#e3b5a8;background:#fbeee9}
.tag-web{color:#1f5c8b;border-color:#b4cfe5;background:#ecf3fa}
.tag-toolkit{color:#1d6b5f;border-color:#a9d3cb;background:#e9f5f2}
.tag-video{color:#6b3d8f;border-color:#cbb5de;background:#f3edf9}

/* ---------- events ---------- */
.mps-event{background:#fff;border:1px solid var(--mps-rule);border-top:4px solid var(--mps-orange)}
.mps-event .when{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;
  color:var(--mps-orange);display:block}
.mps-event .where{font-size:.92rem;color:var(--mps-text-faint)}
.mps-event p{font-size:.99rem;color:var(--mps-text-soft);line-height:1.58}

/* ---------- build notes ---------- */
.mps-note{border:1.5px dashed var(--mps-sky);background:var(--mps-mist);padding:26px 28px}
.mps-note b{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--mps-text-faint);display:block;margin-bottom:8px}
.mps-note p{font-size:.97rem;color:var(--mps-text-soft);margin:0}

/* ---------- CTA band ---------- */
.mps-cta{position:relative;overflow:hidden;isolation:isolate;background-color:var(--mps-navy)}
.mps-cta>.e-con-inner{position:relative;z-index:2}
.mps-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(16,32,63,.92) 0%,rgba(20,42,79,.8) 40%,rgba(24,70,108,.5) 100%)}
.mps-cta h2{color:#fff}

/* ---------- photo bands: equal gaps ---------- */
.mps-band img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.mps-band-2 img{aspect-ratio:16/10}

/* ---------- header ---------- */
.mps-header{background:#fff;border-bottom:1px solid var(--mps-rule)}
.mps-header .elementor-nav-menu .elementor-item{font-size:.83rem;font-weight:500;
  color:var(--mps-text-soft)}
.mps-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{padding:11px 12px 13px}
.mps-header .elementor-nav-menu .elementor-item:hover{color:var(--mps-navy);background:none}
.mps-header .elementor-nav-menu .elementor-item.elementor-item-active{color:var(--mps-navy);
  font-weight:600}
/* underline sits on the horizontal menu only, never the mobile dropdown */
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item{position:relative}
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item::after{content:"";
  position:absolute;left:9px;right:9px;bottom:0;height:2px;background:var(--mps-orange);
  opacity:0;transition:opacity .18s ease}
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item:hover::after,
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item:focus-visible::after,
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item.elementor-item-active::after{opacity:1}

/* ---------- footer ---------- */
.mps-footer{background:var(--mps-ink);color:#9fb0c8}
.mps-footer h4{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#7f90a8}
.mps-footer a{color:#c3d0e2;text-decoration:none}
.mps-footer a:hover{color:#fff}
.mps-footer .elementor-nav-menu .elementor-item{color:#c3d0e2;font-size:.88rem}
.mps-footer .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{padding:4px 0}
.mps-footer .elementor-nav-menu .elementor-item:hover{color:#fff;background:none}
.mps-colophon{font-size:.84rem;color:#7f90a8;border-top:1px solid rgba(255,255,255,.11);padding-top:22px}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .mps-cities{grid-template-columns:1fr}
}
@media (max-width:767px){
  .mps-banner::after{background:linear-gradient(175deg,rgba(16,32,63,.9) 0%,rgba(22,55,94,.82) 100%)}
  .mps-banner-plain::after{background:linear-gradient(160deg,rgba(26,82,118,.5) 0%,rgba(29,52,97,0) 70%)}
  .mps-rings::before,.mps-banner-plain::before{width:560px;height:560px;top:-215px;right:-210px;left:auto}
  .mps-band img,.mps-band-2 img{aspect-ratio:16/10}
  .mps-row{flex-direction:column;gap:9px}
  .mps-cat-head{flex-wrap:wrap}
}

/* ===========================================================
   Elementor layout bridges
   =========================================================== */

/* child containers in a row share the row instead of stacking */
/* Content columns size from CSS, not from Elementor's Width control: Elementor
   defaults these children to --width:100%, which would put every column on its
   own line. Ask me if you need a different split here. The footer row below is
   the exception - its widths are set in the editor and honoured. */
.mps-cols-2>.e-con{flex:1 1 340px;width:auto}
.mps-cols-3>.e-con{flex:1 1 260px;width:auto}
.mps-band>.elementor-widget{flex:1 1 0;width:auto;min-width:0}
.mps-band>.elementor-widget .elementor-widget-container,
.mps-band>.elementor-widget figure,
.mps-band>.elementor-widget a{height:100%}

/* section heads and prose keep their measure */

/* Elementor's own widget CSS is more specific than plain element .elementor-kit-5s,
   so dark-context colour is set per widget in the editor; these cover the rest */
.mps-banner .elementor-heading-title .hl,
.mps-dark .elementor-heading-title .hl,
.mps-cta .elementor-heading-title .hl{color:var(--mps-orange-bright)}
.elementor-heading-title .hl{color:var(--mps-orange)}

/* header columns are structural, so they carry no padding of their own */
.mps-header>.e-con-inner>.e-con{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
/* header: nav centred, button never wraps */
.mps-header .elementor-widget-button .elementor-button{white-space:nowrap}
.mps-header .elementor-nav-menu--main .elementor-nav-menu{flex-wrap:wrap;justify-content:flex-end}

/* footer columns share one row */
/* Footer columns honour Elementor's Width control. Their percentages sum to ~94%,
   which with the row gap exceeds one line, so the row is held to a single line on
   desktop and the columns shrink to fit instead of wrapping. */
.mps-footer-row>.e-con{flex-grow:1;flex-shrink:1;flex-basis:var(--width,200px);min-width:0}
.mps-footer-row>.e-con:first-child{flex-basis:var(--width,320px)}
@media (min-width:768px){
  .mps-footer .mps-footer-row{--flex-wrap:nowrap!important}
}
/* the active-page marker belongs to the main nav only */
.mps-footer .elementor-nav-menu .elementor-item.elementor-item-active{color:#fff}

/* ---------- links ---------- */
.mps-prose a,.mps-lede a,.elementor-widget-text-editor a,.mps-aside a,.mps-note a{
  color:var(--mps-blue);text-decoration-color:rgba(45,106,160,.35);text-underline-offset:3px}
.mps-prose a:hover,.mps-lede a:hover,.elementor-widget-text-editor a:hover,.mps-aside a:hover{
  text-decoration-color:currentColor}

/* ---------- contact / join sidebar ---------- */
.mps-aside{background:var(--mps-mist);border:1px solid var(--mps-rule);
  border-left:3px solid var(--mps-sky);padding:28px 26px}
.mps-aside h3{font-size:1.05rem;margin:0 0 18px}
.mps-aside p{margin:0;font-size:.99rem;color:var(--mps-text-soft);line-height:1.55}
.mps-aside .mps-step{margin-bottom:20px}
.mps-aside .mps-step:last-child{margin-bottom:0}
.mps-aside b{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--mps-text-faint);font-weight:600;display:block;margin:0 0 5px;line-height:1.5}
.mps-aside a{font-weight:500;word-break:break-word}

/* ---------- form slot, until the Solidarity Tech embed is dropped in ---------- */
.mps-formslot{border:1.5px dashed var(--mps-sky);background:var(--mps-mist);
  padding:34px 30px;text-align:left}
.mps-formslot b{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--mps-text-faint);margin-bottom:10px}
.mps-formslot h4{font-size:1.08rem;margin:0 0 10px}
.mps-formslot p{font-size:.97rem;color:var(--mps-text-soft);line-height:1.6;margin:0 0 8px}
.mps-formslot .mps-emails{margin-top:18px;padding-top:16px;border-top:1px solid var(--mps-rule)}

/* Seven menu items need ~715px; below ~1150px the nav column is narrower than that and
   the menu wraps. Elementor only switches to the burger at 1024px, so the header
   switches early here. If the menu grows, raise 1199px to match. */
@media (min-width:1025px) and (max-width:1199px){
  .mps-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}
  .mps-header .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle{display:flex}
  .mps-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:block}
  /* matches the header nav widget's Toggle Button > Size (Tablet); keep the two in step */
  .mps-header .elementor-widget-nav-menu{--nav-menu-icon-size:30px}
}

/* ---------- mobile header: logo left, menu + button right on one row ---------- */
@media (max-width:767px){
  .mps-header{--padding-top:14px!important;--padding-bottom:14px!important;
    --padding-left:16px!important;--padding-right:16px!important}
  .mps-header>.e-con-inner{flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;gap:10px!important}
  .mps-header>.e-con-inner>.e-con{width:auto!important;flex:0 0 auto!important}
  /* Mobile logo cap. 375px viewport leaves ~180px once the burger and button
     are placed; set Advanced > Width > Mobile on the logo column to take this
     over and this cap can be removed. */
  .mps-header>.e-con-inner>.e-con:first-child{flex:0 0 150px!important;min-width:0}
  .mps-header>.e-con-inner>.e-con:nth-child(2){flex:1 1 auto!important;min-width:0;
    align-items:flex-end!important}
  .mps-header .elementor-widget-image img{max-width:150px}
  .mps-header .elementor-button{padding:9px 12px!important;font-size:.74rem!important}
  /* the off-canvas menu still needs room to breathe */
  .mps-header .elementor-nav-menu--dropdown .elementor-item{padding:13px 18px!important}
}

/* layout wrappers add no inset of their own, so cards line up with full-width siblings */
.mps-cols-2,.mps-cols-3,.mps-sechead,.mps-btnrow,.mps-footer-row{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}

/* ---------- buttons: pill shape, smooth hover ---------- */
.elementor-button{
  border-radius:100px;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,
             transform .18s ease,box-shadow .25s ease;
}
.elementor-button:hover,.elementor-button:focus-visible{transform:translateY(-1px)}
.mps-header .elementor-button:hover{box-shadow:0 5px 16px rgba(201,74,45,.28)}
.mps-cta .elementor-button:hover,.mps-banner .elementor-button:hover{
  box-shadow:0 5px 18px rgba(8,16,34,.3)}
.elementor-button:focus-visible{outline:2.5px solid var(--mps-orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .elementor-button{transition:none}
  .elementor-button:hover,.elementor-button:focus-visible{transform:none}
}

/* ---------- Resources: Loop Grid rows ---------- */
.mps-res-grid .elementor-grid{display:block}
/* row columns size to content, not to Elementor's default 100% */
.mps-res-row>.e-con{--width:auto}
.mps-res-body{flex:1 1 auto}
.mps-res-tagwrap{flex:0 0 auto;margin-left:auto}
.mps-res-row{border-bottom:1px solid var(--mps-rule-soft)}
.mps-res-row:hover{background:var(--mps-tint)}
.mps-res-body{min-width:0}
.mps-res-titleline .mps-res-title{font-size:1.05rem;font-weight:600;line-height:1.4;
  color:var(--mps-navy);text-decoration:none;display:block}
.mps-res-titleline a.mps-res-title:hover{text-decoration:underline;
  text-decoration-color:var(--mps-orange)}
.mps-res-title.is-missing{color:var(--mps-text-soft)}
.mps-res-src{font-size:.88rem;color:var(--mps-text-faint)}
.mps-res-src p,.mps-res-note p{margin:0}
.mps-res-note,.mps-res-noteline{font-size:.92rem;color:var(--mps-text-soft);line-height:1.5}

/* Format chips. A resource usually has one; one with a second format has two,
   each linking to its own URL. The colour now lives on the chip rather than on
   the row, because a two-format row can't stand for a single type. */
.mps-res-tag{display:flex;align-items:center;justify-content:flex-end;
  gap:7px;flex-wrap:wrap}
/* Elementor wraps a shortcode widget's output in .elementor-shortcode, so the
   gap above lands on a container whose only child is that wrapper - the chips
   sit one level deeper and came out flush. The wrapper is the real flex row. */
.mps-res-tag .elementor-shortcode{display:flex;align-items:center;
  justify-content:flex-end;gap:7px;flex-wrap:wrap}
.mps-chip{display:inline-flex;align-items:center;font-size:.69rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:3px;
  border:1px solid;white-space:nowrap;text-decoration:none;
  color:#1f5c8b;border-color:#b4cfe5;background:#ecf3fa}
a.mps-chip{cursor:pointer}
a.mps-chip:hover{filter:brightness(.965)}
a.mps-chip:focus-visible{outline:2px solid var(--mps-orange);outline-offset:2px}
.mps-chip-pdf    {color:#a33b22;border-color:#e3b5a8;background:#fbeee9}
.mps-chip-toolkit{color:#1d6b5f;border-color:#a9d3cb;background:#e9f5f2}
.mps-chip-video  {color:#6b3d8f;border-color:#cbb5de;background:#f3edf9}
.mps-chip-form   {color:#8a6212;border-color:#e0cb9a;background:#faf3e2}
.mps-chip-doc    {color:#4a5568;border-color:#cbd4e0;background:#f1f4f8}
.mps-chip-drive  {color:#2a6b4f;border-color:#b3d6c4;background:#ecf6f0}

/* Press coverage chips. They were a single colour before and stay that way, so this
   sits after the palette above to override .mps-chip-video, which press shares as a
   type name with resources. */
.mps-chip-press{color:#1f5c8b;border-color:#b4cfe5;background:#ecf3fa}

/* Featured band at the top of the Resources page. Collapses to nothing when
   no resource is ticked as featured, so the page reads normally the rest of the time. */
.mps-res-featured{margin:0 0 30px}
.mps-res-featured:not(:has(.mps-res-row)){display:none}
.mps-feat-head h3{font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mps-orange);margin:0 0 10px}
.mps-res-featured .mps-res-row{border-bottom:none;background:var(--mps-mist);
  border:1px solid var(--mps-sky);border-radius:6px;margin-bottom:10px;
  padding-left:18px;padding-right:18px}
.mps-res-featured .mps-res-row:hover{background:#e7f0fa}
.mps-res-featured .mps-res-title{font-size:1.14rem}
@media (max-width:767px){
  .mps-res-row{flex-direction:column!important;gap:9px!important}
}

/* ---------- Press: month headings inside the loop ---------- */
.mps-press-grid .elementor-grid{display:block}
/* Each month sits inside its own loop wrapper, and those wrappers are not the
   grid's first child, so :first-child can't identify the top one. Instead: no
   top padding by default, and space above any loop item that follows another. */
.mps-press-item .mps-month{margin:0;padding:0 0 12px}
.mps-press-grid .e-loop-item ~ .e-loop-item .mps-month{padding-top:46px}

/* ---------- Strategic Priorities: accent icons ----------
   Hairline marks drawn to match the concentric-ring motif. The stroke colour is
   baked into each SVG (orange #c94a2d on the cards, white on
   the navy box) - to recolour one, change the stroke value inside its URL. */
.mps-track::before{
  /* position:static resets Elementor's .e-con::before, which is absolutely
     positioned for container background overlays and would pin this to 0,0 */
  content:"";position:static;display:block;width:30px;height:30px;
  margin-bottom:15px;flex:0 0 auto;
  background-repeat:no-repeat;background-position:left center;background-size:contain;
}
.mps-track:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20stroke%3D%27%23c94a2d%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%203.2%205.5%207v8.6c0%206.7%204.4%2010.8%2010.5%2012.4%206.1-1.6%2010.5-5.7%2010.5-12.4V7L16%203.2Z%27%2F%3E%3Cpath%20d%3D%27m11.4%2015.9%203.4%203.4%206.2-6.6%27%2F%3E%3C%2Fsvg%3E")}
.mps-track:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20stroke%3D%27%23c94a2d%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%205.5v20%27%2F%3E%3Cpath%20d%3D%27M10%2025.5h12%27%2F%3E%3Cpath%20d%3D%27M4%2010h24%27%2F%3E%3Cpath%20d%3D%27M4%2010%20.8%2017.5h6.4L4%2010Z%27%2F%3E%3Cpath%20d%3D%27M28%2010l-3.2%207.5h6.4L28%2010Z%27%2F%3E%3C%2Fsvg%3E")}
.mps-track:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20stroke%3D%27%23c94a2d%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M27%2019.5a3%203%200%200%201-3%203H11.5L5.5%2027V8.5a3%203%200%200%201%203-3H24a3%203%200%200%201%203%203v11Z%27%2F%3E%3Cpath%20d%3D%27M10.5%2011.5h11%27%2F%3E%3Cpath%20d%3D%27M10.5%2016.2h7%27%2F%3E%3C%2Fsvg%3E")}

/* the grounding-vision box carries the ring motif, large and quiet */
.mps-vision{position:relative;overflow:hidden}
.mps-vision::after{
  content:"";position:absolute;top:28px;right:32px;width:88px;height:88px;
  pointer-events:none;opacity:.38;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.47%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%2714%27%2F%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%279.3%27%2F%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%274.6%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
@media (max-width:900px){ .mps-vision::after{display:none} }

/* ---------- Resources: jump links to each category ---------- */
/* spacing sits on the nav itself, not the Elementor widget wrapper, whose
   margin the kit already controls */
.mps-res-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.mps-res-jump{
  display:inline-flex;align-items:center;gap:9px;
  font-size:.88rem;font-weight:500;line-height:1;
  padding:11px 18px;border-radius:100px;text-decoration:none;
  color:var(--mps-navy);background:#fff;border:1px solid var(--mps-rule);
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,
             transform .18s ease,box-shadow .25s ease;
}
.mps-res-jump:hover,.mps-res-jump:focus-visible{
  background:var(--mps-tint);border-color:var(--mps-blue);transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(29,52,97,.1);
}
.mps-res-jump:focus-visible{outline:2.5px solid var(--mps-orange);outline-offset:3px}
.mps-res-jump-n{
  font-size:.72rem;font-weight:600;color:var(--mps-text-faint);
  background:var(--mps-mist);border-radius:100px;padding:3px 8px;
  font-variant-numeric:tabular-nums;
}
.mps-res-jump:hover .mps-res-jump-n{background:#fff}

/* Land clear of the top when jumping to a category.
   Deliberately no scroll-behavior:smooth here - smooth scrolling swallowed the
   jump entirely in testing, and an instant jump is the reliable behaviour. */
.mps-cat-head{scroll-margin-top:28px}
@media (prefers-reduced-motion:reduce){
  .mps-res-jump{transition:none}
  .mps-res-jump:hover,.mps-res-jump:focus-visible{transform:none}
}

/* ---------- MPS Local Engagements (replaced Illuminated Cities) ---------- */
.mps-engagements{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.mps-eng-group{background:var(--mps-navy);padding:26px 24px 30px;
  border-left:3px solid var(--mps-sky)}
.mps-eng-group h3{font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif;
  font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--mps-sky);margin:0 0 16px}
.mps-eng-group ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:13px}
.mps-eng-group li{display:flex;flex-direction:column;gap:2px}
.mps-eng-group b{font-family:"Fraunces",ui-serif,Georgia,serif;
  font-size:1.1rem;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.01em}
.mps-eng-group span{font-size:.88rem;color:var(--mps-sky);line-height:1.45}
@media (max-width:900px){.mps-engagements{grid-template-columns:1fr}}

/* ---------- footer: contact details in the third column ---------- */
.mps-foot-contact{display:flex;flex-direction:column;gap:18px}
.mps-foot-contact b{display:block;font-size:.7rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:#7f90a8;margin-bottom:5px;line-height:1.5}
.mps-foot-contact p{margin:0;font-size:.93rem;line-height:1.55;color:#9fb0c8}
.mps-foot-contact a{color:#c3d0e2;text-decoration:none;word-break:break-word}
.mps-foot-contact a:hover{color:#fff}

/* ---------- Convenings: Loop Grid cards ---------- */
.mps-conv-grid .elementor-grid{align-items:stretch}
.mps-conv-grid .e-loop-item{display:flex}
.mps-conv-grid .e-loop-item>.mps-event{flex:1 1 auto;display:flex;flex-direction:column}
.mps-conv-title .elementor-heading-title{font-size:1.22rem;line-height:1.3;color:var(--mps-navy)}
.mps-conv-desc{font-size:.99rem;color:var(--mps-text-soft);line-height:1.58}
.mps-conv-desc p{margin:0}
/* push the button to the bottom so cards of different lengths line up */
.mps-conv-cta{margin-top:auto;padding-top:4px}
.mps-conv-btn{
  display:inline-flex;align-items:center;background:var(--mps-orange);color:#fff;
  font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:11px 19px;
  border-radius:100px;text-decoration:none;
  transition:background-color .25s ease,transform .18s ease,box-shadow .25s ease;
}
.mps-conv-btn:hover{background:#a63b21;color:#fff;transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(201,74,45,.28)}
.mps-conv-btn:focus-visible{outline:2.5px solid var(--mps-orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .mps-conv-btn{transition:none}
  .mps-conv-btn:hover{transform:none}
}

/* Centre the type chip against the row instead of pinning it to the top.
   Rows whose description wraps to two lines were leaving a lump of space
   under the chip, which read as uneven next to single-line rows.
   Desktop only: below 768px the row stacks, where align-self would centre
   the chip horizontally. */
@media (min-width:768px){
  .mps-res-tagwrap{align-self:center}
}

/* Stop the type chip being squeezed.
   Elementor re-declares flex on container children at a higher specificity than
   the .mps-res-tagwrap rule above, so flex-shrink came back as 1. On the row with
   the longest description the row ran tight and the chip compressed to 76px
   against 82px everywhere else - which reads as inconsistent tag spacing. */
.mps-res-tagwrap,
.mps-res-tag,
.mps-res-tag .elementor-shortcode,
.mps-chip{flex-shrink:0!important}


/* ---------- Featured resource promo (homepage) ---------- */
/* Driven by the "Feature this" tick, so this block follows the Resources page.
   The whole section hides itself when nothing is featured. */
.mps-fp-section:not(:has(.mps-fp)){display:none}
.mps-fp{position:relative;display:flex;gap:30px;align-items:center;
  background:var(--mps-mist);border:1px solid var(--mps-sky);
  border-radius:10px;padding:26px 30px}
.mps-fp-cover{flex:0 0 auto;line-height:0;display:block}
/* A bounded box rather than a fixed size: the picture is whatever the editor
   chose, so it fits inside without being cropped or stretched. An upright PDF
   cover fills it; a landscape picture simply sits shorter. */
/* two classes, because Elementor's global img{max-width:100%} outranks one */
.mps-fp .mps-fp-img{max-width:132px;max-height:190px;width:auto;height:auto;
  border-radius:4px;box-shadow:0 3px 14px rgba(29,52,97,.18)}
.mps-fp-body{flex:1 1 auto;min-width:0}
.mps-fp-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mps-orange);margin:0 0 7px}
.mps-fp-title{font-size:1.5rem;line-height:1.25;color:var(--mps-navy);margin:0 0 9px}
.mps-fp-note{font-size:1rem;line-height:1.55;color:var(--mps-text-soft);margin:0 0 17px;
  max-width:60ch}
.mps-fp-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 13px}
/* Both actions read as links. The primary carries the orange and a standing
   underline; the second is quieter, so there is still a hierarchy without a
   solid button competing with the hero. */
.mps-fp-actions a{font-size:1rem;font-weight:600;text-decoration:none;
  padding-bottom:2px;border-bottom:1.5px solid transparent}
.mps-fp-primary{color:var(--mps-blue);border-bottom-color:rgba(45,106,160,.4)}
.mps-fp-primary:hover,.mps-fp-primary:focus-visible{border-bottom-color:var(--mps-blue)}
.mps-fp-alt{color:var(--mps-blue)}
.mps-fp-alt:hover,.mps-fp-alt:focus-visible{border-bottom-color:var(--mps-blue)}
.mps-fp-more{display:inline-block;font-size:.88rem;font-weight:600;
  color:var(--mps-text-faint);text-decoration:none}
@media (min-width:768px){
  /* pinned to the card's top right; the body reserves room so a long title
     can't run underneath it */
  .mps-fp-more{position:absolute;top:26px;right:30px}
  .mps-fp-body{padding-right:190px}
  .mps-fp-actions{margin-bottom:0}
}
.mps-fp-more::after{content:" \2192"}
.mps-fp-more:hover{color:var(--mps-orange)}
@media (max-width:767px){
  /* the boxed container doesn't gutter this one, and the card was running
     0-375 while the rest of the page sits at 20-355 */
  .mps-fp-section{padding-left:20px;padding-right:20px}
  .mps-fp{flex-direction:column;align-items:flex-start;gap:20px;padding:22px}
  .mps-fp .mps-fp-img{max-width:104px}
  .mps-fp-title{font-size:1.28rem}
}


/* ---------- Staff guide at /how-to/ ---------- */
/* A plain WordPress page rather than an Elementor one, so it needs its own
   measure, rhythm and heading sizes. Shared by link and set to noindex. */
.mps-guide-page .site-main>.page-content{padding:0}
/* the theme hides page titles for Elementor's benefit; this page needs its own */
.mps-guide-page .page-header{display:block;max-width:780px;margin:0 auto;
  padding:52px 20px 0}
.mps-guide-page .page-header .entry-title{font-size:2.3rem;line-height:1.16;
  color:var(--mps-navy);margin:0}
@media (max-width:767px){
  .mps-guide-page .page-header{padding:34px 20px 0}
  .mps-guide-page .page-header .entry-title{font-size:1.72rem}
}
.mps-guide{max-width:780px;margin:0 auto;padding:10px 20px 80px;
  font-size:1.02rem;line-height:1.62;color:var(--mps-ink)}
.mps-guide>h2{font-size:1.5rem;line-height:1.3;color:var(--mps-navy);
  margin:54px 0 16px;padding-top:26px;border-top:1px solid var(--mps-rule-soft)}
.mps-guide>h2:first-of-type{margin-top:34px}
.mps-guide p{margin:0 0 15px}
.mps-guide ul,.mps-guide ol{margin:0 0 18px;padding-left:22px}
.mps-guide li{margin:0 0 9px;padding-left:3px}
.mps-guide a{color:var(--mps-blue)}
.mps-guide-intro{font-size:1.12rem;line-height:1.6;color:var(--mps-text-soft)}
.mps-guide-path{font-size:.94rem;color:var(--mps-teal);
  background:var(--mps-mist);border-left:3px solid var(--mps-sky);
  padding:9px 14px;border-radius:0 4px 4px 0}
.mps-guide-aside{font-size:.95rem;color:var(--mps-text-soft);
  background:#fff8e5;border:1px solid #f0d8a0;border-radius:5px;padding:12px 15px}

/* the videos: never wider than the measure, and letterboxed on black so a
   screen recording with a pale background still reads as a video */
.mps-vid{margin:0 0 26px}
.mps-vid video{display:block;width:100%;max-width:100%;height:auto;
  border-radius:6px;border:1px solid var(--mps-sky);background:#0d1b2a}
.mps-vid figcaption{font-size:.84rem;color:var(--mps-text-faint);margin-top:7px}
@media (max-width:767px){
  .mps-guide{padding:6px 20px 60px}
  .mps-guide>h2{font-size:1.3rem;margin-top:40px}
}


/* ---------- Love Binds Us: the three audience paths ---------- */
.mps-paths{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.mps-path{flex:0 0 250px;width:250px;height:250px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;text-align:center;
  text-decoration:none;position:relative;isolation:isolate;
  background:radial-gradient(circle at 34% 28%,var(--mps-orange-bright),var(--mps-orange) 68%);
  box-shadow:0 8px 26px rgba(201,74,45,.26);
  transition:transform .22s ease,box-shadow .22s ease}
/* the concentric ring motif, echoing the hero */
.mps-path::before{content:"";position:absolute;inset:16px;border-radius:50%;
  border:1px solid rgba(255,255,255,.34);z-index:-1}
.mps-path::after{content:"";position:absolute;inset:30px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);z-index:-1}
.mps-path:hover,.mps-path:focus-visible{transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(201,74,45,.34)}
.mps-path:focus-visible{outline:3px solid var(--mps-navy);outline-offset:4px}
.mps-path-inner{padding:0 34px;text-wrap:balance}
.mps-path-label{display:block;color:#fff;font-weight:700;font-size:1.16rem;
  line-height:1.26;letter-spacing:-.01em;text-wrap:balance;margin-bottom:11px}
/* inline (not inline-block) so the underline follows each wrapped line */
.mps-path-cta{display:inline;color:#fff;line-height:1.7;
  font-size:.76rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  text-decoration:underline 1px rgba(255,255,255,.55);text-underline-offset:4px}
.mps-path:hover .mps-path-cta{text-decoration-color:#fff}

/* ---------- Love Binds Us: the social line ---------- */
.mps-social{text-align:center;margin-top:16px}
.mps-social-lead{font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mps-text-faint);margin:0 0 10px}
.mps-social-link{display:inline-block;font-size:1.34rem;font-weight:700;
  color:var(--mps-navy);text-decoration:none;
  border-bottom:2px solid var(--mps-sky);padding-bottom:3px}
.mps-social-link:hover{border-bottom-color:var(--mps-orange);color:var(--mps-teal)}
.mps-social-at{color:var(--mps-text-faint);font-weight:600}
.mps-social-links{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:14px 44px}
.mps-social-link{display:inline-flex;align-items:center;gap:.45em}
.mps-social-icon{width:1em;height:1em;flex:none;fill:var(--mps-orange);color:var(--mps-orange)}
@media (max-width:700px){.mps-social-links{grid-template-columns:repeat(2,auto);gap:14px 32px}}
.mps-social-tag{margin:18px 0 0;font-size:1rem;font-weight:600;color:var(--mps-orange)}

@media (max-width:900px){
  .mps-paths{gap:28px}
  .mps-path{flex-basis:210px;width:210px;height:210px}
  .mps-path-label{font-size:1rem}
  .mps-path-inner{padding:0 24px}
}
@media (max-width:620px){
  .mps-paths{gap:24px}
  .mps-path{flex-basis:230px;width:230px;height:230px}
  .mps-path-label{font-size:1.06rem}
}


/* ---------- Privacy Policy and Terms of Use ---------- */
/* Plain WordPress pages that borrow the staff guide layout (.mps-guide); these
   rules add the sub-headings and the closing date the guide does not have. */
.mps-legal>h3{font-size:1.08rem;line-height:1.4;color:var(--mps-navy);
  font-weight:600;margin:26px 0 8px}
.mps-legal>h2+h3{margin-top:6px}
.mps-legal a{word-break:break-word}
.mps-legal-updated{margin-top:44px!important;padding-top:18px;
  border-top:1px solid var(--mps-rule-soft);font-size:.9rem;color:var(--mps-text-faint)}

/* legal links in the footer colophon */
.mps-colophon-legal a{color:inherit;text-decoration:underline;
  text-decoration-color:rgba(195,208,226,.4);text-underline-offset:3px}
.mps-colophon-legal a:hover{color:#fff;text-decoration-color:#fff}

/* The colophon: two columns under one rule. Left, the notices Tides requires on
   every page (fiscal-sponsor disclosure, copyright); right, the photo credit and
   legal links. Stacks on phones. */
.mps-colophon-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px 40px}
.mps-colophon-left{flex:1 1 auto}
.mps-colophon-right{flex:0 0 auto;text-align:right}
.mps-colophon p{margin:0;line-height:1.55}
.mps-colophon p+p{margin-top:8px}
.mps-colophon-left a{color:inherit;text-decoration:underline;
  text-decoration-color:rgba(195,208,226,.4);text-underline-offset:3px}
.mps-colophon-left a:hover{color:#fff;text-decoration-color:#fff}
@media (max-width:767px){
  .mps-colophon-row{flex-direction:column}
  .mps-colophon-right{text-align:left}
}


/* ===========================================================
   WATERSHED FAITH REBRAND (13 Nov 2026)
   Logo, fonts and colours from the Watershed Faith guide sheet:
   Navy 2955 C #003865 · Blue 279 C #418FDE · Cream 9142 C #E9E4C5
   Mint 573 C #B5E3D8 · Fraunces (headings) · Montserrat (text).
   This block sits last so it overrides the older component rules above.
   Pre-rebrand copy: private/backups/pre-rebrand-20261113/kit.css
   =========================================================== */
:root{
  --wf-navy:#003865; --wf-navy-1:#002a4c; --wf-navy-2:#001c33; --wf-navy-t4:#ccd7e0;
  --wf-blue:#418fde; --wf-blue-t1:#67a5e5; --wf-blue-t2:#8dbceb; --wf-blue-s2:#21486f;
  --wf-mint:#b5e3d8; --wf-mint-t2:#d3eee8; --wf-mint-t3:#e1f4ef;
  --wf-cream:#e9e4c5; --wf-cream-t1:#ede9d1; --wf-cream-t2:#f2efdc; --wf-cream-t4:#fbfaf3; --wf-cream-s2:#757263;
  --wf-ink:#0d2b45; --wf-ink-soft:#3d5468;
  --wf-display:"Fraunces",Georgia,"Times New Roman",serif;
  --wf-body:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --wf-overlay-left:url("/wp-content/uploads/2026/11/watershed-overlay-dark-left.png");
  --wf-overlay-right:url("/wp-content/uploads/2026/11/watershed-overlay-dark-right.png");
}
body{background:#fff;color:var(--wf-ink);font-family:var(--wf-body);font-size:16px;line-height:1.6}
h1,h2,h3,h4{font-family:var(--wf-display);font-weight:700;color:var(--wf-navy)}

/* the short accent rule under split-section eyebrows is not part of the new look */
.mps-cols-2 div.elementor-heading-title::after{display:none}

/* ---------- section headline sizes ---------- */
.mps-sechead h2.elementor-heading-title,.mps-cta h2.elementor-heading-title{font-size:clamp(28px,3.4vw,42px);line-height:1.12}
.mps-cols-2 h2.elementor-heading-title{font-size:clamp(28px,3.2vw,40px);line-height:1.12}
.mps-dark h2.elementor-heading-title{font-size:clamp(30px,3.6vw,46px);line-height:1.12}

/* ---------- page banners: full-colour photo under a navy fade ---------- */
.mps-banner::after{background:
  linear-gradient(180deg,rgba(0,28,51,.22) 0%,rgba(0,28,51,0) 40%,rgba(0,28,51,.30) 100%),
  linear-gradient(100deg,rgba(0,42,76,.94) 0%,rgba(0,56,101,.89) 40%,rgba(0,56,101,.55) 70%,rgba(0,56,101,.24) 100%)}
.mps-banner h1,.mps-banner .mps-lede{text-shadow:none}
.mps-banner h1.elementor-heading-title{font-size:clamp(32px,4.3vw,54px);line-height:1.12;max-width:none}
.mps-banner-home h1.elementor-heading-title{font-size:clamp(38px,5.4vw,68px);line-height:1.12;max-width:16ch}
.mps-banner-plain h1.elementor-heading-title{max-width:none}
/* inner-page headline widths are set per widget in Elementor (Advanced > Width) */

/* the faded Watershed mark, black at 50%, on the banner's bottom edge
   (replaces the concentric rings) */
.mps-rings::before{top:auto;right:auto;left:0;bottom:0;width:min(520px,70%);height:auto;
  aspect-ratio:1/1;background-image:var(--wf-overlay-left);background-size:contain;
  background-position:left bottom;background-repeat:no-repeat;filter:brightness(0);opacity:.5}
/* banners without a photograph: solid navy, mark on the right */
.mps-banner-plain::after{background:linear-gradient(100deg,#001c33 0%,#002a4c 55%,#003865 100%)}
.mps-banner-plain::before{left:auto;right:0;background-image:var(--wf-overlay-right);background-position:right bottom}

/* ---------- buttons ---------- */
/* squared corners per the brand; !important because each button also carries a
   100px radius set in the editor from the old pill style */
.elementor-button{border-radius:2px!important;font-family:var(--wf-body);font-weight:600}
.mps-header .elementor-button:hover{box-shadow:none}
.mps-cta .elementor-button:hover,.mps-banner .elementor-button:hover{box-shadow:none}
.elementor-button:focus-visible{outline-color:var(--wf-blue)}

/* ---------- header ---------- */
.mps-header{background:var(--wf-cream-t4);border-bottom:1px solid var(--wf-cream-t1)}
.mps-header .elementor-nav-menu .elementor-item{font-weight:500;color:var(--wf-navy)}
/* Montserrat runs wider than Inter Tight: tighter item padding keeps the seven
   items on one line (they need ~733px of the ~767px nav column at 1200px+) */
.mps-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px}
.mps-header .elementor-nav-menu:not(.sm-vertical) .elementor-item::after{left:6px;right:6px}
.mps-header .elementor-nav-menu .elementor-item:hover,
.mps-header .elementor-nav-menu .elementor-item.elementor-item-active{color:var(--wf-blue)}

/* ---------- featured resource promo (home) ---------- */
.mps-fp{background:var(--wf-mint-t3);border:1px solid var(--wf-mint-t2);border-radius:0;padding:24px 28px;gap:28px}
.mps-fp .mps-fp-img{max-width:118px;max-height:none;border-radius:0;box-shadow:0 6px 16px rgba(0,56,101,.2)}
.mps-fp-eyebrow{font-size:12px;letter-spacing:.14em;color:var(--wf-blue)}
.mps-fp-title{font-family:var(--wf-display);font-size:24px;font-weight:700;color:var(--wf-navy)}
.mps-fp-note{color:var(--wf-ink-soft)}
.mps-fp-actions a,.mps-fp-primary,.mps-fp-alt{font-size:15px;font-weight:700;color:var(--wf-navy);border-bottom:0}
.mps-fp-actions a:hover,.mps-fp-actions a:focus-visible{color:var(--wf-blue)}
.mps-fp-more{font-size:15px;font-weight:700;color:var(--wf-blue)}
.mps-fp-more:hover{color:var(--wf-navy)}

/* ---------- split sections: mint block behind the photo ---------- */
.mps-cols-2 .elementor-widget-image{position:relative;isolation:isolate}
.mps-cols-2 .elementor-widget-image::after{content:"";position:absolute;left:-14px;bottom:-14px;
  width:44%;height:44%;background:var(--wf-mint);z-index:-1}

/* ---------- grounding vision box: plain navy ---------- */
.e-con.mps-vision{border-width:0!important}
.mps-vision::after{display:none}

/* ---------- track cards ---------- */
.mps-track{background:#fff;border:0;border-top:6px solid var(--wf-blue)}
.mps-track::before{width:36px;height:36px;margin-bottom:4px}
.mps-track-meta{font-size:11px;font-weight:700;letter-spacing:.12em}
.mps-track-meta b{color:var(--wf-navy);font-weight:700}
.mps-track-meta span{color:var(--wf-cream-s2)}
.mps-track .elementor-heading-title{font-family:var(--wf-body);font-weight:700;font-size:20px;letter-spacing:0;color:var(--wf-navy)}
.mps-track p{font-size:15px;color:var(--wf-ink-soft)}
.mps-track:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-1%20-1%2034%2034%27%20fill%3D%27none%27%20stroke%3D%27%23418fde%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%203.2%205.5%207v8.6c0%206.7%204.4%2010.8%2010.5%2012.4%206.1-1.6%2010.5-5.7%2010.5-12.4V7L16%203.2Z%27%2F%3E%3Cpath%20d%3D%27m11.4%2015.9%203.4%203.4%206.2-6.6%27%2F%3E%3C%2Fsvg%3E")}
.mps-track:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-1%20-1%2034%2034%27%20fill%3D%27none%27%20stroke%3D%27%23418fde%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%205.5v20%27%2F%3E%3Cpath%20d%3D%27M10%2025.5h12%27%2F%3E%3Cpath%20d%3D%27M4%2010h24%27%2F%3E%3Cpath%20d%3D%27M4%2010%20.8%2017.5h6.4L4%2010Z%27%2F%3E%3Cpath%20d%3D%27M28%2010l-3.2%207.5h6.4L28%2010Z%27%2F%3E%3C%2Fsvg%3E")}
.mps-track:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-1%20-1%2034%2034%27%20fill%3D%27none%27%20stroke%3D%27%23418fde%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M27%2019.5a3%203%200%200%201-3%203H11.5L5.5%2027V8.5a3%203%200%200%201%203-3H24a3%203%200%200%201%203%203v11Z%27%2F%3E%3Cpath%20d%3D%27M10.5%2011.5h11%27%2F%3E%3Cpath%20d%3D%27M10.5%2016.2h7%27%2F%3E%3C%2Fsvg%3E")}

/* ---------- MPS Local Engagements: navy band, mark from the top right ---------- */
.mps-dark{background-color:var(--wf-navy-1)}
.mps-dark h2,.mps-dark h3{color:var(--wf-cream-t4)}
.mps-dark::before{top:0;right:0;bottom:auto;left:auto;width:min(560px,80%);height:auto;aspect-ratio:1/1;
  background-image:var(--wf-overlay-right);background-size:contain;background-position:right bottom;
  background-repeat:no-repeat;transform:scaleY(-1)}
.mps-engagements{gap:32px;background:none;border:0}
.mps-eng-group{background:var(--wf-navy-1);border:1px solid rgba(181,227,216,.25);padding:28px 30px}
.mps-eng-group h3{font-family:var(--wf-body);font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--wf-blue-t2);margin:0 0 18px}
.mps-eng-group ul{gap:0}
.mps-eng-group li{padding:14px 0;border-top:1px solid rgba(233,228,197,.15)}
.mps-eng-group li:first-child{border-top:0;padding-top:0}
.mps-eng-group b{font-family:var(--wf-display);font-size:22px;font-weight:600;color:var(--wf-cream)}
.mps-eng-group span{font-size:14px;color:rgba(237,233,209,.75)}

/* ---------- Vision & Strategy: five markers ---------- */
.mps-markers{border-top:0;gap:20px}
.mps-markers>div{border-top:2px solid var(--wf-navy);border-bottom:0;padding:18px 0 0}
.mps-markers b{font-family:var(--wf-display);font-size:44px;font-weight:600;color:var(--wf-blue);line-height:1;letter-spacing:0}
.mps-markers h4{font-family:var(--wf-body);font-size:17px;font-weight:700;color:var(--wf-navy);margin:14px 0 8px;line-height:1.3}
.mps-markers p{font-size:14px;color:var(--wf-ink-soft)}

/* ---------- Who's at the Table ---------- */
.mps-partners li{color:var(--wf-navy)}
.mps-streams li{border:1.5px solid var(--wf-navy-t4);color:var(--wf-navy);background:#fff}
.mps-streams li.is-us{background:var(--wf-navy);border-color:var(--wf-navy);color:var(--wf-cream)}
.e-con.mps-person{border-style:solid!important;border-width:6px 0 0 0!important;border-color:var(--wf-blue)!important;
  background:#fff;padding:22px 24px 26px}
.mps-person .role{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--wf-cream-s2);line-height:1.4}
.mps-person h3{font-size:22px;line-height:1.2;margin:10px 0 0}
.mps-person p{font-size:15px;color:var(--wf-ink-soft);margin-top:10px}

/* ---------- Resources + Press lists ---------- */
.mps-res-row{--padding-top:28px!important;--padding-bottom:28px!important;border-bottom:1px solid var(--wf-cream-t1)}
.mps-res-row:hover{background:none}
.mps-res-titleline .mps-res-title{font-family:var(--wf-display);font-size:20px;font-weight:600;line-height:1.3;color:var(--wf-navy)}
.mps-res-titleline a.mps-res-title:hover{color:var(--wf-blue);text-decoration:none}
.mps-res-src{font-size:13px;font-weight:600;color:var(--wf-blue-s2)}
.mps-res-note,.mps-res-noteline{font-size:14px;color:var(--wf-ink-soft)}
.mps-chip,.mps-chip-pdf,.mps-chip-toolkit,.mps-chip-video,.mps-chip-form,.mps-chip-doc,.mps-chip-drive,.mps-chip-press{
  border:0;border-radius:0;font-size:11px;font-weight:700;letter-spacing:.12em;padding:6px 10px;
  color:var(--wf-navy);background:var(--wf-mint-t3)}
.mps-chip-pdf{background:var(--wf-cream-t1)}
.mps-chip-web{background:#e3eefa}
a.mps-chip:hover{background:var(--wf-navy);color:var(--wf-cream-t4);filter:none}
a.mps-chip:focus-visible{outline-color:var(--wf-blue)}
.mps-res-featured .mps-res-row{background:var(--wf-mint-t3);border:1px solid var(--wf-mint-t2);border-radius:0;padding-left:26px;padding-right:26px}
.mps-res-featured .mps-res-row:hover{background:var(--wf-mint-t3)}
.mps-res-featured .mps-chip{background:#fff}
.mps-feat-head h3{font-family:var(--wf-body);font-size:12px;letter-spacing:.14em;color:var(--wf-blue-s2)}
.mps-cat-head{border-bottom:2px solid var(--wf-navy)}
.mps-cat-head h3{font-size:clamp(24px,2.6vw,30px)}
.mps-cat-head .count{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--wf-blue-s2)}
.mps-res-jump{font-size:14px;font-weight:600;padding:8px 16px;color:var(--wf-navy);background:#fff;border:1.5px solid var(--wf-navy-t4)}
.mps-res-jump:hover,.mps-res-jump:focus-visible{background:#fff;border-color:var(--wf-navy);box-shadow:none}
.mps-res-jump:focus-visible{outline-color:var(--wf-blue)}
.mps-res-jump-n{font-size:12px;color:var(--wf-navy);background:var(--wf-mint);padding:1px 8px}
.mps-res-jump:hover .mps-res-jump-n{background:var(--wf-mint)}
.mps-month{font-family:var(--wf-body);font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--wf-blue);border-bottom:2px solid var(--wf-navy)}

/* ---------- convening cards ---------- */
.mps-event{background:#fff;border:0;border-top:6px solid var(--wf-blue)}
.mps-event .when{color:var(--wf-blue-s2)}
.mps-conv-btn{background:var(--wf-mint);color:var(--wf-navy);border-radius:2px}
.mps-conv-btn:hover{background:var(--wf-mint-t2);color:var(--wf-navy);box-shadow:none}

/* ---------- call-to-action photo band ---------- */
.mps-cta::after{background:linear-gradient(100deg,rgba(0,42,76,.92) 0%,rgba(0,56,101,.8) 40%,rgba(0,56,101,.5) 100%)}
.mps-cta h2{color:var(--wf-cream-t4)}

/* ---------- Contact / Get Involved sidebar ---------- */
.mps-aside{background:var(--wf-mint-t3);border:0;border-left:6px solid var(--wf-blue);padding:26px 28px}
.mps-aside h3{font-size:22px;color:var(--wf-navy)}
.mps-aside b{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--wf-cream-s2)}
.mps-aside p{color:var(--wf-ink-soft)}
.mps-aside a{color:var(--wf-navy);font-weight:700;text-decoration:none}
.mps-aside a:hover{color:var(--wf-blue)}

/* ---------- Take Action ---------- */
.mps-path{background:var(--wf-navy);box-shadow:none}
.mps-path::before{inset:8px;border:1.5px solid rgba(181,227,216,.35)}
.mps-path::after{display:none}
.mps-path:hover,.mps-path:focus-visible{background:var(--wf-blue-s2);box-shadow:0 10px 26px rgba(0,56,101,.25)}
.mps-path:focus-visible{outline-color:var(--wf-blue)}
.mps-path-label{font-family:var(--wf-display);font-size:22px;color:var(--wf-cream);line-height:1.15}
.mps-path-cta{color:var(--wf-mint);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none}
.mps-social-lead{font-size:12px;color:var(--wf-blue-s2)}
.mps-social-handle{color:var(--wf-navy)}
.mps-social-link{font-family:var(--wf-display);font-size:20px;font-weight:600;color:var(--wf-navy);border-bottom:0;padding-bottom:0}
.mps-social-link:hover{color:var(--wf-blue)}
.mps-social-icon{fill:currentColor;color:inherit}
.mps-social-tag{font-weight:700;color:var(--wf-blue)}

/* ---------- links in running text ---------- */
.mps-prose a,.mps-lede a,.elementor-widget-text-editor a,.mps-note a{color:var(--wf-blue-s2);text-decoration-color:rgba(33,72,111,.35)}

/* ---------- footer ---------- */
.mps-footer{background:var(--wf-navy-2);color:rgba(237,233,209,.85)}
.mps-footer a{color:var(--wf-cream-t1)}
.mps-footer a:hover{color:var(--wf-mint)}
.mps-footer-row>.e-con:first-child .elementor-widget-text-editor{font-size:17px;line-height:1.5;color:var(--wf-cream-t1)}
.mps-foot-contact b{color:rgba(237,233,209,.6)}
.mps-foot-contact p{color:var(--wf-cream-t1)}
.mps-foot-contact a{color:var(--wf-cream-t1)}
.mps-foot-contact a:hover{color:var(--wf-mint)}
.mps-colophon{color:rgba(237,233,209,.6);border-top:1px solid rgba(233,228,197,.12)}
.mps-colophon-left a,.mps-colophon-legal a{text-decoration-color:rgba(237,233,209,.35)}
.mps-colophon-left a:hover,.mps-colophon-legal a:hover{color:var(--wf-cream);text-decoration-color:var(--wf-cream)}
.mps-footer .elementor-nav-menu .elementor-item.elementor-item-active{color:var(--wf-cream-t1)}

/* ---------- Privacy Policy, Terms of Use (and the staff guide) ---------- */
.mps-guide-page .page-header{padding:52px 20px 40px;margin-bottom:36px;background:var(--wf-cream-t2);
  box-shadow:0 0 0 100vmax var(--wf-cream-t2);clip-path:inset(0 -100vmax)}
.mps-guide-page .page-header .entry-title{font-family:var(--wf-display);font-size:clamp(32px,4.3vw,54px);color:var(--wf-navy)}
.mps-guide{color:var(--wf-ink)}
.mps-guide a{color:var(--wf-blue-s2)}
.mps-legal>h2{font-size:26px;border-top:0;padding-top:0;margin:44px 0 12px}
.mps-legal>h2:first-of-type{margin-top:8px}
.mps-legal>h3{font-family:var(--wf-body);font-size:17px;font-weight:700;color:var(--wf-navy)}
.mps-legal p,.mps-legal li{color:var(--wf-ink-soft)}
.mps-legal-updated{font-size:13px!important;font-weight:600;color:var(--wf-cream-s2);border-top:0}

/* Page bodies are white (13 Nov); the header keeps the lightest cream. Photo-strip
   gaps show the page colour, so they are white too - except the homepage strip,
   which sits between the tan tracks band and the navy band and takes the tan. */
.elementor-34 .mps-band{background:var(--wf-cream-t2)}

/* "Formerly Mainline Protestant Stream" under the footer logo: quiet, small */
.mps-footer-row>.e-con:first-child .elementor-widget-text-editor.mps-formerly{font-size:13px;line-height:1.4;
  letter-spacing:.02em;color:rgba(237,233,209,.6);margin-top:-6px}
.mps-formerly p{margin:0}

/* ---------- phones ---------- */
@media (max-width:767px){
  .mps-banner::after{background:linear-gradient(175deg,rgba(0,42,76,.9) 0%,rgba(0,56,101,.82) 100%)}
  .mps-banner-plain::after{background:linear-gradient(160deg,#001c33 0%,#003865 100%)}
  .mps-rings::before,.mps-banner-plain::before{top:auto;bottom:0;width:min(380px,90%);height:auto}
  .mps-rings::before{left:0;right:auto}
  .mps-banner-plain::before{left:auto;right:0}
  .mps-dark::before{width:min(380px,90%);height:auto}
  .mps-engagements{gap:20px}
  .mps-res-row{--padding-top:22px!important;--padding-bottom:22px!important}
}/* End custom CSS */