/* css vars because internet explorer can no longer hold us back <3 */
.content-block {
  /* Core Vars DO NOT EDIT. */
  /* Design Reference - Breakpoints This will be used by javascript to track media queries on stuff like sliders */
  --br-xxs: 359px;
  --br-xs: 767px;
  --br-sm: 1199px;
  --br-md: 1399px;
  --br-lg: 1899px;
  --br-xl: 2879px;
  --br-xxl: 3839px;
  /* Design Reference: Comps/Design Sizes based on given XD Files' artboards */
  --comp: 360px;
  /* unit in case for padding to push to negative margins (ie overlaps). Best to keep as tiny as possible */
  --overlap-buffer: 1px;
  /* Styleguide - Fonts */
  --font-primary: Source Sans Pro, Helvetica, Arial, sans-serif;
  --font-secondary: DM Serif Display, Times, serif;
  --font-accent: Supreme, var(--font-primary);
  --font-monospace: monospace;
  /* Styleguide - colors */
  --color-dark: #012345;
  --color-dark-alt: #123456;
  --color-light: #FFFFFF;
  --color-light-alt: #EAEAEA;
  --color-primary: rgb(29, 78, 216);
  --color-primary-alt: var(--color-primary);
  --color-primary-gradient-start: var(--color-primary);
  --color-primary-gradient-end: var(--color-primary-alt);
  --color-secondary: var(--color-primary);
  --color-secondary-alt: var(--color-secondary);
  --color-secondary-gradient-start: var(--color-secondary);
  --color-secondary-gradient-end: var(--color-secondary-alt);
  --color-accent: var(--color-primary);
  --color-accent-alt: var(--color-accent);
  --color-accent-gradient-start: var(--color-accent);
  --color-accent-gradient-end: var(--color-accent-alt);
  --color-neutral: #BBBBBB;
  --color-neutral-light: var(--color-neutral);
  --color-neutral-lighter: var(--color-neutral-light);
  --color-neutral-lightest: var(--color-neutral-lighter);
  --color-neutral-dark: var(--color-neutral);
  --color-neutral-darker: var(--color-neutral-dark);
  --color-neutral-darkest: var(--color-neutral-darker);
  --color-success: #00CC00;
  --color-caution: #CC6600;
  --color-error: #CC0000;
  /* add more native vars as needed */
}
@media only screen and (min-width: 768px) {
  .content-block {
    /* Core Vars DO NOT EDIT. */
    --comp: 768px;
    /* add more native vars as needed */
  }
}
@media only screen and (min-width: 1200px) {
  .content-block {
    /* Core Vars DO NOT EDIT. */
    --comp: 1200px;
    /* add more native vars as needed */
  }
}
@media only screen and (min-width: 1400px) {
  .content-block {
    /* Core Vars DO NOT EDIT. */
    --comp: 1400px;
    /* add more native vars as needed */
  }
}
@media only screen and (min-width: 1900px) {
  .content-block {
    /* Core Vars DO NOT EDIT. */
    --comp: 1920px;
    /* add more native vars as needed */
  }
}

/*# sourceMappingURL=root-vars.css.map */