/**
 * Styles for the ICU Covid video series
 * miamiherald.com
 */

.story-body {
  padding-bottom: 0;
  display: flow-root;
}

.story-body > .transparency {
  margin-bottom: 0;
}

.trinity-player-iframe-wrapper,
.story-body > .transparency ~ * {
  display: none;
}

.series-grid {
  --columns: 1fr;
}

@media(min-width: 768px) {
  .series-grid {
    --columns: 1fr 1fr;
  }
}

.series-grid .card {
  background-color: #373737;
  --paper-color: #373737;
  --padding: 15px;
  --lc: white;
}

.story-body .big-lead {
  max-width: var(--section-width);
}

@media(max-width: 1200px) {
  .story-body .big-lead {
    margin-top: 0;
    padding-top: 0;
  }

  .big-lead figcaption {
    padding-left: 15px;
  }
}

/**
 * Landing page variant
 */

.icu-landing, .series-grid {
  background-color: #222;
  --paper-color: #222;
  --tc: white;
}

.icu-landing .header {
  margin: 30px auto;
}

.icu-landing .header .h1 {
  font-size: 1.4rem;
  margin-top: 0px;
}

.icu-landing .header > .h6,
.icu-landing .lead-item figcaption {
  display: none;
}

@media(min-width: 600px) {
  .icu-landing .header .h1 {
    font-size: 1.6rem;
  }
}

.icu-landing .transparency {
  --tc: #222;
}

/* Last minute fix */

.icu-landing .big-lead {
  position: relative;
  padding-top: 0;
  height: 40vw;
  max-width: 100%;
}

.icu-landing .big-lead img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
}