@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/cms/fonts/arimo.woff2') format('woff2');
}

@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/static/cms/fonts/arimo-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/cms/fonts/arimo.woff2') format('woff2');
}

@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/static/cms/fonts/arimo-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/cms/fonts/nunito-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/static/cms/fonts/nunito-extrabold.woff2') format('woff2');
}


:root {
  --white: #ffffff;
  
  /* brand colors */
  --dark_blue: #252f6b;
  --mid_blue: #3080c3;
  --rich_black: #414042;

  --green: #00a080;
  --amber: #fbb034;
  --slate: #65728d;
  --red: #e4664a;

  --purple: #765ea8;
  --deep_teal: #00768e;
  --sand: #cec3ad;
  --cool_grey: #f1f3f7;
  
  /* global colors */
  --background_color: var(--white);
  --body_text_color: var(--rich_black);
  --link_color: #3080c3;
  
}


body {
  margin: 0;
  font-family: 'Arimo', sans-serif;
  line-height: 1.4;
  background: var(--background_color);
  color: var(--body_text_color);
  font-size: 18px;
}

a {
  color: var(--link_color);
  text-underline-position: under;
  text-decoration-thickness: 1px;
}

h1 {
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  color: var(--dark_blue);
}

h2, h3, h4, h5 {
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  color: var(--mid_blue);
}

p {
  margin-bottom: 0;
}

p:first-child {
  margin-top: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
}


