/* Opportunity block definition: a way to get involved, laid out as a titled
   band with body content on the left and a photo + call-to-action on the
   right. Scoped under .bt-opp so nothing else on the site is affected. */
.bt-opp {
  border-top: 1px solid #333333;
  padding-top: 2rem;
  margin-bottom: 4rem;
}
.bt-opp:last-child { margin-bottom: 0; }

.bt-opp__title { margin-bottom: 1.5rem; }
.bt-opp__title strong { font-weight: 700; }
.bt-opp__commitment { font-weight: 400; }
.bt-opp__commitment:not(:empty)::before { content: " \2014  "; }

.bt-opp__row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.bt-opp__body { flex: 1 1 0; min-width: 0; }
.bt-opp__aside { flex: 0 0 300px; }
.bt-opp__aside img {
  width: 100%;
  height: auto;
  margin-bottom: 1.25rem;
  border-radius: 4px;
}

.bt-opp__body ul { margin: 0 0 1em 0; padding-left: 1.25rem; }
.bt-opp__body ul ul { margin: 0.3em 0 0 0; }
.bt-opp__body li { margin-bottom: 0.45em; }

@media (max-width: 719px) {
  .bt-opp { margin-bottom: 2.5rem; padding-top: 1.5rem; }
  .bt-opp__row { flex-direction: column; }
  .bt-opp__aside { flex-basis: auto; width: 100%; max-width: 300px; }
}