/* =============================================================================
 * The Lupaxa Project Portal
 * Sponsor Page
 * ============================================================================= */

.md-typeset .grid.cards.sponsor-reasons {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-introduction.sponsor-close p {
  color: var(--lupaxa-light-blue);
  font-size: 20px;
  text-align: center;
}

.md-typeset .sponsor-reasons > ul > li,
.md-typeset .sponsor-reasons > li {
  padding: var(--lupaxa-spacing-md) 1.4rem;
}

.md-typeset .sponsor-reasons > ul > li > p:first-child,
.md-typeset .sponsor-reasons > li > p:first-child {
  margin: 0;
}

.md-typeset .sponsor-reasons hr {
  margin: 0.65rem 0;
}

.sponsor-widget {
  margin: 1.5rem 0 var(--lupaxa-spacing-lg);
  padding: 1.25rem;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--md-default-bg-color) 96%,
        var(--lupaxa-blue)
      ),
      var(--md-default-bg-color)
    );
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: var(--lupaxa-radius-card);
  box-shadow: var(--lupaxa-shadow-card);
}

.sponsor-widget-frame {
  overflow: hidden;
  background: #fff;
  border-radius: 0.45rem;
  padding: 2rem 0 1.25rem;
}

.sponsor-widget iframe {
  display: block;
  width: 100%;
  height: 640px;
  overflow: hidden;
  padding: 0;
  background: #fff;
  border: 0;
}

.sponsor-widget-fallback {
  margin: 0;
  padding: 0.85rem 0 0;
  text-align: center;
}

@media screen and (max-width: 59.984375em) {
  .md-typeset .grid.cards.sponsor-reasons {
    grid-template-columns: minmax(0, 1fr);
  }
}