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

:root{
	/* Foundation Colors ------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */
	
	
	/* Main Brand Colors */
	--jadpro-primary-clr: #3A2B7A;
	--jadpro-secondary-clr: #FBB040;
	--jadpro-body-text: #212529;
	--jadpro-dark-clr: #212529;
	--jadpro-light-clr: #E9ECEF;
	/*--jadpro-bg-clr: #F6F6F7;*/
	--jadpro-bg-clr: var(--jadpro-primary-20);


	/* Color Tints */
	--jadpro-primary-100: #1A1337;
	--jadpro-primary-90: #251B4D;
	--jadpro-primary-80: #2D215F;
	--jadpro-primary-70: #34266D;
	--jadpro-primary-60: #3A2B7A;
	--jadpro-primary-50: #7D789E;
	--jadpro-primary-40: #A7A5BB;
	--jadpro-primary-30: #C9C7D4;
	--jadpro-primary-20: #E6E5EB;
	--jadpro-primary-10: #F3F2F5;

	--jadpro-secondary-100: #704F1D;
	--jadpro-secondary-90: #9F6F28;
	--jadpro-secondary-80: #C28832;
	--jadpro-secondary-70: #E19D39;
	--jadpro-secondary-60: #FBB040;
	--jadpro-secondary-50: #FCC280;
	--jadpro-secondary-40: #FDD3A9;
	--jadpro-secondary-30: #FDE3CA;
	--jadpro-secondary-20: #FEF1E6;
	--jadpro-secondary-10: #FFF8F3;

	--jadpro-gray-100: #000000;
	--jadpro-gray-90: #212529;
	--jadpro-gray-80: #343A40;
	--jadpro-gray-70: #495057;
	--jadpro-gray-60: #6C757D;
	--jadpro-gray-50: #ADB5BD;
	--jadpro-gray-40: #CED4DA;
	--jadpro-gray-30: #DEE2E6;
	--jadpro-gray-20: #E9ECEF;
	--jadpro-gray-10: #F8F9FA;

	/* Fonts */
	--jadpro-header-font: "EB Garamond", serif;
	--jadpro-body-font: "Lato", sans-serif;


	/* Shadows */
	--shadow-lg: 0px 16px 48px rgba(0, 0, 0, 0.175);
	--shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.15);
	--shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.125);







	/* Foundation Spacing ------------ */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */

	--jadpro-spacing-1: 0.125rem;
	--jadpro-spacing-2: 0.25rem;
	--jadpro-spacing-3: 0.375rem;
	--jadpro-spacing-4: 0.5rem;
	--jadpro-spacing-5: 0.75rem;
	--jadpro-spacing-6: 1rem;
	--jadpro-spacing-7: 1.25rem;
	--jadpro-spacing-8: 1.5rem;
	--jadpro-spacing-9: 1.75rem;
	--jadpro-spacing-10: 2rem;
	--jadpro-spacing-11: 2.25rem;
	--jadpro-spacing-12: 2.5rem;
	--jadpro-spacing-13: 2.75rem;
	--jadpro-spacing-14: 3rem;
	--jadpro-spacing-15: 3.25rem;
	--jadpro-spacing-16: 3.5rem;
	--jadpro-spacing-17: 3.75rem;
	--jadpro-spacing-18: 4rem;
	--jadpro-spacing-19: 4.25rem;
	--jadpro-spacing-20: 4.5rem;
	--jadpro-spacing-21: 4.75rem;
	--jadpro-spacing-22: 5rem;
	--jadpro-spacing-23: 6rem;
	--jadpro-spacing-24: 7rem;



	/* Foundation Shape -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */

	--jadpro-none: 0rem;
	--jadpro-radius-xs: 0.125rem;
	--jadpro-radius-sm: 0.25rem;
	--jadpro-radius-md: 0.5rem;
	--jadpro-radius-lg: 1rem;
	--jadpro-radius-xl: 1.5rem;
	--jadpro-radius-2xl: 2.5rem;
	--jadpro-radius-round: 1000rem;




	/* Foundation Typography --------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */

	/* Font Family */
	--jadpro-font: "Raleway", sans-serif;

	/* Font Weight */
	--jadpro-fw-light: 300;
	--jadpro-fw-regular: 400;
	--jadpro-fw-medium: 500;
	--jadpro-fw-semibold: 600;
	--jadpro-fw-bold: 700;

	/* Font Size */
	--jadpro-fs-1: 0.625rem;
	--jadpro-fs-2: 0.75rem;
	--jadpro-fs-3: 0.875rem;
	--jadpro-fs-4: 1rem;
	--jadpro-fs-5: 1.125rem;
	--jadpro-fs-6: 1.25rem;
	--jadpro-fs-7: 1.5rem;
	--jadpro-fs-8: 1.75rem;
	--jadpro-fs-9: 2rem;
	--jadpro-fs-10: 2.25rem;
	--jadpro-fs-11: 2.5rem;
	--jadpro-fs-12: 2.75rem;
	--jadpro-fs-13: 3rem;
	--jadpro-fs-14: 3.375rem;
	--jadpro-fs-15: 3.75rem;
	--jadpro-fs-16: 4rem;
	--jadpro-fs-17: 4.25rem;
	--jadpro-fs-18: 4.75rem;
	--jadpro-fs-19: 5rem;
	--jadpro-fs-20: 5.25rem;
	--jadpro-fs-21: 5.75rem;

	/* Line Height */
	--jadpro-lh-dense: 1.05;
	--jadpro-lh-normal: 1.3;
	--jadpro-lh-expanded: 1.5;
	--jadpro-lh-1: 0.625rem;
	--jadpro-lh-2: 0.75rem;
	--jadpro-lh-3: 0.875rem;
	--jadpro-lh-4: 1rem;
	--jadpro-lh-5: 1.125rem;
	--jadpro-lh-6: 1.25rem;
	--jadpro-lh-7: 1.5rem;
	--jadpro-lh-8: 1.75rem;
	--jadpro-lh-9: 2rem;
	--jadpro-lh-10: 2.25rem;
	--jadpro-lh-11: 2.625rem;
	--jadpro-lh-12: 3rem;
	--jadpro-lh-13: 3.375rem;
	--jadpro-lh-14: 3.75rem;
	--jadpro-lh-15: 4.25rem;
	--jadpro-lh-16: 4.75rem;
	--jadpro-lh-17: 5.25rem;
	--jadpro-lh-18: 5.75rem;
	--jadpro-lh-19: 1.375rem;



	/* Mapped Variables -------------- */
	/* ------------------------------ */
	/* ----------------------------- */
	/* ---------------------- (°_°) */

	--jadpro-min-width: 769px;
	--jadpro-max-width: 1280px;

	--nav-height: 64.4px;

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

	/* Padding */
	--jadpro-padding-body: var(--jadpro-spacing-10);
	--jadpro-padding-body-xs: 0rem;

	--jadpro-padding-article-body: var(--jadpro-spacing-14);

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

	/* Gutter */
	--jadpro-gutter-xs: var(--jadpro-spacing-3);
	--jadpro-gutter-sm: var(--jadpro-spacing-5);
	--jadpro-gutter-smedium: var(--jadpro-spacing-6);
	--jadpro-gutter-md: var(--jadpro-spacing-8);
	--jadpro-gutter-lg: var(--jadpro-spacing-10);
	--jadpro-gutter-xl: var(--jadpro-spacing-14);
	--jadpro-gutter-xxl: var(--jadpro-spacing-18);

	/* Global Header Font Size */
	--jadpro-fs-h1-global: var(--jadpro-fs-10);
	--jadpro-fs-h2-global: var(--jadpro-fs-9);
	--jadpro-fs-h3-global: var(--jadpro-fs-8);
	--jadpro-fs-h4-global: var(--jadpro-fs-7);
	--jadpro-fs-h5-global: var(--jadpro-fs-6);
	--jadpro-fs-h6-global: var(--jadpro-fs-4);

	/* Article Header Font Size */
	--jadpro-fs-h1-article: var(--jadpro-fs-12);
	--jadpro-fs-h2-article: var(--jadpro-fs-11);
	--jadpro-fs-h3-article: var(--jadpro-fs-10);
	--jadpro-fs-h4-article: var(--jadpro-fs-9);
	--jadpro-fs-h5-article: var(--jadpro-fs-8);
	--jadpro-fs-h6-article: var(--jadpro-fs-7);

	/* Display Header Font Size */
	--jadpro-fs-h1-display: var(--jadpro-fs-15);
	--jadpro-fs-h2-display: var(--jadpro-fs-14);
	--jadpro-fs-h3-display: var(--jadpro-fs-13);
	--jadpro-fs-h4-display: var(--jadpro-fs-12);
	--jadpro-fs-h5-display: var(--jadpro-fs-11);

	/* Header Line Height */
	--jadpro-lh-header: 1.2;
	--jadpro-lh-h1: var(--jadpro-lh-11);
	--jadpro-lh-h2: var(--jadpro-lh-9);
	--jadpro-lh-h3: var(--jadpro-lh-8);
	--jadpro-lh-h4: var(--jadpro-lh-7);
	--jadpro-lh-h5: var(--jadpro-lh-6);
	--jadpro-lh-h6: var(--jadpro-lh-5);

	/* Body Line Height */
	--jadpro-lh-body: 1.4;
	--jadpro-lh-h1: var(--jadpro-lh-11);
	--jadpro-lh-h2: var(--jadpro-lh-9);
	--jadpro-lh-h3: var(--jadpro-lh-8);
	--jadpro-lh-h4: var(--jadpro-lh-7);
	--jadpro-lh-h5: var(--jadpro-lh-6);
	--jadpro-lh-h6: var(--jadpro-lh-5);

	/* Text */
	--text-primary: var(##);
	--text-primary-hover: var(##);
	--text-primary-selected: var(##);
	--text-primary-contrastText: var(##);
	/* must update property below if ## is updated*/
	--text-primary-85pct: hsl(198 47 17 / .85); 
	--text-primary-85pct: hsl(from var(##) h s l / .85);
	/* must update property below if ## is updated*/
	--text-primary-65pct: hsl(198 47 17 / .65);
	--text-primary-65pct: hsl(from var(##) h s l / .65);

	--text-secondary: hsl(from var(##) h s l / .85);
	--text-secondary-hover: var(##);
	--text-secondary-selected: var(##);
	--text-secondary-contrastText: var(##);

	--text-tertiary: hsl(from var(##) h s l / .65);

	/* Disabled variable to be used with opacity: ; property. DO NOT USE FOR color:; */
	--disabled: .38;

	/* Border */
	--border-regular: var(##);
	/* must update property below if ## is updated*/
	--border-subtleWhite: hsl(210 13 91 / .5);
	--border-subtleWhite: hsl(from var(##) h s l / .5);
	--border-emphasis: var(##);
	/* must update property below if ## is updated*/
	--border-subtleBlue: hsl(198 88 43 / .15);
	--border-subtleBlue: hsl(from var(##) h s l / .5);
	--border-focused: var(##);

	/* Divider */
	--divider: var(--border-regular);

	/* Background */
	--background-primary: var(##);
	--background-secondary: var(##);
	--background-dark: var(##);
	--background-light: var(##);
	--background-callout: var(##);

	/* Gradient */
	--gradient-100: var(##);
	--gradient-200: var(##);

	/* Avatar */
	--avatar-background: var(##);

	/* Buttons */
	--btn-focusedBorder: var(##);

	--btn-cta: var(##);
	--btn-cta-hover: var(##);
	--btn-cta-active: var(##);
	--btn-cta-disabled: var(##);

	--btn-primary: var(##);
	--btn-primary-hover: var(##);
	--btn-primary-active: var(##);
	--btn-primary-disabled: var();

	--btn-primary-outlinedFocused: 2px;

	--btn-primary-rev: var(##);
	--btn-primary-rev-hover: var(##);
	--btn-primary-rev-active: var(##);
	/* must update property below if ## is updated*/
	--btn-primary-rev-disabled: hsl(0 0 100 / .5);
	--btn-primary-rev-disabled: hsl(from var(##) h s l / .5);
	--btn-primary-rev-contrastText: var(##);

	--btn-secondary: var(##);
	--btn-secondary-hover: var(##);
	--btn-secondary-active: var(##);
	/* must update property below if ## is updated*/
	--btn-secondary-disabled: hsl(210 13 91 / .5);
	--btn-secondary-disabled: hsl(from var(##) h s l / .5);


	/* Badge */
	--badge-cta: var(##);
	--badge-cta-hover: var(##);
	--badge-cta-active: var(##);

	--badge-primary: var(##);
	--badge-primary-hover: var(##);
	--badge-primary-active: var(##);
}