/* =========================================================
   TheSerifB
   ========================================================= */

/* Extra Light */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W2ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Extra Light Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W2ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W3Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W3LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Semi Light */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W4SemiLight.otf') format('opentype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

/* Semi Light Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W4SemiLightItalic.otf') format('opentype');
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

/* Regular / Plain */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W5Plain.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Regular / Plain Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W5PlainItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Semi Bold */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W6SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Semi Bold Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W6SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W7Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W7BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Extra Bold */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W8ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Extra Bold Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W8ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W9Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Black Italic */
@font-face {
  font-family: 'TheSerifB';
  src: url('https://146232622.fs1.hubspotusercontent-eu1.net/hubfs/146232622/Typefaces/TheSerifB-W9BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* =========================================================
   Gotham
   ========================================================= */

/* Thin */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Extra Light */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-XLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-XLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light  */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Book */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('https://147614082.fs1.hubspotusercontent-eu1.net/hubfs/147614082/fonts/Gotham/Gotham-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}