/* ------------	FONT PACK 1 - Hubot semi condensed + Petrona
----------------------------------------------------------- */
/* hubot-sans-semicondensed */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/HubotSans_SemiCondensed-ExtraLight.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hubot-sans-semicondensed-400 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/HubotSans_SemiCondensed-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hubot-sans-semicondensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/HubotSans_SemiCondensed-SemiBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hubot-sans-semicondensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/HubotSans_SemiCondensed-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hubot-sans-semicondensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/HubotSans_SemiCondensed-ExtraBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hubot-sans-semicondensed-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hubot Sans Semi';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/HubotSans_SemiCondensed-Black.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/petrona-v38-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/petrona-v38-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/petrona-v38-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/petrona-v38-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/petrona-v38-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/petrona-v38-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petrona-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Petrona';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/petrona-v38-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {
  --font-global: 'Petrona';
  --font-headings: 'Hubot Sans Semi';
  --font-size--h1: 1.55556em;  /* 28px */
  --font-size--h2: 1.33334em;  /* 24px */
  --font-size--h3: 1.16667em;  /* 21px */
  --font-size--h4: 1em;        /* 18px */
  --font-size--h5: 1em;        /* 18px */
  --font-size--h6: 1em;        /* 18px */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;
  --fw-black: 900;
}