.card .card__media__info {
  display: flex;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 0.8rem;
  padding-inline: 0.8rem;
  background-color: rgba(0, 0, 0, 0.3);
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.7));
  align-items: flex-end;
}
.card .card__media__info .event-card__times {
  color: #ffffff;
  -webkit-margin-after: 0.8rem;
  margin-block-end: 0.8rem;
}
.card .card__content {
  padding: 1rem;
}
.card .card__content .event-card__datetimes {
  font-size: small;
  color: #532d6e;
}
.card .button {
  margin: 0;
  margin-top: 1.5rem;
}

.card__eyebrow {
  display: block;
  font-size: 0.75rem;
}

.card__title {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .card__title {
    font-size: 2rem;
  }
}

.card__subhead {
  font-size: 1.25rem;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .card__subhead {
    font-size: 1.5rem;
  }
}

.card__link {
  display: inline-block;
  margin-top: 1.5rem;
}

.card--wide {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 544px) {
  .card--wide {
    flex-direction: row;
  }
}
.card--wide .card__media {
  flex: 1;
}
.card--wide .card__content {
  flex: 1;
}
@media screen and (min-width: 544px) {
  .card--wide .card__content {
    margin: 0 0 0 1.5rem;
  }
}
.card--wide .card__eyebrow {
  margin-top: 0;
}

@media screen and (min-width: 544px) {
  .card--media-right {
    flex-direction: row-reverse;
  }
  .card--media-right .card__content {
    margin: 0 1.5rem 0 0;
  }
}