/* Atkinson Hyperlegible Next, self-hosted.
 *
 * Picked up by Huey's own extension point: layouts/partials/head.html does
 * `resources.Match "css/extra/*.css"` and concatenates whatever it finds, so
 * this needs no change to the theme submodule. That concatenated sheet is the
 * last one head.html links, after Bulma's, so the font-family rule below wins
 * on source order alone — no !important, no specificity bump.
 *
 * The .woff2 files live in static/fonts/ and are served from /fonts/.
 * They are the variable faces from Google Fonts (weight 200-800, roman and
 * italic, latin + latin-ext), served locally so the site makes no third-party
 * request and stays within the `font-src 'self'` CSP in themes/huey/_headers.
 *
 * Font: Atkinson Hyperlegible Next by the Braille Institute of America,
 * SIL Open Font License 1.1. Designed for low-vision readability — letterforms
 * are differentiated so easily-confused characters (I l 1, O 0, c e) stay
 * distinct.
 */

/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/atkinson-hyperlegible-next-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/atkinson-hyperlegible-next-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/atkinson-hyperlegible-next-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/atkinson-hyperlegible-next-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Bulma applies $family-primary to exactly this selector list (see
 * `body, button, input, optgroup, select, textarea` in bulma.css). Matching it
 * keeps `code` and `pre` on monospace, as Bulma sets those separately. */
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible",
    BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}
/* Hero image on the home page (see layouts/index.html).
 * Capped in height and cropped rather than letterboxed, so swapping in a real
 * photo of any aspect ratio keeps the post list above the fold. */
.hero-image {
  margin-bottom: 1.5rem;
}

.hero-image img {
  display: block;
  width: 100%;
  max-height: 32rem;
  object-fit: cover;
  border-radius: 4px;
}
/*Place custom CSS files, or add to this file `extra.css`, for additional CSS definitions.*/


/*Social media icons in footer*/
.footer-social {
	margin-right: 0.5em;
}