/* BUILD 41 | A little more breathing room for the Harabara display type.
   Apply to actual headings, not logos, body copy, buttons or navigation.
   Leave the original red/yellow branding, lettering outlines and shadows intact. */

/* Headings in the home, activity, event and other Roving Bricks page layouts. */
.rbh-page h1,
.rbh-page h2,
.rbh-page h3,
.rbh-interior .page-banner h1,
.rbh-interior .hero-copy h1,
.rbh-interior .section-head h2 {
  letter-spacing:.045em!important;
}

/* Large hero slogans are wide and punchy, but no longer tightly crammed.
   Both foreground and shadow layers inherit the SAME tracking. */
.rbh-page .rbh-hero h1,
.rbh-interior .rbh-play-page .rbh-play-hero h1 {
  letter-spacing:.052em!important;
}

/* Yellow section title ribbons: retain their size, slope, text clipping,
   red studded brick, and fixed-height mobile geometry. */
.rbh-page .rbh-ribbon,
.rbh-interior .rbh-ribbon {
  letter-spacing:.052em!important;
}

/* Individual activity, services and event names benefit from slightly
   wider tracking than large hero titles. */
.rbh-page .rbh-activity-card h3,
.rbh-page .rbh-activity strong,
.rbh-page .rbh-event-copy h3,
.rbh-interior .rbh-event-copy h3 {
  letter-spacing:.06em!important;
}

/* Preserve fit within narrow screens without sacrificing spacing. */
@media(max-width:420px){
  .rbh-page .rbh-ribbon,
  .rbh-interior .rbh-ribbon {letter-spacing:.042em!important;}
  .rbh-page .rbh-activity-card h3,
  .rbh-page .rbh-activity strong,
  .rbh-page .rbh-event-copy h3,
  .rbh-interior .rbh-event-copy h3 {letter-spacing:.052em!important;}
  .rbh-page .rbh-hero h1,
  .rbh-interior .rbh-play-page .rbh-play-hero h1 {letter-spacing:.043em!important;}
}

/* Shared interior hero headings (Events, Gallery, Activities, individual
   events, services and mosaics): use ONE solid black offset silhouette,
   not the old second text copy, which could fall below the letters on Safari.
   The shadow is 50% further out than the previous 1.5px / 2px offset.
   Preserve the Harabara font, outline, red/white ink and tracking. */
.rbh-interior .rbh-play-page .rbh-play-hero h1 .rbh-play-line .rbh-shadow-copy {
  display:none!important;
}
.rbh-interior .rbh-play-page .rbh-play-hero h1 .rbh-play-line .rbh-foreground-copy {
  position:relative!important;
  display:inline-block!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  -webkit-filter:drop-shadow(2.25px 3px 0 #050505)!important;
  filter:drop-shadow(2.25px 3px 0 #050505)!important;
}