/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 3/2024
 * ===========================
 */

/* ---------------- HEADERS ---------------- */
h3.sponsor-group-header {
  text-align: center;
  color: #444;
  font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  margin: 0 0 1.5rem;
}
h3.sponsor-group-header.platinum {
  background: linear-gradient(
    to bottom,
    rgba(178, 175, 184, 0.75) 0%,
    rgba(178, 175, 184, 0.25) 100%
  );
}
h3.sponsor-group-header.gold {
  background: linear-gradient(
    to bottom,
    rgba(254, 191, 34, 0.75) 0%,
    rgba(254, 191, 34, 0.25) 100%
  );
}
h3.sponsor-group-header.silver {
  background: linear-gradient(
    to bottom,
    rgba(161, 162, 166, 0.75) 0%,
    rgba(161, 162, 166, 0.25) 100%
  );
}
h3.sponsor-group-header.bronze {
  background: linear-gradient(
    to bottom,
    rgba(173, 135, 112, 0.75) 0%,
    rgba(173, 135, 112, 0.25) 100%
  );
}

/* ---------------- SPONSORS ---------------- */
.sponsor-container .item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 4rem;
}
.sponsor-container .item-list .item-list__item {
  margin: 0;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.sponsor-container .item-list__link {
  text-align: center;
}
.sponsor-container .item-list__media {
  margin: 0 auto 1rem;
  width: auto;
  float: none;
  display: flex;
  max-width: 100%;
  max-height: 4rem;
}
.sponsor-container .item-list__meta {
  display: none;
}
.sponsor-container .item-list__title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .sponsor-container.platinum .item-list .item-list__item {
    width: calc(33.33% - 4rem);
  }
  .sponsor-container.gold .item-list .item-list__item {
    width: calc(25% - 4rem);
  }
  .sponsor-container.silver .item-list .item-list__item {
    width: calc(20% - 4rem);
  }
  .sponsor-container.bronze .item-list .item-list__item {
    width: calc(16.66% - 4rem);
  }
}