/* ---------- Fonts ---------- */

/* Roboto */
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Thin.woff2);
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-ThinItalic.woff2);
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Light.woff2);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-LightItalic.woff2);
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Regular.woff2);
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Italic.woff2);
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Medium.woff2);
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-MediumItalic.woff2);
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Bold.woff2);
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-BoldItalic.woff2);
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Black.woff2);
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-BlackItalic.woff2);
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


:root {
  --md-text-font: "Roboto"; 
}

/* Uppercase Logo */
.md-header__topic .md-ellipsis {
  text-transform: uppercase;
}