@charset "UTF-8";
/* CSS Document */

:root{
    /* Foundation Colors ------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	/* Brand Basics */
	--idsa-white: #ffffff;
	--idsa-black: #000000;
	--idsa-offwhite: #F6F4EE;
	--idsa-bg-grey: var(--idsa-gray-50);
	--idsa-bg-orange: var(--idsa-beige-50);
	--idsa-text-clr: var(--idsa-green-500);
	--idsa-body-text: var(--idsa-text-clr);
	--idsa-primary-clr: var(--idsa-green-500);
	--idsa-secondary-clr: var(--idsa-yellow-100);
	
	/* IDSA Green */
	--idsa-green-50: #C0E8B6;
	--idsa-green-100: #7ECF69;
	--idsa-green-200: #44763C;
	--idsa-green-300: #33542B;
	--idsa-green-400: #393939;
	--idsa-green-500: #181E17;
	--idsa-green-grayish-green-500: #667A67;
	
	/* IDSA Yellow */
	--idsa-yellow-50: #FFF8B5;
	--idsa-yellow-100: #FEF151;
	--idsa-yellow-200: #FCE700;
	--idsa-yellow-300: #E8D500;
	
	/* IDSA Gray */
	--idsa-gray-40: #F2F2F2;
	--idsa-gray-50: #F8F8F9;
	--idsa-gray-100: #F3F4F4;
	--idsa-gray-200: #E7E8E9;
	--idsa-gray-300: #D9D9D9;
	--idsa-gray-400: #B4B4B4;
	--idsa-gray-500: #9EA4A9;
	--idsa-gray-600: #868D93;
	--idsa-gray-700: #566068;
	--idsa-gray-800: #25333D;
	--idsa-gray-900: #0D1C27;
	
	/* IDSA Warm Blue */
	--idsa-warm-blue-50: #DAEDF7;
	--idsa-warm-blue-100: #A2C3D5;
	--idsa-warm-blue-200: #6F92A4;
	--idsa-warm-blue-300: #526F7E;
	
	/* IDSA Orange */
	--idsa-orange-50: #FCDB99;
	--idsa-orange-100: #FBC65F;
	--idsa-orange-200: #FAB630;
	--idsa-orange-300: #A16B00;
	
	/* IDSA Purple */
	--idsa-purple-50: #E0DBFF;
	--idsa-purple-100: #C2BCED;
	--idsa-purple-200: #A79FDC;
	--idsa-purple-300: #66648F;
	
	/* IDSA Beige */
	--idsa-beige-50: #F6F4EE;
	--idsa-beige-100: #F0EFE9;
	--idsa-beige-200: #DCF2DD;

	/* Legacy cloned color aliases retained while idsa.css is migrated. */
	--idsa-primary-blue: var(--idsa-primary-blue-60);
	--idsa-primary-blue-10: var(--idsa-gray-50);
	--idsa-primary-blue-20: var(--idsa-green-50);
	--idsa-primary-blue-30: var(--idsa-green-100);
	--idsa-primary-blue-40: var(--idsa-green-200);
	--idsa-primary-blue-50: var(--idsa-green-300);
	--idsa-primary-blue-60: var(--idsa-green-500);
	--idsa-primary-10: var(--idsa-primary-blue-10);
	--idsa-primary-30: var(--idsa-primary-blue-30);
	 
	--idsa-secondary-orange: var(--idsa-orange-200);
	--idsa-secondary-orange-10: var(--idsa-orange-50);
	--idsa-secondary-orange-20: var(--idsa-orange-100);
	--idsa-secondary-orange-30: var(--idsa-orange-200);
	--idsa-secondary-orange-40: var(--idsa-yellow-100);
	--idsa-secondary-orange-50: var(--idsa-orange-300);
	--idsa-secondary-orange-60: var(--idsa-orange-300);
	--idsa-secondary-orange-70: var(--idsa-orange-300);
	
	--idsa-secondary-green: var(--idsa-yellow-100);
	--idsa-secondary-green-10: var(--idsa-yellow-50);
	--idsa-secondary-green-20: var(--idsa-yellow-100);
	--idsa-secondary-green-30: var(--idsa-yellow-200);
	--idsa-secondary-green-40: var(--idsa-yellow-100);
	--idsa-secondary-green-50: var(--idsa-yellow-300);
	--idsa-secondary-green-60: var(--idsa-yellow-300);

	--idsa-warm-grey-10: var(--idsa-gray-50);
	--idsa-warm-grey-20: var(--idsa-gray-200);
	--idsa-warm-grey-30: var(--idsa-warm-blue-200);
	--idsa-warm-grey-40: var(--idsa-warm-blue-300);

	--idsa-cool-grey-10: var(--idsa-gray-50);
	--idsa-cool-grey-20: var(--idsa-gray-200);
	--idsa-cool-grey-30: var(--idsa-gray-500);
	--idsa-cool-grey-40: var(--idsa-gray-700);

	--idsa-utility-grey-10: var(--idsa-gray-100);
	--idsa-utility-grey-20: var(--idsa-gray-200);
	--idsa-utility-grey-30: var(--idsa-gray-300);
	--idsa-utility-grey-40: var(--idsa-gray-400);
	--idsa-utility-grey-50: var(--idsa-gray-500);
	--idsa-utility-grey-60: var(--idsa-gray-600);
	--idsa-utility-grey-70: var(--idsa-gray-700);
	--idsa-utility-grey-80: var(--idsa-gray-800);
	--idsa-utility-grey-90: var(--idsa-gray-900);
	--idsa-utility-grey-100: var(--idsa-gray-900);
	--idsa-secondary-grey-10: var(--idsa-gray-100);
	--idsa-secondary-grey-30: var(--idsa-gray-300);
	--idsa-secondary-grey-80: var(--idsa-gray-800);
	--idsa-secondary-purple-60: var(--idsa-purple-300);

	/* Utility Green */
	--idsa-utility-green-10: #ecf8ed;
	--idsa-utility-green-20: #cbeacd;
	--idsa-utility-green-30: #a1daa5;
	--idsa-utility-green-40: #83d28a;
	--idsa-utility-green-50: #59c965;
	--idsa-utility-green-60: #35b646;
	--idsa-utility-green-70: #30a43f;
	--idsa-utility-green-80: #2a9237;
	--idsa-utility-green-90: #258130;
	--idsa-utility-green-100: #164d1d;
	
	/* Utility Red */
	--idsa-utility-red-10: #fcf0ef;
	--idsa-utility-red-20: #f6d4d1;
	--idsa-utility-red-30: #eeb2ad;
	--idsa-utility-red-40: #ea9087;
	--idsa-utility-red-50: #e86152;
	--idsa-utility-red-60: #e92e16;
	--idsa-utility-red-70: #d22914;
	--idsa-utility-red-80: #ba2411;
	--idsa-utility-red-90: #a5200f;
	--idsa-utility-red-100: #631309;
	
	/* Utility Yellow */
	--idsa-utility-yellow-10: #fefbf5;
	--idsa-utility-yellow-20: #fbf4e3;
	--idsa-utility-yellow-30: #f8ebcd;
	--idsa-utility-yellow-40: #f5dda2;
	--idsa-utility-yellow-50: #f5ce65;
	--idsa-utility-yellow-60: #f9c31f;
	--idsa-utility-yellow-70: #f6bb07;
	--idsa-utility-yellow-80: #daa606;
	--idsa-utility-yellow-90: #c19305;
	--idsa-utility-yellow-100: #745803;

	
	/* Dark Mode Variables */
	@media (prefers-color-scheme: dark) {
		--brand-primary-blue-100: #e6eced;
		--brand-primary-blue-90: #bbdae6;
		--brand-primary-blue-80: #8fc8e0;
		--brand-primary-blue-70: #64b7d9;
		--brand-primary-blue-60: #38a5d3;
		--brand-primary-blue-50: #0d93cc;
		--brand-primary-blue-40: #107ba9;
		--brand-primary-blue-30: #126386;
		--brand-primary-blue-20: #144c63;
		--brand-primary-blue-10: #173440;
		--brand-secondary-green-80: #eff9f7;
		--brand-secondary-green-70: #ddf2ee;
		--brand-secondary-green-60: #caeae4;
		--brand-secondary-green-50: #b8e3db;
		--brand-secondary-green-40: #a6dbd1;
		--brand-secondary-green-30: #94d4c8;
		--brand-secondary-green-20: #81ccbe;
		--brand-secondary-green-10: #6fc5b5;
		--brand-white: #ffffff;
		--brand-black: #000000;
		--utility-green-10: #071a0a;
		--utility-green-20: #15481b;
		--utility-green-30: #258130;
		--utility-green-40: #298f36;
		--utility-green-50: #2fa23e;
		--utility-green-60: #35b646;
		--utility-green-70: #53c760;
		--utility-green-80: #7ed085;
		--utility-green-90: #a1daa5;
		--utility-green-100: #c7e9c9;
		--utility-red-10: #210603;
		--utility-red-20: #5c1208;
		--utility-red-30: #a5200f;
		--utility-red-40: #b72411;
		--utility-red-50: #cf2913;
		--utility-red-60: #e92e16;
		--utility-red-70: #e85b4b;
		--utility-red-80: #ea8a81;
		--utility-red-90: #eeb2ad;
		--utility-red-100: #f5d1ce;
		--utility-yellow-10: #271d01;
		--utility-yellow-20: #6b5203;
		--utility-yellow-30: #c19305;
		--utility-yellow-40: #d6a306;
		--utility-yellow-50: #f3b806;
		--utility-yellow-60: #f9c31f;
		--utility-yellow-70: #f5cc5d;
		--utility-yellow-80: #f5db9a;
		--utility-yellow-90: #f8ebcd;
		--utility-yellow-100: #fbf3e1;
		--brand-bg-orange: #182024;
	}
	
	
	
	/* Foundation Spacing ------------ */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	--idsa-spacing-1: 0.125rem;
	--idsa-spacing-2: 0.25rem;
	--idsa-spacing-3: 0.375rem;
	--idsa-spacing-4: 0.5rem;
	--idsa-spacing-5: 0.75rem;
	--idsa-spacing-6: 1rem;
	--idsa-spacing-7: 1.25rem;
	--idsa-spacing-8: 1.5rem;
	--idsa-spacing-9: 1.75rem;
	--idsa-spacing-10: 2rem;
	--idsa-spacing-11: 2.25rem;
	--idsa-spacing-12: 2.5rem;
	--idsa-spacing-13: 2.75rem;
	--idsa-spacing-14: 3rem;
	--idsa-spacing-15: 3.25rem;
	--idsa-spacing-16: 3.5rem;
	--idsa-spacing-17: 3.75rem;
	--idsa-spacing-18: 4rem;
	--idsa-spacing-19: 4.25rem;
	--idsa-spacing-20: 4.5rem;
	--idsa-spacing-21: 4.75rem;
	--idsa-spacing-22: 5rem;
	--idsa-spacing-23: 6rem;
	--idsa-spacing-24: 7rem;
	--idsa-spacing-25: 10rem;
	
	
	
	/* Foundation Shape -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
    --idsa-none: 0rem;
	--idsa-radius-xs: 0.125rem;
	--idsa-radius-sm: 0.25rem;
	--idsa-radius-md: 0.5rem;
	--idsa-radius-lg: 1rem;
	--idsa-radius-xl: 1.5rem;
	--idsa-radius-2xl: 2.5rem;
	--idsa-radius-round: 1000rem;

	
	
    
	/* Foundation Typography --------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	/* Font Family */
    --idsa-header-font: "Quadrant Text Regular", serif;
	--idsa-header-font-italic: "Quadrant Text Italic", serif;
    --idsa-body-font: "Inter", sans-serif;
	--idsa-font: var(--idsa-body-font);
	
	/* Font Weight */
	--idsa-fw-light: 300;
	--idsa-fw-regular: 400;
	--idsa-fw-medium: 500;
	--idsa-fw-semibold: 600;
	--idsa-fw-bold: 700;
	--idsa-font-weight-medium: var(--idsa-fw-medium);
	--idsa-font-weight-semibold: var(--idsa-fw-semibold);
	
	/* Font Size */
	--idsa-fs-1: 0.625rem;
	--idsa-fs-2: 0.75rem;
	--idsa-fs-3: 0.875rem;
	--idsa-fs-4: 1rem;
	--idsa-fs-5: 1.125rem;
	--idsa-fs-6: 1.25rem;
	--idsa-fs-7: 1.5rem;
	--idsa-fs-8: 1.75rem;
	--idsa-fs-9: 2rem;
	--idsa-fs-10: 2.25rem;
	--idsa-fs-11: 2.5rem;
	--idsa-fs-12: 2.75rem;
	--idsa-fs-13: 3rem;
	--idsa-fs-14: 3.375rem;
	--idsa-fs-15: 3.75rem;
	--idsa-fs-16: 4rem;
	--idsa-fs-17: 4.25rem;
	--idsa-fs-18: 4.75rem;
	--idsa-fs-19: 5rem;
	--idsa-fs-20: 5.25rem;
	--idsa-fs-21: 5.75rem;
	
	/* Line Height */
	--idsa-lh-dense: 1.05;
	--idsa-lh-normal: 1.3;
	--idsa-lh-expanded: 1.5;
	--idsa-lh-1: 0.625rem;
	--idsa-lh-2: 0.75rem;
	--idsa-lh-3: 0.875rem;
	--idsa-lh-4: 1rem;
	--idsa-lh-5: 1.125rem;
	--idsa-lh-6: 1.25rem;
	--idsa-lh-7: 1.5rem;
	--idsa-lh-8: 1.75rem;
	--idsa-lh-9: 2rem;
	--idsa-lh-10: 2.25rem;
	--idsa-lh-11: 2.625rem;
	--idsa-lh-12: 3rem;
	--idsa-lh-13: 3.375rem;
	--idsa-lh-14: 3.75rem;
	--idsa-lh-15: 4.25rem;
	--idsa-lh-16: 4.75rem;
	--idsa-lh-17: 5.25rem;
	--idsa-lh-18: 5.75rem;
	--idsa-lh-19: 1.375rem;
	
	
	
	/* Mapped Variables -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	--idsa-min-width: 769px;
	--idsa-max-width: 1280px;
	
	--nav-height: 100.4px;
	
 	/* Margin */
	--idsa-margin-static: var(--idsa-spacing-10);
	
	/* Padding */
	--idsa-padding-body: var(--idsa-spacing-10);
	--idsa-padding-body-xs: 0rem;

	--idsa-padding-article-body: var(--idsa-spacing-14);
	
	--idsa-padding-static: var(--idsa-spacing-8);
	--idsa-padding-xs: var(--idsa-spacing-3);
	--idsa-padding-sm: var(--idsa-spacing-5);
	--idsa-padding-smedium: var(--idsa-spacing-6);
	--idsa-padding-md: var(--idsa-spacing-8);
	--idsa-padding-lg: var(--idsa-spacing-10);
	--idsa-padding-xl: var(--idsa-spacing-14);
	--idsa-padding-xxl: var(--idsa-spacing-18);
	
	/* Gutter */
	--idsa-gutter-xs: var(--idsa-spacing-3);
	--idsa-gutter-sm: var(--idsa-spacing-5);
	--idsa-gutter-smedium: var(--idsa-spacing-6);
	--idsa-gutter-md: var(--idsa-spacing-8);
	--idsa-gutter-lg: var(--idsa-spacing-10);
	--idsa-gutter-xl: var(--idsa-spacing-14);
	--idsa-gutter-xxl: var(--idsa-spacing-18);
	
	/* Global Header Font Size */
	--idsa-fs-h1-global: var(--idsa-fs-12);
	--idsa-fs-h2-global: var(--idsa-fs-9);
	--idsa-fs-h3-global: var(--idsa-fs-8);
	--idsa-fs-h4-global: var(--idsa-fs-7);
	--idsa-fs-h5-global: var(--idsa-fs-6);
	--idsa-fs-h6-global: var(--idsa-fs-5);
	
	/* Article Header Font Size */
	--idsa-fs-h1-article: var(--idsa-fs-12);
	--idsa-fs-h2-article: var(--idsa-fs-9);
	--idsa-fs-h3-article: var(--idsa-fs-8);
	--idsa-fs-h4-article: var(--idsa-fs-7);
	--idsa-fs-h5-article: var(--idsa-fs-6);
	--idsa-fs-h6-article: var(--idsa-fs-5);
	--idsa-h1-article-fs: var(--idsa-fs-h1-article);
	--idsa-h2-article-fs: var(--idsa-fs-h2-article);
	--idsa-h3-article-fs: var(--idsa-fs-h3-article);
	--idsa-h4-article-fs: var(--idsa-fs-h4-article);
	--idsa-h5-article-fs: var(--idsa-fs-h5-article);
	--idsa-h6-article-fs: var(--idsa-fs-h6-article);
	
	/* Display Header Font Size */
	--idsa-fs-h1-display: var(--idsa-fs-15);
	--idsa-fs-h2-display: var(--idsa-fs-14);
	--idsa-fs-h3-display: var(--idsa-fs-13);
	--idsa-fs-h4-display: var(--idsa-fs-12);
	--idsa-fs-h5-display: var(--idsa-fs-11);
	
	/* Header Line Height */
	--idsa-lh-header: 1.2;
	--idsa-lh-h1: var(--idsa-lh-11);
	--idsa-lh-h2: var(--idsa-lh-9);
	--idsa-lh-h3: var(--idsa-lh-8);
	--idsa-lh-h4: var(--idsa-lh-7);
	--idsa-lh-h5: var(--idsa-lh-6);
	--idsa-lh-h6: var(--idsa-lh-5);
	
	/* Body Line Height */
	--idsa-lh-body: 1.4;
	--idsa-lh-h1: var(--idsa-lh-11);
	--idsa-lh-h2: var(--idsa-lh-9);
	--idsa-lh-h3: var(--idsa-lh-8);
	--idsa-lh-h4: var(--idsa-lh-7);
	--idsa-lh-h5: var(--idsa-lh-6);
	--idsa-lh-h6: var(--idsa-lh-5);
	
	/* Text */
	--text-body-primary: var(--idsa-text-clr);

	--text-primary: var(--idsa-green-500);
	--text-primary-default: var(--text-primary);
	--text-primary-hover: var(--idsa-green-400);
	--text-primary-active: var(--text-primary);
	--text-primary-selected: var(--text-primary);
	--text-primary-contrastText: var(--idsa-white);
	--text-primary-85pct: hsl(100 11 15 / .85);
	--text-primary-85pct: hsl(from var(--idsa-green-500) h s l / .85);
	--text-primary-65pct: hsl(100 11 15 / .65);
	--text-primary-65pct: hsl(from var(--idsa-green-500) h s l / .65);
	
	--text-secondary: var(--idsa-green-400);
	--text-secondary-hover: var(--idsa-green-500);
	--text-secondary-selected: var(--idsa-yellow-100);
	--text-secondary-active: var(--text-secondary-selected);
	--text-secondary-contrastText: var(--idsa-white);
	
	--text-tertiary: var(--idsa-green-grayish-green-500);
	--text-disabled: var(--idsa-gray-500);
	
	/* Disabled variable to be used with opacity: ; property. DO NOT USE FOR color:; */
	--disabled: .38;
	
	/* Border */
	--border-regular: var(--idsa-gray-400);
	--border-subtleWhite: var(--idsa-gray-50);
	--border-emphasis: var(--idsa-green-200);
	--border-subtleBlue: var(--idsa-green-400);
	--border-subtleGreen: var(--idsa-green-400);
	--border-focused: var(--idsa-gray-300);
	
	/* Divider */
	--divider: var(--border-regular);
	
	/* Background */
	--background-primary: var(--idsa-white);
	--background-secondary: var(--idsa-gray-50);
	--background-dark: var(--idsa-white);
	--background-light: var(--idsa-white);
	--background-callout: var(--idsa-gray-50);
	
	/* Gradient */
	--gradient-100: var(--idsa-white);
	--gradient-200: var(--idsa-white);
	
	/* Avatar */
	--avatar-background: var(--idsa-gray-500);
	
	/* Buttons */
	--btn-focusedBorder: var(--idsa-green-200);
	
	--btn-cta: var(--idsa-yellow-100);
	--btn-cta-hover: var(--idsa-yellow-300);
	--btn-cta-active: var(--idsa-yellow-100);
	--btn-cta-disabled: hsl(57 99 66 / .6);
	--btn-cta-disabled: hsl(from var(--idsa-yellow-100) h s l / .6);
	
	--btn-primary: var(--idsa-green-500);
	--btn-primary-hover: var(--idsa-green-300);
	--btn-primary-active: var(--idsa-green-500);
	--btn-primary-disabled: hsl(100 11 15 / .6);
	--btn-primary-disabled: hsl(from var(--idsa-green-500) h s l / .6);
	
	--btn-primary-outlined: transparent;
	--btn-primary-outlined-border: var(--idsa-green-500);
	--btn-primary-outlined-contrastText: var(--idsa-green-500);
	--btn-primary-outlined-hover: var(--idsa-green-300);
	--btn-primary-outlined-hover-border: var(--idsa-gray-400);
	--btn-primary-outlined-hover-contrastText: var(--idsa-white);
	--btn-primary-outlined-focused: var(--idsa-green-500);
	--btn-primary-outlined-focused-border: var(--idsa-gray-400);
	--btn-primary-outlined-focused-contrastText: var(--idsa-white);
	--btn-primary-outlined-active: var(--idsa-green-500);
	--btn-primary-outlined-active-border: var(--idsa-gray-400);
	--btn-primary-outlined-active-contrastText: var(--idsa-white);
	--btn-primary-outlined-disabled-opacity: .35;
	
	--btn-primary-rev: var(--idsa-white);
	--btn-primary-rev-hover: var(--idsa-gray-50);
	--btn-primary-rev-active: var(--idsa-gray-50);
	--btn-primary-rev-disabled: var(--idsa-gray-50);
	--btn-primary-rev-contrastText: var(--idsa-green-500);
	
	--btn-secondary: var(--idsa-gray-200);
	--btn-secondary-hover: var(--idsa-gray-300);
	--btn-secondary-active: var(--idsa-gray-200);
	--btn-secondary-disabled: hsl(45 31 95 / .45);
	
	
	/* Badge */
	--badge-cta: var(--idsa-yellow-100);
	--badge-cta-hover: var(--idsa-yellow-200);
	--badge-cta-active: var(--idsa-yellow-100);
	
	--badge-primary: var(--idsa-beige-200);
	--badge-primary-hover: var(--idsa-beige-100);
	--badge-primary-active: var(--idsa-beige-200);

	--badge-primary-no-outline: var(--idsa-beige-200);
	--badge-primary-no-outline-contrastText: var(--idsa-green-500);
	--badge-secondary-no-outline: var(--idsa-yellow-100);
	--badge-secondary-no-outline-contrastText: var(--idsa-green-500);

	--badge-primary-outlined: var(--idsa-green-500);
	--badge-primary-outlined-hover: var(--idsa-green-300);
	--badge-primary-outlined-active: var(--idsa-green-500);

	--badge-secondary-outlined: var(--idsa-green-500);
	--badge-secondary-outlined-hover: var(--idsa-secondary-orange-50);
	--badge-secondary-outlined-active: var(--idsa-secondary-orange-30);

	--badge-tertiary-outlined: var(--idsa-green-500);
	--badge-tertiary-outlined-hover: var(--idsa-warm-grey-40);
	--badge-tertiary-outlined-active: var(--idsa-warm-grey-30);
		
	
	/* Card */
	--card-backgrounds-primary: var(--idsa-white);
	--card-backgrounds-secondary: var(--idsa-gray-50);
	--card-border-default: var(--idsa-gray-400);
	
	
	/* Shadows */
    --idsa-shadow-xs: 0px 0px 6px hsl(198 47 17 / 0.04);
    --idsa-shadow-sm: 0px 6px 10px hsl(0 0 0 / 0.1);
    --idsa-shadow-md: 0px 8px 16px hsl(0 0 0 / 0.16);
    --idsa-shadow-lg: 0px 10px 20px hsl(0 0 0 / 0.3);
		
		
	/* Transitions */
	--idsa-anim-slow: all .75s ease-in-out;
    --idsa-anim-normal: all .35s ease-in-out;
	--idsa-anim-fast: all .15s ease-in-out;
	
	/* Compatibility aliases for legacy cloned styles. */
	--idsa-gray-10: var(--idsa-gray-100);
	--idsa-gray-20: var(--idsa-gray-200);
	--idsa-gray-30: var(--idsa-gray-300);
	--idsa-gray-60: var(--idsa-gray-600);
	--idsa-gray-70: var(--idsa-gray-700);
	--idsa-gutter-xxs: var(--idsa-spacing-2);
	--Gray-100: var(--idsa-gray-100);
	--Gray-200: var(--idsa-gray-200);
	--Utility-Grey-10: var(--idsa-utility-grey-10);
	--_components-card-border-default: var(--card-border-default);
	--bg-clr: var(--background-primary);
	--dark: var(--idsa-green-500);
	--dark-50: hsl(100 11 15 / .5);
	--fontWeightBold: var(--idsa-fw-bold);
	--gutter--smedium: var(--idsa-gutter-smedium);
	--idt-primary-40: var(--idsa-primary-blue-40);
	--idt-primary-clr: var(--idsa-primary-clr);
	--mds-font: var(--idsa-body-font);
	--mds-radius-md: var(--idsa-radius-md);
	--mds-shadow-sm: var(--idsa-shadow-sm);
	--mds-shadow-xs: var(--idsa-shadow-xs);
	--mds-spacing-3: var(--idsa-spacing-3);
	--mds-spacing-4: var(--idsa-spacing-4);
	--mds-spacing-5: var(--idsa-spacing-5);
	--mds-spacing-6: var(--idsa-spacing-6);
	--opthalmology-body-text: var(--idsa-body-text);
	--opthalmology-primary-20: var(--idsa-primary-blue-20);
	--opthalmology-primary-clr: var(--idsa-primary-clr);
	--os-padding-perpendicular: var(--idsa-spacing-2);
	--pathologist-body-clr: var(--idsa-body-text);
	--pathologist-body-text: var(--idsa-body-text);
	--pathologist-light-clr: var(--idsa-gray-50);
	--pathologist-primary-clr: var(--idsa-primary-clr);
	--pathologist-secondary-40: var(--idsa-secondary-clr);
	--primary-clr-1: var(--idsa-primary-clr);
	--radiusMD: var(--idsa-radius-md);
	--secondary-clr-1-50: var(--idsa-secondary-clr);
	--secondary-clr-2: var(--idsa-secondary-clr);
	--secondary-gray-40: var(--idsa-gray-400);
	--secondary-gray-90: var(--idsa-gray-900);
	--shadow-sm: var(--idsa-shadow-sm);
	--bs-border-radius: var(--idsa-radius-sm);
	--bs-border-width: 1px;
	
		
		
	--peakNav-primary-main: var(--idsa-white);
	--peakNav-primary-dark: var(--idsa-green-500);
	--peakNav-primary-light: var(--idsa-offwhite);
	
	--peakNav-secondary-main: var(--idsa-white);
	--peakNav-secondary-dark: var(--idsa-green-500);
	--peakNav-secondary-light: var(--idsa-offwhite);
	
	
	/* Tablet Media Queries */
	@media (max-width: 832px) { 
	/* max width above is 768px + 64px <-- 64px is body-padding * 2 */
		
		--idsa-min-width: 561px;
		--idsa-max-width: 768px;

		/* Margin Variables */
		--idsa-margin-static: var(--idsa-spacing-10);

		/* Padding Variables */
		--idsa-padding-body: var(--idsa-spacing-8);
		--idsa-padding-body-xs: 0rem;

		--idsa-padding-article-body: var(--idsa-spacing-8);

		--idsa-padding-static: var(--idsa-spacing-8);
		--idsa-padding-xs: var(--idsa-spacing-3);
		--idsa-padding-sm: var(--idsa-spacing-5);
		--idsa-padding-smedium: var(--idsa-spacing-6);
		--idsa-padding-md: var(--idsa-spacing-8);
		--idsa-padding-lg: var(--idsa-spacing-10);
		--idsa-padding-xl: var(--idsa-spacing-14);
		--idsa-padding-xxl: var(--idsa-spacing-18);

		/* Gutter Variables */
		--idsa-gutter-xs: var(--idsa-spacing-3);
		--idsa-gutter-sm: var(--idsa-spacing-5);
		--idsa-gutter-smedium: var(--idsa-spacing-6);
		--idsa-gutter-md: var(--idsa-spacing-8);
		--idsa-gutter-lg: var(--idsa-spacing-10);
		--idsa-gutter-xl: var(--idsa-spacing-14);
		--idsa-gutter-xxl: var(--idsa-spacing-18);
		
		
		
		/* Global Header Font Size */
		--idsa-global-h1-fs: var(--idsa-fs-9);
		--idsa-global-h2-fs: var(--idsa-fs-7);
		--idsa-global-h3-fs: var(--idsa-fs-6);
		--idsa-global-h4-fs: var(--idsa-fs-5);
		--idsa-global-h5-fs: var(--idsa-fs-4);
		--idsa-global-h6-fs: var(--idsa-fs-3);

		/* Article Header Font Size */
		--idsa-article-h1-fs: var(--idsa-fs-9);
		--idsa-article-h2-fs: var(--idsa-fs-7);
		--idsa-article-h3-fs: var(--idsa-fs-6);
		--idsa-article-h4-fs: var(--idsa-fs-5);
		--idsa-article-h5-fs: var(--idsa-fs-4);
		--idsa-article-h6-fs: var(--idsa-fs-3);
		--idsa-h1-article-fs: var(--idsa-article-h1-fs);
		--idsa-h2-article-fs: var(--idsa-article-h2-fs);
		--idsa-h3-article-fs: var(--idsa-article-h3-fs);
		--idsa-h4-article-fs: var(--idsa-article-h4-fs);
		--idsa-h5-article-fs: var(--idsa-article-h5-fs);
		--idsa-h6-article-fs: var(--idsa-article-h6-fs);
	}
	
	
	/* Mobile Media Queries */
	@media (max-width: 560px) {
		
		--idsa-min-width: 320px;
		--idsa-max-width: 560px;

		/* Margin Variables */
		--idsa-margin-static: var(--idsa-spacing-10);

		/* Padding Variables */
		--idsa-padding-body: 0rem;
		--idsa-padding-body-xs: var(--idsa-spacing-6);

		--idsa-padding-static: var(--idsa-spacing-8);
		--idsa-padding-xs: var(--idsa-spacing-2);
		--idsa-padding-sm: var(--idsa-spacing-4);
		--idsa-padding-smedium: var(--idsa-spacing-5);
		--idsa-padding-md: var(--idsa-spacing-6);
		--idsa-padding-lg: var(--idsa-spacing-8);
		--idsa-padding-xl: var(--idsa-spacing-12);
		--idsa-padding-xxl: var(--idsa-spacing-14);

		/* Gutter Variables */
		--idsa-gutter-xs: var(--idsa-spacing-2);
		--idsa-gutter-sm: var(--idsa-spacing-4);
		--idsa-gutter-smedium: var(--idsa-spacing-5);
		--idsa-gutter-md: var(--idsa-spacing-6);
		--idsa-gutter-lg: var(--idsa-spacing-8);
		--idsa-gutter-xl: var(--idsa-spacing-12);
		--idsa-gutter-xxl: var(--idsa-spacing-14);
		
		
		/* Global Header Font Size */
		--idsa-global-h1-fs: var(--idsa-fs-9);
		--idsa-global-h2-fs: var(--idsa-fs-7);
		--idsa-global-h3-fs: var(--idsa-fs-6);
		--idsa-global-h4-fs: var(--idsa-fs-5);
		--idsa-global-h5-fs: var(--idsa-fs-4);
		--idsa-global-h6-fs: var(--idsa-fs-3);

		/* Article Header Font Size */
		--idsa-article-h1-fs: var(--idsa-fs-9);
		--idsa-article-h2-fs: var(--idsa-fs-7);
		--idsa-article-h3-fs: var(--idsa-fs-6);
		--idsa-article-h4-fs: var(--idsa-fs-5);
		--idsa-article-h5-fs: var(--idsa-fs-4);
		--idsa-article-h6-fs: var(--idsa-fs-3);
		--idsa-h1-article-fs: var(--idsa-article-h1-fs);
		--idsa-h2-article-fs: var(--idsa-article-h2-fs);
		--idsa-h3-article-fs: var(--idsa-article-h3-fs);
		--idsa-h4-article-fs: var(--idsa-article-h4-fs);
		--idsa-h5-article-fs: var(--idsa-article-h5-fs);
		--idsa-h6-article-fs: var(--idsa-article-h6-fs);
	}
}

/* ========== Custom Typefaces - Quadrant Text ========== */

/* Regular (400) */
@font-face {
	font-family: "Quadrant Text Regular";
	font-style: normal;
	font-weight: 400;
	src: 
		url('/media/h4sdo1bh/quadranttext-regular.woff2') format('woff2');
	font-display: swap;
}

/* Regular Italic (400) */
@font-face {
	font-family: "Quadrant Text Regular Italic";
	font-style: italic;
	font-weight: 400;
	src: 
		url('/media/h4sdo1bh/quadranttext-regularitalic.woff2') format('woff2');
	font-display: swap;
}