/* xl - DESKTOP STYLES */
:root {
  --col-light: #e3e8f3;
  --col-mid: #bac8e5;
  --col-blue: #1035a2;
  --col-dark: #2c4475;
  --col-red: #e4161c;
  --col-text: #222222;
  --font-stack: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-size-xs: clamp(0.84rem,-0.06vw + 0.85rem,0.8rem);
  --font-size-sm: clamp(0.94rem,0.09vw + 0.92rem,1rem);
  --font-size-base: clamp(1.06rem,0.29vw + 0.99rem,1.25rem);
  --font-size-md: clamp(1.2rem,0.56vw + 1.05rem,1.56rem);
  --font-size-lg: clamp(1.34rem,0.94vw + 1.11rem,1.95rem);
  --font-size-xl: clamp(1.51rem,1.43vw + 1.16rem,2.44rem);
  --font-size-xxl: clamp(1.7rem,2.08vw + 1.18rem,3.05rem);
  --font-size-xxxl: clamp(1.91rem,2.92vw + 1.18rem,3.81rem);
  --site-width: 100%;
  --contained-width: calc(100% - var(--gutter)  - var(--gutter));
  --content-width: clamp(37.5rem, 26.808rem + 31.447vw, 50rem);
  --between-content-groups: clamp(1.5rem, 0.431rem + 3.145vw, 2.75rem);
  --gutter-sm: clamp(1rem, 0.111rem + 2.222vw, 1.75rem);
  --gutter: clamp(1.5rem, 0.431rem + 3.145vw, 2.75rem);
  --touch-target: 2.75rem;
}
@media (min-width: 640px) {
  :root {
    --site-width: 90vw;
    --site-max-width: 1280px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F266-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA2BC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */