/**
 * Sponsor Page presentation and Bootstrap 3-to-4 grid compatibility.
 */
.cc26-sponsor-page {
  padding-block: clamp(2rem, 5vw, 4rem);
}

.cc26-sponsor-page__content {
  width: 100%;
  min-width: 0;
}

.cc26-sponsor-page img {
  max-width: 100%;
  height: auto;
}

.cc26-sponsor-page iframe,
.cc26-sponsor-page video {
  max-width: 100%;
}

.cc26-sponsor-page table {
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.cc26-sponsor-page .viewsreference--view-title {
  margin: 2.5rem 0 1.25rem;
  color: var(--navy, #10213f);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 900;
  text-align: center;
}

/* Views adds a wrapper between its .row and column elements. */
.cc26-sponsor-page .viewsSponsorLogoGroup.row > .view-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.cc26-sponsor-page .colSponsorLogoGroup {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding-block: 1rem;
}

.cc26-sponsor-page .colSponsorLogoGroup img {
  display: block;
  margin-inline: auto;
  object-fit: contain;
}

@media (max-width: 575.98px) {
  .cc26-sponsor-page .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .cc26-sponsor-page .colSponsorLogoGroup {
    padding-block: 0.75rem;
  }

  /* Stored Sponsor markup predates Bootstrap 4's renamed base breakpoint. */
  .cc26-sponsor-page .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .cc26-sponsor-page .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}