/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/
/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/
/* Internal variables */
/*1px */
/*16px */
/*4px */
/*5.33333333px */
/*8px */
/*24px */
/*32px */
/*48px */
/*max-width + 32px; */
/* Mixins */
/* */
/* Hide elements visually, but keep them available for screen-readers. */
/* */
/* Used for information required for screen-reader users to understand and use */
/* the site where visual display is undesirable. Information provided in this */
/* manner should be kept concise, to avoid unnecessary burden on the user. */
/* "!important" is used to prevent unintentional overrides. */
/* */
/* CSS Variables */
:root {
/*typography */
  --sans-serif: "Jost", "Arial", sans-serif;
  --serif: "EB Garamond", "Times New Roman", serif;
  --line-height-base: 1.4;
  --body-font-family: --serif;
  --heading-font-family: --sans-serif;
  --base-font-size: 20px;
  --fs-h1: 2.488rem;
  --fs-h2: 2.074rem;
  --fs-h3: 1.728rem;
  --fs-h4: 1.44rem;
  --fs-h5: 1.2rem;
  --fs-small: 0.833rem;


/* Sizes */
  --max-width: 960px;
  --rem-px: 0.0625rem;
  --space: 1rem;
  --quarter-space: 0.25rem;
  --third-space: 0.3333333333rem;
  --half-space: 0.5rem;
  --sesqui-space: 1.5rem;
  --double-space: 2rem;
  --small: 380px;
  --narrow: 568px;
  --medium: 700px;
  --wide: 768px;
  --desktop: 900px;
  --super-max: 992px;

  --navbar-height: 3rem;

/* RGB colors, useful for when you need to include a color in an RGBA set. */
  --c-dark-gray-rgb: 88,88,90;
  --c-gray-rgb: 151,151,151;
  --c-red-rgb: 150,27,30;
  --c-dark-blue-rgb: 0,51,102;
  --c-light-gray-rgb: 222, 223, 224;
  --c-canvas-rgb: 194, 186, 178;
  --c-pink-rgb: 226, 195, 197;
  --c-blue-rgb: 0, 102, 204;
  --c-yellow-rgb: 243, 207, 2;
  --c-light-blue-rgb: 224,230,237;
  --c-off-white-rgb: 243, 243, 243;
  --c-orange-rgb: 236,164,33;

/* takes above RGB values and sticks them in a full RGB set */
  --c-gray: rgb(var(--c-gray-rgb));
  --c-dark-gray: rgb(var(--c-dark-gray-rgb));
  --c-red: rgb(var(--c-red-rgb));
  --c-dark-blue: rgb(var(--c-dark-blue-rgb));
  --c-light-gray: rgb(var(--c-light-gray-rgb));
  --c-canvas: rgb(var(--c-canvas-rgb));
  --c-pink: rgb(var(--c-pink-rgb));
  --c-blue: rgb(var(--c-blue-rgb));
  --c-light-blue: rgb(var(--c-light-blue-rgb));
  --c-yellow: rgb(var(--c-yellow-rgb));
  --c-off-white: rgb(var(--c-off-white-rgb));
  --c-orange: rgb(var(--c-orange-rgb));

/* interactive UI colors */
  --c-link: rgb(0, 0, 238);
  --c-link-visited: rgb(148,50,148);
  --c-focus: rgb(0,0,157);
  --c-nav-fg: white;
  --c-nav-bg: rgba(0,0,0,.81);

/* animations */
  --base-duration: 150ms;
  --base-timing: ease;
  --transition: --base-duration --base-timing;

/* misc */
  --rule: 1px solid --c-gray;
  --box-shadow: rgba(0,0,0,0.05) 0 0 10px 0px;
  --base-border-radius: 5px;
}
