/* Lateral */
@font-face {
  font-family: "Lateral";
  font-weight: 400;
  font-style: normal;
  src:
    url("../fonts/Lateral-StandardRegular.woff") format("woff");
}
@font-face {
  font-family: "Lateral";
  font-weight: 500;
  font-style: normal;
  src:
    url("../fonts/Lateral-StandardMedium.woff") format("woff");
}
@font-face {
  font-family: "Lateral";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/Lateral-StandardBold.woff") format("woff");
}
@font-face {
  font-family: "Lateral";
  font-weight: 700;
  font-style: italic;
  src:
    url("../fonts/Lateral-StandardBoldItalic.woff") format("woff");
}
.has-lateral-font-family,
.has-lateral-font-family * {
  font-family: 'Lateral', sans-serif !important;
}
@font-face {
  font-family: "Lateral Condensed";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/Lateral-CondensedBold.woff") format("woff");
}
@font-face {
  font-family: "Lateral Condensed";
  font-weight: 700;
  font-style: italic;
  src:
    url("../fonts/Lateral-CondensedBoldItalic.woff") format("woff");
}
.has-lateral-condensed-font-family,
.has-lateral-condensed-font-family * {
  font-family: 'Lateral Condensed', sans-serif !important;
}
@font-face {
  font-family: "Lateral Compressed";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/Lateral-CompressedBold.woff") format("woff");
}
.has-lateral-compressed-font-family,
.has-lateral-compressed-font-family * {
  font-family: 'Lateral Compressed', sans-serif !important;
}

/* Exposure */
@font-face {
  font-family: "Exposure";
  font-weight: 400;
  font-style: normal;
  src:
    url("../fonts/Exposure-[-10].woff") format("woff");
}
@font-face {
  font-family: "Exposure";
  font-weight: 400;
  font-style: italic;
  src:
    url("../fonts/Exposure-[-10]Italic.woff") format("woff");
}
@font-face {
  font-family: "Exposure";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/Exposure-[-30].woff") format("woff");
}
@font-face {
  font-family: "Exposure";
  font-weight: 700;
  font-style: italic;
  src:
    url("../fonts/Exposure-[-30]Italic.woff") format("woff");
}
.has-exposure-font-family,
.has-exposure-font-family * {
  font-family: 'Exposure', serif !important;
}

/* Latin Modern Mono */
@font-face {
  font-family: "Latin Modern Mono";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/LMMono-bold.woff") format("woff");
}
@font-face {
  font-family: "Latin Modern Mono";
  font-weight: 700;
  font-style: italic;
  src:
    url("../fonts/LMMono-bold-oblique.woff") format("woff");
}
.has-latin-modern-mono-font-family,
.has-latin-modern-mono-font-family * {
  font-family: 'Latin Modern Mono', monospace !important;
}

:root {
  -webkit-font-smoothing: antialiased;
}

* {
  font-family: "Office Times", serif;
}

/* Used for standard post titles */
h1, h1 * {
  font-family: 'Lateral', sans-serif;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2%;
  /* 42px -> 34px on small screens */
  @media screen and (max-width: 781px) {
    font-size: 2.125rem;
  }
}

/* Used for post title on opinion pieces */
h1.alt, h1.alt * {
  font-family: 'Exposure', serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0%;
  /* 40px -> 32px on small screens */
  @media screen and (max-width: 781px) {
    font-size: 2rem;
  }
}

/* Used for larger title display on alt. post template */
h1.lg, h1.lg * {
  font-family: 'Lateral', sans-serif;
  font-size: 3rem;;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2%;
}

/* Used for category/archive page headers */
h1.xl, h1.xl * {
  font-family: 'Lateral', sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -2%;
  /* 60px -> 34px on small screens */
  @media screen and (max-width: 781px) {
    font-size: 2.125rem;
  }
}

/* Used on homepage section headers */
h2, h2 * {
  font-family: 'Lateral Condensed', sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1%;
}

/* Used for card titles */
h3, h3 * {
  font-family: 'Lateral', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1%;
}

/* Used for opion card titles */
h3.alt, h3.alt * {
  font-family: 'Exposure', serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0%;
}
/* Used for hero cards in category sections on homepage */
h3.lg, h3.lg * {
  font-family: 'Lateral', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2%;
}

/* Used for the larger opinion card titles lower on homepage */
h3.lg.alt, h3.lg.alt * {
  font-family: 'Exposure', serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0%;
}

/* Used to mimic H1 on homepage hero item 'Our Common Bond...' */
h3.xl, h3.xl * {
  font-family: 'Lateral', sans-serif;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2%;
}

/* Used smaller card titles in the trending section;
second p-based class added for faux H3 */
h3.sm, h3.sm *,
p.lg, p.lg * {
  font-family: 'Lateral Condensed', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1%;
}

/* Used on card metadata */
p.meta {
  font-family: 'Lateral', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2%;
}

/* Used for excerpts on post cards */
p.card-dek {
  font-family: 'Exposure', serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0%;
}

/* Used for excerpts on hero post cards ('Our Common Bond...') */
p.card-dek.lg {
  font-family: 'Exposure', serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0%;
}

/* Used for columnist bios on homepage */
p.sm {
  font-family: 'Exposure', serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0%;
}

/* Used for excerpts on tag pages */
p.excerpt {
  font-family: 'Exposure', serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0%;
}

.text-decoration-none,
.text-decoration-none * {
  text-decoration: none;
  color: inherit;
}

.text-transform-uppercase,
.text-transform-uppercase * {
  text-transform: uppercase;
}

.line-height-1,
.line-height-1 * {
  line-height: 1 !important;
}

.has-2-font-size,
.has-2-font-size * {
  font-size: 2rem;
}

b, b *, strong, strong * {
  font-weight: 700;
}

small {
  font-size: 0.75rem;
}

.has-medium-font-weight,
.has-medium-font-weight * {
  font-weight: 500;
}

figcaption {
  a {
    color: inherit;
  }
}