/**
 * Custom styles.
 *
 * Hand-written CSS that is NOT generated from scss/. Compass cannot currently
 * build this theme (scss/components/b-hero-home.scss is not a partial, so it is
 * compiled standalone and fails on the undefined $host), which makes editing
 * the .scss sources and regenerating css/style.css unsafe. Add overrides here
 * instead. Loaded after css/style.css by the global-styling library.
 */

/* Hero slider: fine print inside the slide caption. */
.b-hero-home .label small {
  display: block;
  font-family: "Host Grotesk", Arial, sans-serif;
  font-weight: 400;
  /* Stated outright rather than inherited: .label itself sets 48px/72px below
     494px, and small sits inside p, which sets 30px/1. */
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  /* Keeps the line length readable on wide viewports without a media query. */
  max-width: 46em;
  text-wrap: pretty;
}

@media (max-width: 494px) {
  .b-hero-home .label small {
    /* The slide caption is tight against the image edge on phones. */
    margin-top: 8px;
    max-width: 100%;
  }
}