@charset "UTF-8";
@font-face {
 font-family: 'rector-regular';
 src: 
  url('../fonts/rectorweb-regular.woff2') format('woff2'),
  url('../fonts/rectorweb-regular.woff') format('woff');
 }
@font-face {
 font-family: 'abc-social';
 src: 
  url('../fonts/ABCSocialVariable.woff2') format('woff2'),
  url('../fonts/ABCSocialVariable.woff') format('woff');
 }

/* Select Health Typography Variables */

:root {

/* Font Size Variables */
 --size-50: .875rem; /* 14px */
 --size-100: .938rem; /* 15px */
 --size-200: 1rem; /* 16px */
 --size-300: 1.125rem; /* 18px */
 --size-400: clamp(1.125rem, 4vw + 1rem, 1.25rem); /* 18px - 20px */
 --size-500: clamp(1.25rem, 4vw + 1rem, 1.375rem); /* 20px - 22px */
 --size-600: clamp(1.5rem, 4vw + 1rem, 1.75rem); /* 22px - 24px - 28px */
 --size-700: clamp(2rem, 4vw + 1rem, 2.5rem); /* 30px - 32px - 40px */
 --size-800: clamp(2.25rem, 4vw + 1rem, 2.75rem); /* 32px - 36px - 44px */
 --size-900: clamp(2.75rem, 4vw + 1rem, 3.375rem); /* 34px - 48px - 54px */

/* Font Weight Variables */
 --weight-100: 100;
 --weight-200: 200;
 --weight-300: 300;
 --weight-400: 400;
 --weight-500: 500;
 --weight-600: 600;
 --weight-700: 700;
 --weight-800: 800;
 --weight-900: 900;
 
/* Line Height Variables */
 --lh-100: 1rem;
 --lh-200: 1.25rem;
 --lh-300: 1.5rem;
 --lh-400: 1.75rem;
 --lh-500: 2rem;
 --lh-600: 2.25rem;
 --lh-700: 3.25rem;
 --lh-800: 3.375rem;
 --lh-900: 3.875rem;
 
/* Icon Size Variables */
 --size-8: 8px;
 --size-12: 12px;
 --size-16: 16px;
 --size-20: 20px;
 --size-24: 24px;
 --size-32: 32px;
 --size-40: 40px;
 --size-48: 48px;
 --size-64: 64px;
}

p, li, ul, ol, h1, h2, h3, h4, h5 {
 color: var(--warm-gray-900);
}

h1 {
 font-family: rector-regular;
 font-weight: var(--weight-300);
 font-size: var(--size-900);
 line-height: var(--lh-900);
}

h2 {
 font-family: abc-social;
 font-weight: var(--weight-500);
 font-size: var(--size-700);
 line-height: var(--lh-700);
 margin: var(--lh-50) 0px;
}

h3 {
 font-family: abc-social;
 font-weight: var(--weight-500);
 font-size: var(--size-600);
 line-height: var(--lh-600);
 margin: var(--lh-50) 0px;
}


h3mod {
 font-family: abc-social;
 font-weight: var(--weight-500);
 font-size: var(--size-600);
 line-height: var(--lh-600);
 margin: var(--lh-50) 0px;
}

h4 {
 font-family: abc-social;
 font-weight: var(--weight-500);
 font-size: var(--size-500);
 line-height: var(--lh-500);
 margin: var(--lh-50) 0px;
}

h5 {
 font-family: abc-social;
 font-weight: var(--weight-700);
 text-transform: uppercase;
 font-size: var(--size-100);
 line-height: var(--lh-200);
 letter-spacing: 1px;
 margin: var(--lh-50) 0px;
}

p, li {
 font-family: abc-social;
 font-weight: var(--weight-400);
 font-size: var(--size-200);
 line-height: var(--lh-300);
 letter-spacing: .005rem;
}

li {
 padding-bottom: .675em;
}

ul {
 display: block;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-left: 1.25rem;
 padding-inline: 1.6rem;
 margin-bottom: .4em;

}

ol {
 display: block;
    list-style-type: decimal;
    margin-block-end: 1em;
    margin-left: 1.25rem;
 padding-inline: 1.6rem;
 margin-bottom: .4em;
}

/* Text Styles */

body {
 margin: 0px;
 display: block;
}

.base {
 font-size: var(--size-200);
 font-weight: var(--weight-400);}

.caption {
 font-size: var(--size-100);
 font-weight: var(--weight-400);
 line-height: var(--lh-300);
}

.footnote {
 font-size: var(--size-50);
 font-weight: var(--weight-400);
 line-height: var(--lh-200);
 letter-spacing: .125px;
}

.reverse {
 color: var(--warm-gray-50);
}

.reverse a:link, a:visited {
 color: var(--purple-300);
}

.reverse a:hover, a:link:active, a:visited:active {
 color: var(--purple-400);
}

.text-base {
 font-size: var(--size-200);

}

.text-xl {
 font-size: var(--size-300);
 line-height: var(--lh-400);
 font-weight: var(--weight-400);
}

.text-2xl {
 font-size: var(--size-400);
 line-height: var(--lh-400);
 font-weight: var(--weight-300);
 letter-spacing: 0px;
}

/* Link Styles */

a:link, a:visited {
 font-family: abc-social;
   color: var(--purple-700);
   text-decoration: underline;
   cursor: pointer;
}

a:hover {
 font-family: abc-social;
   color: var(--purple-800) ;
   text-decoration: underline;
   cursor: pointer;
}

a:link:active, a:visited:active {
  color: var(--purple-700);
}

/* Font Awesome Icon Sizing */
.fa-8 {
 font-size: 8px;
}
.fa-12 {
 font-size: 12px;
}
.fa-16 {
 font-size: 16px;
}
.fa-20 {
 font-size: 20px;
}
.fa-24 {
 font-size: 24px;
}
.fa-32 {
 font-size: 32px;
}
.fa-40 {
 font-size: 40px;
}
.fa-48 {
 font-size: 48px;
}
.fa-64 {
 font-size: 64px;
}
.fa-80 {
 font-size: 80px;
}
.fa-96 {
 font-size: 96px;
}
.fa-112 {
 font-size: 112px;
}
.fa-128 {
 font-size: 128px;
}
.fa-144 {
 font-size: 144px;
}
.fa-160 {
 font-size: 160px;
}