/* BUILD 42 | One consistent, restrained display shadow across the website.
   The 3.625px/4.5px version looked too heavy on iPhone Safari.
   Use 2.75px right and 3.5px down, between the visibly lighter 2.25/3
   treatment and that heavier version, closer to the lighter finish.
   This is one crisp silhouette, never duplicated or blurred lettering. */

:root {
  --rbh-display-shadow-x:2.75px;
  --rbh-display-shadow-y:3.5px;
  --rbh-display-shadow-colour:#050505;
}

/* All shared interior heroes: Events, Gallery, activity/services, mosaics,
   past events and individual event pages. Disable parent/double shadows,
   then draw exactly one matching outline silhouette from the front text. */
.rbh-interior .rbh-play-page .rbh-play-hero h1,
.rbh-interior .rbh-play-page .rbh-play-hero h1 .rbh-play-line {
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
}
.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 {
  display:inline-block!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  text-shadow:none!important;
  -webkit-filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
  filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
}

/* Home slogan uses different markup from the interior page hero.
   Give its coloured ink the same exact shadow and avoid accumulated shadows
   from older homepage layers. The original Roving Bricks logo is untouched. */
.rbh-page:not(.rbh-play-page) > .rbh-hero h1,
.rbh-page:not(.rbh-play-page) > .rbh-hero h1 .rbh-line {
  -webkit-filter:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.rbh-page:not(.rbh-play-page) > .rbh-hero h1 .rbh-ink {
  text-shadow:none!important;
  -webkit-filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
  filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
}

/* Older generic page banners and displayed card titles share the same
   shadow distance, without adding an effect to photos, logos or body copy. */
.rbh-interior .page-banner h1,
.rbh-interior .hero-copy h1,
.rbh-interior .section-head h2,
.rbh-page .rbh-activity-card h3,
.rbh-page .rbh-event-copy h3,
.rbh-interior .rbh-event-copy h3 {
  text-shadow:none!important;
  -webkit-filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
  filter:drop-shadow(var(--rbh-display-shadow-x) var(--rbh-display-shadow-y) 0 var(--rbh-display-shadow-colour))!important;
}