/* Scripps Tweaks: intro-text-size. The theme draws the intro (opening) text of its page and hero blocks at 40px in a light weight
   (24px on a phone), which is huge: a three-line intro fills the first screen. This makes it 32px from the tablet width (768px)
   up, in these places: the Page Intro block (SR_PageIntro); the Faculty, Cores, Disease, Timeline, About and Media Hub heroes (the
   Cores hero is also the Cores archive's header); the department page hero; the leadership archive; and the Science landing page.
   On a phone the theme's own 24px stays, so the text is never drawn larger than the theme draws it. Only the font size changes:
   the font, weight, line height (1.2), color, width and position are the theme's. Left as they are: the home page hero and the
   Awards landing blurb (they size their text by the window's height on purpose), the Department and Disease landing blocks, and
   the Hero Story's intro (20px already). The selectors carry the block's tag or class, so they outweigh the theme's whichever
   stylesheet loads last. */
@media (min-width: 768px) {
  flynt-component[name='SR_PageIntro'].pageIntro .pageIntro__description,
  flynt-component[name='SR_FacultyHero'] .facultyHero__opening,
  header.coresHero .coresHero__opening,
  flynt-component[name='SR_DepartmentHero'] .singleDepartment__opening,
  flynt-component[name='SR_DiseaseHero'] .diseaseHero__description,
  flynt-component[name='SR_TimelineHero'].timelineHero .timelineHero__description p,
  flynt-component[name='SR_AboutHero'].aboutHero .aboutHero__intro,
  flynt-component[name='SR_MediaHubHero'].mediaHubHero .mediaHubHero__openingText p,
  body .leadershipArchive__intro,
  body .scienceLanding__intro {
    font-size: 32px;
  }
}