/* Approved inner-page banner styling; applies only to opted-in banners. */
.parish-unified-banner {background:linear-gradient(120deg,var(--navy-dark,#102936),var(--navy,#204657))!important;color:#fff!important;border-bottom:4px solid var(--gold,#c8a365)!important;padding:42px 0 38px!important;overflow-wrap:break-word;min-height:0;}
.parish-unified-banner .container {min-width:0;}
.parish-unified-banner .eyebrow,.parish-unified-banner .banner-eyebrow {display:block;color:#e7c994!important;font:700 12px/1.5 "Segoe UI",Arial,sans-serif!important;letter-spacing:2px;text-transform:uppercase;}
.parish-unified-banner h1,.parish-unified-banner h2 {color:#fff!important;font:700 clamp(30px,4vw,43px)/1.2 "Segoe UI",Arial,sans-serif!important;margin:8px 0 10px!important;overflow-wrap:anywhere;}
.parish-unified-banner p {color:#e1e8ea!important;font-size:16px;line-height:1.65;max-width:760px;overflow-wrap:break-word;}
.parish-unified-banner:not(.vicar-hero) p {margin-top:0;margin-bottom:0;}
.parish-unified-banner.vicar-hero .vicar-hero-grid {align-items:center;}
.parish-unified-banner.vicar-hero .vicar-scripture {margin:18px 0;}
.parish-unified-banner.vicar-hero .vicar-date {margin:12px 0;}
.parish-unified-banner.vicar-hero .vicar-contacts {margin-top:18px;}
@media(max-width:720px){.parish-unified-banner{padding:30px 0!important}.parish-unified-banner h1,.parish-unified-banner h2{font-size:clamp(28px,7vw,36px)!important}.parish-unified-banner p{font-size:15px}}

/* Uniform typography and content positioning for all common banners. */
.parish-unified-banner > .container { width: min(100% - 32px, 1140px); margin-inline:auto; box-sizing:border-box; }
.parish-unified-banner .eyebrow { margin:0!important; }
.parish-unified-banner h1,.parish-unified-banner h2 { text-align:left!important; letter-spacing:normal!important; text-transform:none!important; }
.parish-unified-banner p[data-banner-field="description"] { font:400 16px/1.65 "Segoe UI",Arial,sans-serif!important; margin:0!important; text-align:left!important; }
@media(max-width:720px){.parish-unified-banner > .container {width:calc(100% - 32px)}.parish-unified-banner p[data-banner-field="description"]{font-size:15px!important}}

/* Alignment correction: all banner text shares one left edge. */
html body .parish-unified-banner,
html body .parish-unified-banner > .container,
html body .parish-unified-banner .eyebrow,
html body .parish-unified-banner .banner-eyebrow,
html body .parish-unified-banner [data-banner-field="eyebrow"],
html body .parish-unified-banner [data-banner-field="title"],
html body .parish-unified-banner [data-banner-field="description"] {
  text-align:left!important;
}
html body .parish-unified-banner > .container {
  display:block;
  width:calc(100% - 32px);
  max-width:1140px;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body .parish-unified-banner .eyebrow,
html body .parish-unified-banner .banner-eyebrow {
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  position:static!important;
}
html body .parish-unified-banner h1,
html body .parish-unified-banner h2,
html body .parish-unified-banner [data-banner-field="description"] {
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}
/* Preserve the Vicar's two-column photograph layout while aligning text. */
html body .parish-unified-banner.vicar-hero > .vicar-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:55px;
  align-items:center;
}
@media(max-width:780px) {
  html body .parish-unified-banner.vicar-hero > .vicar-hero-grid {
    grid-template-columns:1fr;
    gap:24px;
  }
}

/* 2026-10-18: fix legacy centered banners and make theme palette authoritative. */
html body section.parish-unified-banner {
  background:linear-gradient(120deg,var(--navy-dark,#102936),var(--navy,#204657))!important;
  border-bottom-color:var(--gold,#c8a365)!important;
  text-align:left!important;
}
/* Some legacy banners omit .container entirely; give their direct children
   the same 1140px content rail as banners that include .container. */
html body section.parish-unified-banner > :not(.container):not(.vicar-hero-grid) {
  box-sizing:border-box!important;
  display:block;
  width:calc(100% - 32px)!important;
  max-width:1140px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
  float:none!important;
  transform:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
}
html body section.parish-unified-banner > .container,
html body section.parish-unified-banner > .container > *,
html body section.parish-unified-banner > .container > .eyebrow,
html body section.parish-unified-banner > .container > .banner-eyebrow,
html body section.parish-unified-banner > .container > h1,
html body section.parish-unified-banner > .container > h2,
html body section.parish-unified-banner > .container > p {
  text-align:left!important;
}
html body section.parish-unified-banner .eyebrow,
html body section.parish-unified-banner .banner-eyebrow,
html body section.parish-unified-banner [data-banner-field="eyebrow"] {
  color:var(--gold,#c8a365)!important;
  text-align:left!important;
  justify-content:flex-start!important;
}
html body section.parish-unified-banner h1,
html body section.parish-unified-banner h2,
html body section.parish-unified-banner [data-banner-field="title"] {
  text-align:left!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(30px,4vw,43px)!important;
  line-height:1.2!important;
}
html body section.parish-unified-banner p,
html body section.parish-unified-banner [data-banner-field="description"] {
  text-align:left!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
}
/* Keep Vicar's photo grid, and its image, outside direct-child rail rules. */
@media(max-width:720px) {
  html body section.parish-unified-banner h1,
  html body section.parish-unified-banner h2 {font-size:clamp(28px,7vw,36px)!important;}
  html body section.parish-unified-banner p {font-size:15px!important;}
}