/*
 * Static compatibility additions for the captured Twenty Seventeen theme.
 * The unmodified upstream CSS is kept in assets/vendor for traceability;
 * this file only replaces WordPress runtime output with local resources.
 */
@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin-all-300-normal.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin-all-400-normal.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin-all-600-normal.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin-all-800-normal.woff") format("woff");
  font-style: normal;
  font-weight: 800;
  font-display: fallback;
}

/* WordPress normally emits these block-editor variables inline. */
:root {
  --wp--preset--font-size--normal: 16px;
  --wp--preset--font-size--huge: 42px;
  --wp--preset--spacing--30: 0.67rem;
}

.wp-block-group__inner-container > * {
  max-width: 100%;
}

.wp-block-spacer {
  clear: both;
}

.site-generator-mark {
  align-items: center;
  color: #767676;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.site-generator-mark svg {
  fill: none;
  height: 14px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.25;
  width: 14px;
}

/* Match the original inline SVG's line box; the mark itself stays local. */
.site-generator-mark {
  display: inline;
  height: auto;
  width: auto;
}

.site-generator-mark svg {
  display: inline;
  height: 15px;
  position: relative;
  top: 1px;
}

/* The hosted theme suppresses its desktop branding offset for this page. */
@media screen and (min-width: 48em) {
  .home.twentyseventeen-front-page.has-header-image .site-branding {
    transform: translateY(70px);
  }
}