/* ====================================================
   TABLE OF CONTENTS
   1. Inter
   2. Global
   3. Basics
   4. Lists
   5. Links
 *
======================================================= */

/****************************************
  ==== 1. Inter
****************************************/

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Thin.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Thin.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-ThinItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-ThinItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-ExtraLight.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-ExtraLight.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-ExtraLightItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-ExtraLightItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Light.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Light.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-LightItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-LightItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Regular.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Regular.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Italic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Italic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Medium.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Medium.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-MediumItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-MediumItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-SemiBold.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-SemiBold.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-SemiBoldItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-SemiBoldItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Bold.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Bold.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-BoldItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-BoldItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraBold.woff2?v=3.13") format("woff2"),
       url("../fonts/inter/Inter-ExtraBold.woff?v=3.13") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.13") format("woff2"),
       url("../fonts/inter/Inter-ExtraBoldItalic.woff?v=3.13") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-Black.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-Black.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src:
    url('../fonts/inter/Inter-BlackItalic.woff2?v=3.13') format('woff2'),
    url('../fonts/inter/Inter-BlackItalic.woff?v=3.13') format('woff');
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;

  /* stylelint-disable-next-line property-no-unknown */
  font-named-instance: 'Regular';
  src: url('../fonts/inter/Inter-roman.var.woff2?v=3.13') format('woff2');
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;

  /* stylelint-disable-next-line property-no-unknown */
  font-named-instance: 'Italic';
  src: url('../fonts/inter/Inter-italic.var.woff2?v=3.13') format('woff2');
}

@font-face {
  font-family: 'Inter var experimental';
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url('../fonts/inter/Inter.var.woff2?v=3.13') format('woff2');
}

/****************************************
  ==== 2. GLOBAL
****************************************/

body {
  font: 16px/135% 'Inter', sans-serif; font-weight: 300; color: #5a5a5b; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/****************************************
  ==== 3. BASICS
****************************************/

h1, h2, h3 {
  color: #222c37; font-weight: 700;
}
h1 {
  font-size: 3em; line-height: 1em; margin: 0 0 20px 0;
}
h2 {
  font-size: 1.875em; line-height: 1.2em; margin: 0 0 20px 0;
}
h3 {
  font-size: 1.5625em; line-height: 1.2em; margin: 0 0 15px 0;
}
h4 {
  font-size: 1.25em; line-height: 1.3em; font-weight: 500; margin: 0 0 10px 0;
}
p {
  font-size: 1.0625em; line-height: 1.5em; margin: 0 0 15px 0;
}
small {
  font-size: 0.875em; line-height: 1.3em; margin: 0 0 10px 0; display: block;
}
address {
 font-size: 1.0625em; line-height: 1.5em; margin: 0 0 15px 0; font-weight: 300; white-space: pre-wrap;
}

/****************************************
  ==== 4. LISTS
****************************************/

/* Unordered */
ul {
  list-style-type: none; margin: 0 0 15px 0;
}
ul li {
  padding: 0 0 4px 20px; background: none; position: relative; font-size: 1.0625em;
}
ul li:before {
  content: "\2022"; font-size: 1.75em; position: absolute; top: 1px; left: 0; color: #5a5a5b;
}
ul li ul {
  list-style-type: none; padding: 6px 0 0 0;
}

/*Ordered*/
ol {
  padding: 0 0 0 23px; margin: 0 0 15px 0; list-style-type: decimal;
}
ol li {
  padding: 0 0 4px 0; font-size: 1.0625em;
}
ol li ol {
  padding: 6px 0 0 23px; margin: 0;
}
ol.roman {
  list-style-type: lower-roman;
}
ol.alpha {
  list-style-type:lower-alpha;
}

/*Mixed*/
ol ul {
  list-style-type: none; padding: 6px 0 0 0; margin: 0;
}
ol ul li {
  padding: 0 0 4px 20px; background: none; position: relative; font-size: 1.0625em;
}
ol ul li:before {
  content: "\2022"; font-size: 2.125em; position: absolute; top: 0; left: 0; color: #5a5a5b;
}
ul ol {
  padding: 6px 0 0 23px; margin: 0;
}
ul ol li {
  padding: 0 0 4px 0;
}
ul ol li:before {
  display: none;
}

/****************************************
  ==== 5. LINKS
****************************************/

a {
  color: #2196f3; text-decoration: none; outline: none; cursor: pointer; word-break: break-word;
}
a:hover {
  color: #2196f3; text-decoration: underline;
}
a:focus, a:active {
  color: #2196f3; text-decoration: underline; outline: none;
}

/****************************************
  ==== 6. STYLES & WEIGHTS
****************************************/

b, strong {
  font-weight: 700;
}
i, em {
  font-style: italic;
}
s {
  text-decoration: line-through;
}
sup {
  font-size: 0.75em; font-weight: 300; position: relative; top: 3px;
}
sub {
  font-size: 0.75em; font-weight: 300; position: relative; bottom: 1px;
}