/* ==========================================================================
   OTN theme: Shows page layout (DESIGN.md 8.1), ported from the mockups'
   assets/css/pages/shows.css.
   Page-specific layout only. The page head, jump chips, lower thirds,
   poster and partner cards and poster grids (including the phone compact
   list) come from components.css. The rows of OTN's streaming site
   (.otn-shows__group) are printed by otn-shows' otn/show-groups.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Page head: the pitch line and button under the dek, then the jump chips
   -------------------------------------------------------------------------- */

/* 24px below the dek */
.otn-shows__pitch {
  margin-top: var(--otn-space-5);
}

/* pitch.text as a body paragraph, 16px above the button */
.otn-shows__pitch-text,
:root p.otn-shows__pitch-text {
  margin: 0 0 var(--otn-space-4);
}

/* Jump chips: 32px below the button, still inside the page head */
.otn-shows__chips,
:root .otn-pagehead .otn-shows__chips {
  margin-top: var(--otn-space-6);
}


/* --------------------------------------------------------------------------
   Section intros in the reading column, left-aligned with the grid below;
   32px above the grid. For each row of OTN's streaming site this is the
   row's own description; for the Partners section, the syndication text.
   -------------------------------------------------------------------------- */

.otn-shows__intro {
  max-width: var(--otn-w-reading);
  margin-bottom: var(--otn-space-6);
}

/* A compact row (Short Film Showcase, a row of single films; or a row with
   no shows): the description and a text link, no grid */
.otn-shows__group--compact .otn-shows__intro {
  margin-bottom: 0;
}