.story-body .header,
.immersive figcaption,
.story-gallery {
  display: none;
}

.story-body {
  padding-bottom: 15px;
}

.story-body .headline-moved {
  font: 400 29px var(--sans, "McClatchy Sans");
}

.story-body .headline-moved span {
  font: 400 50px/1.1em var(--serif, "McClatchy Serif");
}

@media(max-width: 600px) {
  .immersive.headline-moved .media {
    height: calc(100vw * 1.2);
  }

  .story-body .headline-moved {
    font-size: 22px;
  }

  .story-body .headline-moved span {
    font-size: 40px;
  }
}

.story-body > h3 {
  margin-bottom: 5px;
  font-size: 24px;
}

.story-body > h3 + p,
.story-body > h3 + script + p {
  font: 700 14px var(--sans, "McClatchy Sans");
  margin-top: 5px;
}

.chiefs-breaker:before {
  display: block;  
  margin: 30px auto;  
  width: 300px;  
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMjEuOSI+CiAgPHBhdGggZD0iTTAsMTAuNmwxMjYuMy40bTM5LjUtLjYuNS41Yy4yLjUtLjEuNy0uNi45cy0xLjUuMy0yLjIsMS4xYTcuMyw3LjMsMCwwLDEtMS43LDEuNWwtMS4xLjQtLjcuNWEzLjIsMy4yLDAsMCwxLTEuMy44bC0xLjMuNC0uOS40Yy0uNS4yLTEsLjgtMS43LjlhNi40LDYuNCwwLDAsMC0yLjEuNywyLjQsMi40LDAsMCwxLTEuMi4zLDIuOSwyLjksMCwwLDAtMS42LjQsNCw0LDAsMCwxLTEuNi43bC0yLjIuMi0xLjIuNWE1LjcsNS43LDAsMCwxLTEuOS4xLDUuMiw1LjIsMCwwLDAtMi4xLjEsNC45LDQuOSwwLDAsMS0xLjcuMS41LjUsMCwwLDEtLjQtLjIsMS4zLDEuMywwLDAsMS0uMS0uNiwyLjUsMi41LDAsMCwxLC4xLS45Yy4xLS4xLjItMSwuMy0xLjFzLjItMS42LS40LTEuOWExLjksMS45LDAsMCwwLTEuMS0uMWMtMSwuMS0uOC4zLTEuNS4xaC0uNmwtMS4yLjNjLS4zLjEtLjQtLjMtLjQtLjVzLjEtLjcuMS0xLjJhMTAuOCwxMC44LDAsMCwwLS40LTEuNywxMi42LDEyLjYsMCwwLDEtLjEtMS42LDQuMyw0LjMsMCwwLDEsLjYtMiwzLjYsMy42LDAsMCwwLC40LS45LDEuNywxLjcsMCwwLDAsLjEtMS4yVjYuOWMwLS4yLjEtLjUuMS0uNnMuMi0uNC40LS41aC40Yy40LDAsLjUuMywxLjItLjFhMS4xLDEuMSwwLDAsMSwuOS4ybC44LjJhMS42LDEuNiwwLDAsMCwuOS0uM2MuMS0uMS4zLS4xLjQtLjNzLjItLjQuMi0uNmEyLjYsMi42LDAsMCwwLDAtLjksOC4xLDguMSwwLDAsMC0uMy0xLjFsLS4zLS45VjEuNWEuNS41LDAsMCwxLC40LS41bDIuOC4yYTUuMyw1LjMsMCwwLDEsMi4xLjJjLjMuMS41LjQsMSwuNXMxLjgtLjQsMi42LDBhMy40LDMuNCwwLDAsMSwxLjIuNiw2LjMsNi4zLDAsMCwwLDEuNy42LDMuNywzLjcsMCwwLDEsMi4zLjUsMy4yLDMuMiwwLDAsMCwxLjcuNmMuNy4xLjgsMCwxLjQuNGwuOC42LjcuNC43LjJoMS4zbC40LjRjLjMuMS42LjYuOSwxcy4zLjUsMS4yLjYuNy4zLjguNC40LjMuOC42YTMsMywwLDAsMCwxLC45bC44LjZtNy4xLjJMMzAwLDExIiBmaWxsPSJub25lIiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.story-body h3 svg.twitter {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
  left: 10px;
  top: 2px;
  fill: #222;
}

/**
 * Quote window
 */

@keyframes crossfade {
  0% { opacity: 0 }
  25% { opacity: 1 }
  75% { opacity: 1 }
  100% { opacity: 0 }
}

.immersive .media {
  position: relative;
}

.quote-lead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at bottom center, rgba(255,255,255,0.9), white 70%);
}

.quote-lead blockquote {
  font-size: 24px;
  max-width: 400px;
  color: #222;
  position: absolute;
  left: var(--x);
  top: var(--y);
  animation-name: crossfade;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-delay: var(--delay);
  text-align: center;
}

.quote-lead blockquote .author {
  display: block;
  font: 14px var(--sans, "McClatchy Sans");
  margin-top: 10px;
}

.quote-lead:not(.ready) blockquote {
  visibility: hidden;
}