/* =========================================================
   GLOBAL TYPOGRAPHY VARIABLES
   ========================================================= */
:root {
	/* Base font family */
	/* Dont Edit or Delete */
	--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-size-base: 18px;
	--font-size-small: 16px;
	--font-size-large: 20px;
	/* Heading scale */
	--h1-size: 2.2rem;
	--h2-size: 1.8rem;
	--h3-size: 1.4rem;
	--h4-size: 1.2rem;
	--h4-size-footer: 1.1rem;
	--h5-size: 1rem;
	--font-weight: 410 !important;
	--font-weight-footer: 500 !important;
	--p-size: 1.2rem;
	--form-elements: 1.4rem;
	/* Line heights */
	--line-height-base: 1.65;
	--line-height-heading: 1.3;
	/* Body max width for readability (optional) */
	--content-max-width: 70ch;
}
/* =========================================================
   BASE ELEMENT STYLES
   ========================================================= */
html {
	font-size: var(--font-size-base);
}
body {
	font-family: var(--font-family-base);
	font-size: 1rem;
	line-height: var(--line-height-base);
	/* color: #222; */
}
/* Optional: constrain long-form content */
.readable-content {
	max-width: var(--content-max-width);
}
/* =========================================================
   HEADINGS
   ========================================================= */
h1 {
	font-size: var(--h1-size);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight);
}
h2 {
	font-size: var(--h2-size);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight);
}
h3 {
	font-size: var(--h3-size);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight);
}
h4 {
	font-size: var(--h4-size);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight);
}
h4 {
	font-size: var(--h4-size);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight);
}
.footer-nav h4 {
	font-size: var(--h5-size-footer);
	line-height: var(--line-height-heading);
	font-weight: var(--font-weight-footer);
}
/* =========================================================
   DEFAULTS + OVERRIDES
   ========================================================= */
strong.fnavhdr-match-h4 {
	font-size: 1.1rem;
	line-height: 0px;
	font-weight: 500 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
p {
	font-size: var(--p-size);
	line-height: var(--line-height-base);
}
.accordion-members-title {
	font-size: var(--h3-size);
}
.accordion-members-icon {
	font-size: var(--h2-size);
}
/* =========================================================
   RESPONSIVE SCALING (TABLETS & MOBILE)
   ========================================================= */
/* Large tablets and small laptops */
@media screen and (max-width: 1200px) {
	html {
		font-size: 17px;
	}
}
/* Tablets */
@media screen and (max-width: 1024px) {
	html {
		font-size: 16.5px;
	}
}
/* Large phones / small tablets */
@media screen and (max-width: 768px) {
	html {
		font-size: 16.25px;
	}
	:root {
		--h1-size: 2rem;
		--h2-size: 1.6rem;
		--h3-size: 1.3rem;
	}
}
/* Phones */
@media screen and (max-width: 480px) {
	html {
		font-size: 16px;
	}
	:root {
		--h1-size: 1.8rem;
		--h2-size: 1.5rem;
		--h3-size: 1.25rem;
		--h4-size: 1.1rem;
		--h5-size: 1rem;
	}
}
/* Shortcut one statement fornt-size rule */
/* html {
    font-size: clamp(16px, 1.1vw + 14px, 18px)!important;
} */