/* Feature articles on the church-av frame: Fraunces and Inter come from church-av.css. */
.cav.feature-page { background: #f7f4ef; }

.cav.feature-page .hero {
  height: auto;
  min-height: 0;
  justify-content: flex-start;
  overflow: visible;
  background:
    radial-gradient(1200px 420px at 80% -10%, rgba(29, 79, 216, 0.45), transparent 55%),
    #0f1b3d;
}
.cav.feature-page .hero::after { display: none; }
.cav.feature-page .hero-inner {
  margin: 0 auto;
  padding: 2.25rem 0 2.5rem;
}
.cav.feature-page .hero .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
}

.cav.feature-page .shot-band {
  background: #fff;
  padding: 1.75rem 0 0.5rem;
}
.cav.feature-page .shot {
  margin: 0;
  padding: 0.7rem;
  background: #fff;
  border: 1px solid #e4dccf;
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(15, 27, 61, 0.16);
}
.cav.feature-page .shot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.cav.feature-page .shot figcaption {
  margin: 0.65rem 0.2rem 0.15rem;
  color: #3f4d6b;
  font-size: 16px;
}

.cav.feature-page .band-white { background: #fff; }
.cav.feature-page .plan { margin: 0 0 0.25rem; max-width: 42rem; font-size: 18px; }
.cav.feature-page .price-link,
.cav.feature-page .related a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 600;
  text-decoration: none;
}
.cav.feature-page .related {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cav.feature-page .related li { margin: 0; }

.cav.feature-page .feature-foot {
  margin-top: 0;
  padding: 2.5rem 0 2rem;
  background: #0f1b3d;
  color: #e7e5e4;
}
.cav.feature-page .feature-foot h2 {
  margin: 0 0 0.75rem;
  color: #fff;
  font-size: 26px;
}
.cav.feature-page .feature-foot p { color: #e7e5e4; }
.cav.feature-page .feature-foot a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.cav.feature-page .feature-foot .services {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  columns: 1;
}
.cav.feature-page .feature-foot .services a,
.cav.feature-page .feature-foot .services span,
.cav.feature-page .feature-foot .foot-links a {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.cav.feature-page .feature-foot .foot-links {
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5rem;
}
.cav.feature-page .feature-foot .services span[aria-current="page"] {
  color: #f4b63f;
}

@media (min-width: 800px) {
  .cav.feature-page .feature-foot .services { columns: 2; }
  .cav.feature-page .feature-foot .foot-links { flex-direction: row; flex-wrap: wrap; gap: 0 1.25rem; }
}

@media (min-width: 960px) {
  .cav.feature-page .hero { height: auto; }
  .cav.feature-page h1 { font-size: 48px; }
}

@media (max-width: 480px) {
  .cav.feature-page h1 { font-size: 32px; line-height: 1.12; }
  .cav.feature-page .lede { font-size: 18px; }
}

/* At 390 the church-av header drops the links onto their own row. */
@media (max-width: 390px) {
  .cav.feature-page .topnav-inner {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .cav.feature-page .topnav nav {
    flex-basis: 100%;
  }
  .cav.feature-page .topnav .brand,
  .cav.feature-page .topnav nav a {
    min-height: 44px;
  }
}