/* WBCM only. Palette sampled from its approved banner: mountain #1f769c, sunrise #e6ac4b. */
.church-site--wbcm .visit-card {
  border-left-width: .5rem;
  border-left-color: #e6ac4b;
}
.church-site--wbcm :is(.action-card, .directions, .bulletin) {
  border: 1px solid #194f78;
  border-bottom: .28rem solid #e6ac4b;
  background: linear-gradient(148deg, #1f769c 0%, #1b618a 46%, #163f68 100%);
  color: #fff;
  box-shadow: 0 4px 0 #123653, 0 8px 17px #153f682f, inset 0 1px 0 #ffffff22;
  transition: box-shadow 150ms ease, transform 150ms ease, filter 150ms ease;
}
.church-site--wbcm .action-card strong { color: #fff; }
.church-site--wbcm :is(.action-card, .directions, .bulletin):focus-visible {
  outline: 3px solid #1f769c;
  outline-offset: 3px;
}
@media (hover: hover) {
  .church-site--wbcm :is(.action-card, .directions, .bulletin):hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 5px 0 #123653, 0 10px 21px #153f683d, inset 0 1px 0 #ffffff22;
    text-decoration: none;
  }
}
.church-site--wbcm :is(.action-card, .directions, .bulletin):active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #123653, 0 4px 9px #153f682f;
}
@media (prefers-reduced-motion: reduce) {
  .church-site--wbcm :is(.action-card, .directions, .bulletin) { transition: none; }
}