/*
 * A stand-in for Teko while it loads. Not from WordPress (see served() in
 * src/structured/load.ts, which loads this right after the child theme's
 * style.css).
 *
 * The child theme sets the menu and the headings in 'Teko','Roboto'. Teko is
 * a condensed face with font-display: swap, so until it arrived the menu was
 * drawn in Roboto or the browser's default font, about 45% wider: it no
 * longer fitted beside the logo, wrapped onto a second row and pushed the
 * page down 77px, then snapped back up when Teko came (desktop CLS ~0.22 on
 * every page). Arial scaled to Teko's average width and given Teko's line
 * metrics takes the same room, so nothing moves when Teko replaces it.
 * Measured on the menu and the headings of /, /company/ and the blog page at
 * 1440px: every box within 2px of Teko's, no heading changes height.
 *
 * Once Teko has loaded nothing here applies: it is first in every list.
 */
@font-face {
  font-family: 'Teko fallback';
  /* Arial, and the faces with Arial's metrics where it is not installed. */
  src: local('Arial'), local('ArialMT'), local('Helvetica'), local('Liberation Sans'), local('Arimo');
  size-adjust: 54.5%;
  /* Teko's ascent 958 and descent 475 per 1000, divided by size-adjust. */
  ascent-override: 175.8%;
  descent-override: 87.2%;
  line-gap-override: 0%;
}

/* The child theme's style.css rules that name Teko, with the same selectors
   and !important, so each wins and loses against the same rules as before;
   only the family list differs. (Its inline copies in the pages are
   rewritten in served().) */
h1, h2, h3, h4, h5, h6,
.fusion-main-menu>ul>li>a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a, .btn, .fusion-button.button-flat,
.tab-container .tab-menu ul li a,
.gform_wrapper input[type="submit"],
.fusion-main-menu .awb-justify-title {
  font-family: 'Teko','Teko fallback','Roboto'!important;
}
.fusion-blog-layout-grid .fusion-meta-info .fusion-alignleft,
.fusion-blog-layout-timeline .fusion-meta-info .fusion-alignleft,
.btn-link {
  font-family: 'Teko','Teko fallback','Roboto'!important;
}
#jobs .inner .number {
  font-family: 'Teko','Teko fallback','Roboto'!important;
}
.single-post main .sidebar h4,
.sidebar-widget h4 {
  font-family: 'Teko','Teko fallback','Roboto'!important;
}
