/* Small additions on top of the theme. Kept in a separate file so the vendor
   stylesheets (base.css, vendor.css, main.css) stay untouched. */

/* Visually hidden, still read by screen readers and crawlers. Used for the
   single <h1> on pages whose visible heading is the logo. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* The site name in the header. Replaces the old <h1>, which competed with the
   page's own <h1>. Matches the theme's h1 typography exactly. */
.site-logo {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Heebo", sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.222;
}