/* Give Option block definition (Ways To Give page): a way to support the PTA,
   laid out as a titled band with the heading + image on the left and the
   description / call-to-action on the right; stacks on narrow screens.
   Scoped under .bt-give so nothing else on the site is affected. */
.bt-give {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding: 2.5rem 0;
  border-top: 1px solid #e3e3e3;
}
.bt-give:first-child { border-top: 0; padding-top: 0; }
.bt-give:last-child { padding-bottom: 0; }

.bt-give__head {
  flex: 0 0 calc(50% - 20px);
  text-align: center;
}
.bt-give__head h3 { font-size: 1.6rem; margin-bottom: 1.25rem; }
.bt-give__head img { max-width: 260px; margin: 0 auto; border-radius: 4px; }

.bt-give__body { flex: 1 1 0; min-width: 0; }
.bt-give__body ol,
.bt-give__body ul { margin: 0 0 1em 0; padding-left: 1.25rem; }
.bt-give__body li { margin-bottom: 0.45em; }
.bt-give__body a:has(> .bt-btn) { display: inline-block; margin-top: 0.75rem; }

/* Inside a blue Section the band is centered and the image sits in the middle. */
.bt-section--blue .bt-give { border-top: 0; padding: 0; }
.bt-section--blue .bt-give__body { text-align: center; }

@media (max-width: 719px) {
  .bt-give { flex-direction: column; gap: 1.5rem; padding: 2rem 0; }
  .bt-give__head { flex-basis: auto; width: 100%; }
}