/* ESV 7.44: ONE component for all inner-page heroes.
   The illustrated homepage hero (.esv-hero) is deliberately not selected.
   Legacy runtime and saved Gutenberg markup share exactly the same rules.
   !important is confined here to compatibility with saved WP inline styles. */
:root {
  --esv-page-hero-background:linear-gradient(135deg,#06472f 0%,#023523 58%,#022d20 100%);
  --esv-page-hero-height:310px;
  --esv-page-hero-rail:var(--esv-content-rail,1180px);
}
.esv-runtime-page-hero,
.esv-page-hero {
  width:100%;max-width:100%;margin:0!important;padding:0!important;min-height:0!important;
  background:var(--esv-page-hero-background)!important;color:var(--esv-color-hero-text,#fff);box-sizing:border-box;
}
.esv-runtime-page-hero-inner,
.esv-page-hero>.alignwide {
  display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start!important;
  width:min(var(--esv-page-hero-rail),calc(100% - 48px))!important;max-width:var(--esv-page-hero-rail)!important;
  margin:0 auto!important;padding:46px 0 42px!important;box-sizing:border-box!important;
  min-height:var(--esv-page-hero-height)!important;height:auto!important;
}
:is(.esv-runtime-page-hero,.esv-page-hero) .esv-kicker {
  flex:0 0 auto;margin:0 0 18px!important;padding:0;font-size:.78rem!important;line-height:1.55!important;
  color:var(--esv-color-link,#62e995)!important;text-align:left;
}
:is(.esv-runtime-page-hero,.esv-page-hero) h1 {
  flex:0 0 auto;width:100%!important;max-width:1080px!important;margin:0!important;padding:0;
  font-size:clamp(3.45rem,4.85vw,4.8rem)!important;line-height:1.01!important;letter-spacing:-.035em;
  color:var(--esv-color-hero-text,#fff)!important;text-align:left;white-space:normal!important;overflow-wrap:break-word;
}
.esv-runtime-page-intro,
.esv-page-hero p.has-large-font-size {
  flex:0 0 auto;width:100%!important;max-width:960px!important;min-height:2.84em!important;
  margin:24px 0 0!important;padding:0;font-size:clamp(1.28rem,1.85vw,1.72rem)!important;
  line-height:1.4!important;color:var(--esv-color-hero-text,#fff)!important;text-align:left;overflow-wrap:break-word;
}
/* Preserve the already accepted mobile rhythm. Long text may grow, never clip. */
@media(max-width:900px) {
  .esv-runtime-page-hero-inner,.esv-page-hero>.alignwide {
    width:calc(100% - 32px)!important;min-height:0!important;height:auto!important;
    padding:30px 0 32px!important;
  }
  :is(.esv-runtime-page-hero,.esv-page-hero) .esv-kicker {
    font-size:.72rem!important;line-height:1.5!important;margin:0 0 12px!important;
  }
  :is(.esv-runtime-page-hero,.esv-page-hero) h1 {
    font-size:clamp(2rem,8.4vw,2.65rem)!important;line-height:1.08!important;
    letter-spacing:-.025em!important;max-width:100%!important;hyphens:auto;
  }
  .esv-runtime-page-intro,.esv-page-hero p.has-large-font-size {
    font-size:1.08rem!important;line-height:1.45!important;max-width:100%!important;
    min-height:0!important;margin:14px 0 0!important;
  }
}