/*
 * 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 */
/*12px */
/*20px */
/*24px, */
/*32px */
/*44px (named after omicron variant BS.2.75.2) */
/*48px */
/*desktop + 32px; */
/*max-width + 64px; */
/* RGB colors, useful for when you need to include a color in an RGBA set. */
/* 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 (1.2, minor third) */
  --sans-serif: "Poppins", "Arial", sans-serif;
  --serif: "Lora", "Times New Roman", serif;
  --body-font-family: --serif;
  --heading-font-family: --sans-serif;
  --line-height-base: 1.44;
  --base-font-size: 1.042rem; /*16.67px */
  --fs-h1: 2.16rem;
  --lh-h1: 1.273;
  --fs-h2: 1.8rem;
  --lh-h2: 1.25;
  --fs-h3: 1.5rem;
  --lh-h3: 1.3333;
  --fs-h4: 1.25rem;
  --lh-h4: 1.4;
  --fs-h5: 1.042rem;
  --lh-h5: 1.44;
  --fs-small: 0.868rem; /* 13.89px; */
  --lh-small: 1.5838732;

/* RGB colors, useful for when you need to include a color in an RGBA set. */

  /* takes above RGB values and sticks them in a full RGB set */

/* interactive UI colors */
  /*--c-focus: rgb(var(--c-dark-blue-rgb));*/

/* animations */

/* misc */
}
/*22px; */
@media (min-width: 701px) {
:root {
  --line-height-base: 1.6;
  --base-font-size: 1.25rem; /*20px */
  --fs-h1: 2.592rem; /*41.472px */
  --lh-h1: 1.253858; /*52 */
  --fs-h2: 2.16rem; /*34.56px */
  --lh-h2: 1.2731481; /* 44px */
  --fs-h3: 1.8rem; /*28.8px */
  --lh-h3: 1.25; /*36px */
  --fs-h4: 1.5rem; /*24px */
  --lh-h4: 1.33333333; /*28px */
  --fs-h5: 1.25rem; /*20px */
  --lh-h5: 1.4; /*28px */
  --fs-small: 1.042rem; /*16.67px */
  --lh-small: 1.439712; /*24px */
}
}
:root {
  --max-width: 1270px;
  --rem-px: 0.0625rem;
  --space: 1rem;
  --quarter-space: 0.25rem;
  --third-space: 0.33333rem;
  --half-space: 0.5rem;
  --dodrant-space: 0.75rem;
  --quasqui-space: 1.25rem;
  --sesqui-space: 1.5rem;
  --double-space: 2rem;
  --centaurus-space: 2.75rem;
  --triple-space: 3rem;
  --tiny: 390px;
  --small: 475px;
  --narrow: 568px;
  --medium: 700px;
  --wide: 768px;
  --desktop: 900px;
  --super-desktop: 932px;
  --lrg-desktop: 1100px;
  --super-max: 1336px;
  --max-width-without-sidebar: 55rem;
  --navbar-height: 3rem;

  --responsive-block-padding: var(--space);
}
/* Sizes */
@media (min-width: 701px) {
:root {
    --responsive-block-padding: var(--sesqui-space);
}
  }
:root {
  --responsive-margin: var(--space);
}
@media (min-width: 569px) {
:root {
    --responsive-margin: var(--double-space);
}
  }
:root {
  --c-dark-gray-rgb: 88,88,90;
  --c-gray-rgb: 154,154,154;
  --c-light-gray-rgb: 244,244,244;
  --c-yellow-rgb: 243,207,2;
  --c-blue-rgb: 10,81,120;
  --c-dark-blue-rgb: 0,51,102;
  --c-light-blue-rgb: 213,236,249;
  --c-jasper-rgb: 8,30,150;
  --c-galaxy-rgb: 75,85,165;
  --c-turquoise-rgb: 46,162,172;
  --c-marigold-rgb: 247,158,79;
  --c-fuschia-rgb: 160,50,135;
  --c-sunrise-rgb: 237,105,82;
  --c-dark-sunrise-rgb: 208,66,47;
  --c-jungle-rgb: 10,110,120;
  --c-pear-rgb: 210,226,141;
  --c-mist-rgb: 220,225,235;
  --c-light-mist-rgb: 241,243,247;
  --c-graphite-rgb: 65,64,66;

  --c-theme-general-rgb: 10,81,120;
  --c-theme-events-rgb: 75,85,165;
  --c-theme-blog-rgb: 10,110,120;
  --c-theme-resources-rgb: 8,30,150;
  --c-theme-tta-rgb: 160,50,135;
  --c-gray: rgb(var(--c-gray-rgb));
  --c-dark-gray: rgb(var(--c-dark-gray-rgb));
  --c-light-gray: rgb(var(--c-light-gray-rgb));
  --c-yellow: rgb(var(--c-yellow-rgb));
  --c-blue: rgb(var(--c-blue-rgb));
  --c-dark-blue: rgb(var(--c-dark-blue-rgb));
  --c-light-blue: rgb(var(--c-light-blue-rgb));
  --c-jasper: rgb(var(--c-jasper-rgb));
  --c-galaxy: rgb(var(--c-galaxy-rgb));
  --c-turquoise: rgb(var(--c-turquoise-rgb));
  --c-marigold: rgb(var(--c-marigold-rgb));
  --c-fuschia: rgb(var(--c-fuschia-rgb));
  --c-sunrise: rgb(var(--c-sunrise-rgb));
  --c-dark-sunrise: rgb(var(--c-dark-sunrise-rgb));
  --c-jungle: rgb(var(--c-jungle-rgb));
  --c-pear:  rgb(var(--c-pear-rgb));
  --c-mist: rgb(var(--c-mist-rgb));
  --c-light-mist: rgb(var(--c-light-mist-rgb));
  --c-graphite: rgb(var(--c-graphite-rgb));

  --c-theme-color: #0a5178;
  --c-theme-color-shade: #062e45;
  --c-theme-color-shade-80: rgba(6,46,69,0.8);

  --c-theme-general: rgb(var(--c-theme-general-rgb));
  --c-theme-events: rgb(var(--c-theme-events-rgb));
  --c-theme-blog: rgb(var(--c-theme-blog-rgb));
  --c-theme-resources: rgb(var(--c-theme-resources-rgb));
  --c-theme-tta: rgb(var(--c-theme-tta-rgb));
  --c-link: rgb(48,60,162);
  --c-link-visited: rgb(148,50,148);
  --c-focus: rgb(var(--c-dark-blue-rgb));
  --c-nav-fg: var(--c-link);
  --c-nav-bg: rgba(255,255,254,.8);
  --c-block-bg: rgba(255,255,255,.8);

  --c-block-bg-light: rgba(255,255,255,.6);

  --block-shadow: rgba(0,0,0,0.04) 0 0 14px 7px;
  --base-duration: 150ms;
  --base-timing: ease;
  --transition: --base-duration --base-timing;
  --rule: 1px solid --c-gray;
  --box-shadow: rgba(0,0,0,0.05) 0 0 10px 0px;
  --base-border-radius: 4px;
}