/* Quiet link treatment for the two persistent homepage actions. */
.homepage .site-header .nav-cta,
.homepage .site-header .nav-cta:hover,
.homepage .site-header .nav-cta:focus,
.homepage .site-header .nav-cta:focus-visible,
.homepage .mobile-action-bar > button,
.homepage .mobile-action-bar > button:first-child,
.homepage .mobile-action-bar > button:hover,
.homepage .mobile-action-bar > button:first-child:hover,
.homepage .mobile-action-bar > button:focus,
.homepage .mobile-action-bar > button:first-child:focus,
.homepage .mobile-action-bar > button:focus-visible,
.homepage .mobile-action-bar > button:first-child:focus-visible {
  background: transparent;
  color: #123b91;
  border: 0;
  box-shadow: none;
  transform: none;
}

.homepage .site-header .nav-cta {
  min-height: 44px;
}

.homepage .mobile-action-bar > button {
  min-height: 53px;
}

.homepage .site-header .nav-cta,
.homepage .mobile-action-bar > button {
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.homepage .site-header .nav-cta:hover,
.homepage .mobile-action-bar > button:hover {
  text-decoration: underline;
}

.homepage .site-header .nav-cta:focus-visible,
.homepage .mobile-action-bar > button:focus-visible {
  outline: 3px solid #927746;
  outline-offset: 3px;
}

.homepage .mobile-action-bar[hidden] {
  display: none !important;
}

/* Homepage calls to action: keep the typography, lose the filled control. */
.homepage .button,
.homepage .button:hover,
.homepage .button:focus,
.homepage .button:focus-visible,
.homepage .button:active {
  min-height: 44px;
  background: transparent;
  color: #123b91;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  text-decoration: none;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.homepage .button:hover,
.homepage .button:focus,
.homepage .button:focus-visible {
  text-decoration: underline;
}

.homepage .button:focus-visible {
  outline: 3px solid #927746;
  outline-offset: 4px;
}

.homepage .button:disabled {
  opacity: .65;
  cursor: default;
}

/* On dark imagery and the closing panel, retain a quiet light-text treatment. */
.homepage .hero .button,
.homepage .hero .button:hover,
.homepage .hero .button:focus,
.homepage .hero .button:focus-visible,
.homepage .closing-section .button,
.homepage .closing-section .button:hover,
.homepage .closing-section .button:focus,
.homepage .closing-section .button:focus-visible {
  color: #f6f4ef;
}

.homepage .hero .button:focus-visible,
.homepage .closing-section .button:focus-visible {
  outline-color: #d4bc88;
}

/* The quick-start form and testimonial content should sit directly on their sections. */
.homepage .quick-start {
  background: transparent;
  box-shadow: none;
}

.homepage .stories-empty,
.homepage .story-card {
  background: transparent;
  border: 0;
  border-top: 0;
  box-shadow: none;
}

.homepage .footer-scripture {
  background: transparent;
  border: 0;
  box-shadow: none;
}