/* Keep managed uploads at their natural ratio instead of cropping with cover. */
.renew-subpage__hero.has-background-image.renew-subpage__hero--managed-image {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  padding: 0;
  align-items: center;
  background-image: none;
  background-color: #10231b;
}
.renew-subpage__hero--managed-image > .renew-subpage__hero-picture {
  display: block;
  grid-area: 1 / 1;
  min-width: 0;
  width: 100%;
  align-self: center;
  z-index: -2;
}
.renew-subpage__hero-picture > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  object-position: center center;
}
.renew-subpage__hero--managed-image > .renew-shell {
  grid-area: 1 / 1;
  min-width: 0;
  align-self: center;
  justify-self: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
/* Unify desktop subpage Heroes; home and NEXTGEN layouts are excluded. */
@media (min-width: 961px) {
  .renew-site .renew-subpage > .renew-subpage__hero {
    box-sizing: border-box;
    height: 700px;
    min-height: 700px;
    max-height: 700px;
    overflow: hidden;
  }
  .renew-subpage__hero--managed-image {
    grid-template-rows: minmax(0, 1fr);
  }
  .renew-subpage__hero--managed-image > .renew-subpage__hero-picture,
  .renew-subpage__hero-picture > img {
    height: 100%;
    min-height: 0;
    max-height: 700px;
  }
  .renew-subpage__hero-picture > img {
    object-fit: cover;
    object-position: center center;
  }
  .renew-subpage__hero--managed-image > .renew-shell {
    box-sizing: border-box;
    max-height: 700px;
    overflow-y: auto;
  }
}
/* Mobile navigation must occupy space instead of covering the photo's top. */
@media (max-width: 960px) {
  .renew-site:has(.renew-subpage__hero--managed-image) > .renew-header {
    position: sticky;
    top: 0;
  }
}
@media (max-width: 640px) {
  .renew-subpage__hero--managed-image > .renew-shell {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

/* Plain Enter line breaks and inline HTML are supported together. */
.renew-subpage--managed-hero .renew-subpage__hero h1,
.renew-subpage--managed-hero .renew-subpage__eyebrow {
  white-space: pre-line;
}
.renew-subpage--managed-hero .renew-subpage__hero strong,
.renew-subpage--managed-hero .renew-subpage__hero b {
  font-weight: 800;
}

/* Match the church information Hero typography across every subpage menu. */
.renew-site .renew-subpage > .renew-subpage__hero h1 {
  font-size: 48px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .renew-site .renew-subpage > .renew-subpage__hero h1 {
    font-size: 34px;
  }
}