@font-face {
  font-family: Garnett;
  src: url(/public/fonts/Garnett-VF-Subset.woff2) format('woff2'),
  url(/public/fonts/Garnett-VF-Subset.woff) format('woff');
  font-weight: 250 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Garnett;
  src: url(/public/fonts/Garnett-VF-Italic-Subset.woff2) format('woff2'),
  url(/public/fonts/Garnett-VF-Italic-Subset.woff) format('woff');
  font-weight: 250 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tiempos;
  src: url(/public/fonts/Tiempos-VF-Subset.woff2) format('woff2'),
  url(/public/fonts/Tiempos-VF-Subset.woff) format('woff');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tiempos;
  src: url(/public/fonts/Tiempos-VF-Subset-Italic.woff2) format('woff2'),
  url(/public/fonts/Tiempos-VF-Subset-Italic.woff) format('woff');
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
}

/**
 * Font-family declarations
 *
 * 99% of the time you won't need to add your selector here.
 * Read the docs about how to work with fonts:
 * https://docs.insider.pub/guides/fenrir/working-with-fonts
 *
 * Variable Font Weights
 * Garnett:
 *   250 Light
 *   400 Regular
 *   500 Medium
 *   600 SemiBold
 *   700 Bold
 *   900 Black
 *
 * Tiempos:
 *   400 Regular
 *   600 SemiBold
 */

.headline-light /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 250;
  font-style: normal;
}

.headline-light-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 250;
  font-style: italic;
}

.headline-regular /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.headline-regular-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.headline-medium /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.headline-medium-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
.typography h1 strong:not(.ignore-typography strong),
.typography h2 strong:not(.ignore-typography strong),
.typography h3 strong:not(.ignore-typography strong),
.typography h4 strong:not(.ignore-typography strong),
.typography h5 strong:not(.ignore-typography strong),
.typography h6 strong:not(.ignore-typography strong),
.typography .summary-list:not(.ignore-typography),
.typography .summary-list li:not(.ignore-typography),
.typography .summary-list strong:not(.ignore-typography),
.typography .read-more-links li:first-child,
.typography .read-more-links li:first-child strong,
.is-enhanced .typography p.drop-cap::first-letter,
.headline-semibold /* utility class */,
.headline-semibold.ignore-typography /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.typography h1 em:not(.ignore-typography em),
.typography h2 em:not(.ignore-typography em),
.typography h3 em:not(.ignore-typography em),
.typography h4 em:not(.ignore-typography em),
.typography h5 em:not(.ignore-typography em),
.typography h6 em:not(.ignore-typography em),
.typography .summary-list li em:not(.ignore-typography),
.headline-semibold-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
}

.headline-bold /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.headline-bold-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.headline-black /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.headline-black-italic /* utility class */ {
  font-family: Garnett, Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: italic;
}

.typography:not(.ignore-typography),
 /* TODO: Use the utility class instead of element selectors */
.typography .ecm .summary-list li,
.body-regular /* utility class */ {
  font-family: Tiempos, Georgia, Times, serif;
  font-weight: 400;
  font-style: normal;
}

.typography em:not(.ignore-typography em),
.typography .blockquote:not(.ignore-typography .blockquote),
/* TODO: Use the utility class instead of element selectors */
.category-tagline p,
.body-italic /* utility class */ {
  font-family: Tiempos, Georgia, Times, serif;
  font-weight: 400;
  font-style: italic;
}

.typography strong:not(.ignore-typography strong),
.body-bold /* utility class */ {
  font-family: Tiempos, Georgia, Times, serif;
  font-weight: 600;
  font-style: normal;
}

.typography em strong:not(.ignore-typography strong),
.typography strong:not(.ignore-typography strong) em,
.body-bold-italic /* utility class */ {
  font-family: Tiempos, Georgia, Times, serif;
  font-weight: 600;
  font-style: italic;
}