/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

:root {
  --blue: #0390d2;
  --bright-blue: #3fb0dc;
  --dark-cyan: #2a96ae;
  --dark-cyan2: #2daee4;
  --bluehover: #1e285a;
  --black1: #000000;
  --black2: #231f20;
  --black3: #424242;
  --black4: #666666;
  --black5: #565656;
  --black6: #171717;
  --black7: #606060;
  --black8: #545454;
  --black9: #595959;
  --black10: #848484;
  --black11: #969696;
  --black11: #4d4d4d;
  --black12: #969696;
  --black13: #323232;
  --white1: #ffffff;
  --white2: #f2f2f2;
  --grey1: #4c4c4c;
  --grey2: #515151;
  --grey3: #808080;
  --grey4: #a5a5a5;
  --grey5: #dee7eb;
  --grey6: #e6e6e6;
  --grey7: #dddddd;
  --orange: #ff9600;
  --greenColor: #006a72;
  --violet: #81456b;
  --link-color: #2daee4;
  --font-andes: 'andes';
  --font-andes-bold: 'andes-bold';
  --font-andes-semibold: 'andes-semibold';
  --font-andes-regular: 'andes-regular';
  --font-andes-light: 'andes-light';
  --font-open-regular: 400;
  --font-open-semibold: 600;
  --font-open-bold: 700;
  --font-open-sans: 'Open Sans';
  --font-arial: 'Arial';
  --normal-border-color: #dbdbdb;
  --image-border: 1px solid #dbdbdb;
  --list-border-color: #e6e6e6;
  --section-bg-grey: #dee2d8;
  --section-bg-grey-dark: #dae0e0;
  --border1: #cccccc;
  --timeline-color-1: #e95344;
  --timeline-color-2: #7a2c79;
  --timeline-color-3: #bdc832;
  --timeline-color-4: #2aaee4;
  --timeline-popup-bg: #ffffff;
  --timeline-border: #dbdbdb;
  --timeline-title: #231f20;
  --timeline-content: #4d4d4d;
  --timeline-popup-subtitle: #323232;
  --timeline-popup-content: #656565;
  --footer-color: #4e4e4e;
  --pipe-color: #767676;
}

/* global styles */

body {
  font: 400 16px/1.4 'Open Sans';
  color: var(--black1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'andes';
}