/* Scripps Tweaks: footer-marquee-one-line. The marquee revealed under the footer (SR_SpecialMarquee) is a stack of hairline, band one,
   hairline, band two and hairline. This hides the second band and the hairline between the two, leaving one band between two
   hairlines, and tightens it:
   - the space above the top hairline and below the bottom one is halved (32px to 16px, 24px to 12px on a phone);
   - the space between the top hairline and the tops of the letters is reduced to match the space between the bottoms of the letters
     and the bottom hairline (measured on the capital letters with the theme's font: 32px above and 11.2px below at the theme's 160px
     size, so both are 11.2px). The band is 0.87 of its height (139.2px, 83.52px on a phone) and the letters sit 0.13em higher (the theme's 0.09em downward nudge becomes a 0.04em upward one).
   The page measures the marquee after the stylesheets have loaded (templates/_document.twig sets --marquee-height from its height)
   and reserves that much room under the footer, so the reserved room shrinks with the marquee: no separate change is needed. The
   text, the scrolling and the color cycle are the theme's. The selectors carry the marquee's class as well as its tag, so they
   outweigh the theme's whichever stylesheet loads last. */
flynt-component[name='SR_SpecialMarquee'] .specialMarquee__band--one + .specialMarquee__rule,
flynt-component[name='SR_SpecialMarquee'] .specialMarquee__band--two {
  display: none;
}

flynt-component[name='SR_SpecialMarquee'].specialMarquee {
  padding-block: 16px;
}

flynt-component[name='SR_SpecialMarquee'].specialMarquee .specialMarquee__band--one {
  block-size: 139.2px;
}

flynt-component[name='SR_SpecialMarquee'].specialMarquee .specialMarquee__text {
  transform: translateY(-0.04em);
}

@media (max-width: 767px) {
  flynt-component[name='SR_SpecialMarquee'].specialMarquee {
    padding-block: 12px;
  }

  flynt-component[name='SR_SpecialMarquee'].specialMarquee .specialMarquee__band--one {
    block-size: 83.52px;
  }
}
