/*===== FONT STYLES ======*/

/* Gotham *Canonical* */
@font-face {
	font-family: "Gotham";
	src: url("/front/fonts/gotham-light-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-light-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-light-webfont.woff") format("woff"),
		url("/front/fonts/gotham-light-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-light-webfont.svg") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham";
	src: url("/front/fonts/gotham-book-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-book-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-book-webfont.woff") format("woff"),
		url("/front/fonts/gotham-book-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-book-webfont.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham";
	src: url("/front/fonts/gotham-medium-webfont.eot?")
			format("embedded-opentype"),
		url("/front/fonts/gotham-medium-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-medium-webfont.woff") format("woff"),
		url("/front/fonts/gotham-medium-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-medium-webfont.svg") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham";
	src: url("/front/fonts/gotham-bold-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-bold-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-bold-webfont.woff") format("woff"),
		url("/front/fonts/gotham-bold-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-bold-webfont.svg") format("svg");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham";
	src: url("/front/fonts/gotham-black-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-black-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-black-webfont.woff") format("woff"),
		url("/front/fonts/gotham-black-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-black-webfont.svg") format("svg");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Gotham *Fallback* Font (In Use Before Fonts are Fully Rendered)*/
@font-face {
	font-family: "Gotham-Faux";
	src: local("Arial");
	size-adjust: 92.86%;
	ascent-override: 82.69%;
	descent-override: 17.31%;
	line-gap-override: 0%;
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Faux";
	src: local("Arial");
	size-adjust: 107.14%;
	ascent-override: 80%;
	descent-override: 20%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Faux";
	src: local("Arial");
	size-adjust: 98.21%;
	ascent-override: 83.64%;
	descent-override: 16.36%;
	line-gap-override: 0%;
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Faux";
	src: local("Arial");
	size-adjust: 96.43%;
	ascent-override: 82.41%;
	descent-override: 17.59%;
	line-gap-override: 0%;
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Faux";
	src: local("Arial");
	size-adjust: 100%;
	ascent-override: 83.04%;
	descent-override: 16.96%;
	line-gap-override: 0%;
	font-weight: 900;
	font-style: normal;
}

/* Previous Gotham @font-face Rules (Deprecated, Kept for DX, not currently in use on site CSS) */
@font-face {
	font-family: "Gotham-Black";
	src: url("/front/fonts/gotham-black-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-black-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-black-webfont.woff") format("woff"),
		url("/front/fonts/gotham-black-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-black-webfont.svg") format("svg");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham-Bold";
	src: url("/front/fonts/gotham-bold-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-bold-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-bold-webfont.woff") format("woff"),
		url("/front/fonts/gotham-bold-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-bold-webfont.svg") format("svg");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham-Light";
	src: url("/front/fonts/gotham-light-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-light-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-light-webfont.woff") format("woff"),
		url("/front/fonts/gotham-light-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-light-webfont.svg") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gotham-Medium";
	src: url("/front/fonts/gotham-medium-webfont.eot?")
			format("embedded-opentype"),
		url("/front/fonts/gotham-medium-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-medium-webfont.woff") format("woff"),
		url("/front/fonts/gotham-medium-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-medium-webfont.svg") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gotham-Book";
	src: url("/front/fonts/gotham-book-webfont.eot?") format("embedded-opentype"),
		url("/front/fonts/gotham-book-webfont.woff2") format("woff2"),
		url("/front/fonts/gotham-book-webfont.woff") format("woff"),
		url("/front/fonts/gotham-book-webfont.ttf") format("truetype"),
		url("/front/fonts/gotham-book-webfont.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Source Code Fonts 
--------------------------*/
/* source-code-pro-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: "Source Code Pro";
	font-style: normal;
	font-weight: 700;
	src: url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
	src: local(""),
		url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */
			url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff")
			format("woff"),
		/* Modern Browsers */
			url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("/front/fonts/source-code-pro-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#SourceCodePro")
			format("svg"); /* Legacy iOS */
	font-display: swap;
}
@font-face {
	font-family: "Monaco";
	font-style: normal;
	font-weight: normal;
	src: local("Monaco"), url("/front/fonts/Monaco.woff") format("woff");
	font-display: swap;
}

/* Source Code Font Fallback Definitions (Cross-Platform to Ensure Pixel Perfection) */
/* macOS modern */
@font-face {
	font-family: "Code-Faux";
	src: local("SFMono-Regular");
	size-adjust: 94.87%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Code-Faux";
	src: local("Menlo");
	size-adjust: 94.87%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Code-Faux";
	src: local("Menlo");
	size-adjust: 94.87%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 700;
	font-style: normal;
}
/* Linux */
@font-face {
	font-family: "Code-Faux";
	src: local("Liberation Mono");
	size-adjust: 96.52%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Code-Faux";
	src: local("Liberation Mono");
	size-adjust: 96.52%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 700;
	font-style: normal;
}
/* macOS older */
@font-face {
	font-family: "Code-Faux";
	src: local("Monaco");
	size-adjust: 89.52%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
/* Windows */
@font-face {
	font-family: "Code-Faux";
	src: local("Consolas");
	size-adjust: 94.87%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Code-Faux";
	src: local("Consolas");
	size-adjust: 94.87%;
	ascent-override: 80.18%;
	descent-override: 19.82%;
	line-gap-override: 0%;
	font-weight: 700;
	font-style: normal;
}

:root {
	--ff-gotham: "Gotham", "Gotham-Faux", system-ui, -apple-system, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, sans-serif;
	--ff-code: "Monaco", "Source Code Pro", "Code-Faux", ui-monospace,
		SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono",
		"Courier New", monospace;
	--ff-gotham-300: var(--ff-gotham);
	--ff-gotham-400: var(--ff-gotham);
	--ff-gotham-500: var(--ff-gotham);
	--ff-gotham-700: var(--ff-gotham);
	--ff-gotham-900: var(--ff-gotham);

	/* legacy aliases */
	--ff-Gotham-Light: var(--ff-gotham-300);
	--ff-Gotham-Book: var(--ff-gotham-400);
	--ff-Gotham-Medium: var(--ff-gotham-500);
	--ff-Gotham-Bold: var(--ff-gotham-700);
	--ff-Gotham-Black: var(--ff-gotham-900);
}

html,
body {
	font-family: var(--ff-gotham-300);
	font-weight: 300;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
pre,
code,
kbd,
samp {
	font-family: var(--ff-code);
	line-height: 1.5;
	tab-size: 4;
}
.far,
.fas {
	font-family: var(--font-family-fontawesome);
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

/* Utilities */
.ff-gotham-300 {
	font-family: var(--ff-gotham-300);
	font-weight: 300;
}
.ff-gotham-400 {
	font-family: var(--ff-gotham-400);
	font-weight: 400;
}
.ff-gotham-500 {
	font-family: var(--ff-gotham-500);
	font-weight: 500;
}
.ff-gotham-700 {
	font-family: var(--ff-gotham-700);
	font-weight: 700;
}
.ff-gotham-900 {
	font-family: var(--ff-gotham-900);
	font-weight: 900;
}

/* Legacy shims */
.font-Gotham-Light {
	font-family: var(--ff-Gotham-Light);
	font-weight: 300;
}
.font-Gotham-Book {
	font-family: var(--ff-Gotham-Book);
	font-weight: 400;
}
.font-Gotham-Medium {
	font-family: var(--ff-Gotham-Medium);
	font-weight: 500;
}
.font-Gotham-Bold {
	font-family: var(--ff-Gotham-Bold);
	font-weight: 700;
}
.font-Gotham-Black {
	font-family: var(--ff-Gotham-Black);
	font-weight: 900;
}

/* Heading Styles */
.iron-heading--large, .iron-heading--h1 {
	font-family: var(--ff-Gotham-Black);
	font-weight: 900;
	font-size: 48px;
	line-height: 1.2;
}
.iron-heading--medium, .iron-heading--h2 {
	font-family: var(--ff-Gotham-Black);
	font-weight: 900;
	font-size: 36px;
	line-height: 1.2;
}
.iron-heading--small, .iron-heading--h3 {
	font-family: var(--ff-gotham-Black);
	font-weight: 900;
	font-size: 30px;
	line-height: 1.2;
}
.iron-heading--title, .iron-heading-h4 {
	font-family: var(--ff-gotham-Black);
	font-weight: 900;
	font-size: 24px;
	line-height: 1.35;
}
.iron-heading--small-title, .iron-heading-h5 {
	font-family: var(--ff-gotham-Black);
	font-weight: 900;
	font-size: 20px;
	line-height: 1.4;
}
.iron-subtitle--large {
	font-family: var(--ff-gotham-Black);
	font-weight: 900;
	font-size: 18px;
	line-height: 1.6;
}
.iron-subtitle--default {
	font-family: var(--ff-gotham-Medium);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	.iron-heading--large, .iron-heading--h1 {
		font-family: var(--ff-Gotham-Black);
		font-weight: 900;
		font-size: 32px;
		line-height: 1.2;
	}
	.iron-heading--medium, .iron-heading--h2 {
		font-family: var(--ff-Gotham-Black);
		font-weight: 900;
		font-size: 28px;
		line-height: 1.2;
	}
	.iron-heading--small, .iron-heading--h3 {
		font-family: var(--ff-gotham-Black);
		font-weight: 900;
		font-size: 24px;
		line-height: 1.2;
	}
	.iron-heading--title, .iron-heading--h4 {
		font-family: var(--ff-gotham-Black);
		font-weight: 900;
		font-size: 20px;
		line-height: 1.35;
	}
	.iron-subtitle--large {
		font-family: var(--ff-gotham-Black);
		font-weight: 900;
		font-size: 16px;
		line-height: 1.6;
	}
}

/* Body Text */
.iron-body--large {
	font-family: var(--ff-gotham-Book);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
}
.iron-body--default {
	font-family: var(--ff-gotham-Book);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
}
.iron-body--strong {
	font-family: var(--ff-gotham-Black);
	font-weight: 900;
	font-size: 16px;
	line-height: 1.8;
}

/* Caption */
.iron-caption--default {
	font-family: var(--ff-gotham-Book);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
}
.iron-caption--small {
	font-family: var(--ff-gotham-Light);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.35;
}

/* iron styling, font-size & line-height */
/* keep these 5 patterns for now (36x12, 20x14, 18x12, 16x18, 14x14) will revise later, do not add more for this pattern > migrated to separate iron_lh instead for more variety, start */
.iron_fs--36x12 {
	font-size: 36px;
	line-height: 1.2;
}

.iron_fs--20x14 {
	font-size: 20px;
	line-height: 1.4;
}

.iron_fs--18x12 {
	font-size: 18px;
	line-height: 1.2;
}

.iron_fs--16x18 {
	font-size: 16px;
	line-height: 1.8;
}

.iron_fs--14x14 {
	font-size: 14px;
	line-height: 1.4;
}

/* end keep for now the rest is new one */

.iron_fs--8 {
	font-size: 8px;
}

.iron_fs--9 {
	font-size: 9px;
}

.iron_fs--10 {
	font-size: 10px;
}

.iron_fs--11 {
	font-size: 11px;
}

.iron_fs--12 {
	font-size: 12px;
}

.iron_fs--13 {
	font-size: 13px;
}

.iron_fs--14 {
	font-size: 14px;
}

.iron_fs--15 {
	font-size: 15px;
}

.iron_fs--16 {
	font-size: 16px;
}

.iron_fs--17 {
	font-size: 17px;
}

.iron_fs--18 {
	font-size: 18px;
}

.iron_fs--19 {
	font-size: 19px;
}

.iron_fs--20 {
	font-size: 20px;
}

.iron_fs--21 {
	font-size: 21px;
}

.iron_fs--22 {
	font-size: 22px;
}

.iron_fs--23 {
	font-size: 23px;
}

.iron_fs--24 {
	font-size: 24px;
}

.iron_fs--25 {
	font-size: 25px;
}

.iron_fs--26 {
	font-size: 26px;
}

.iron_fs--27 {
	font-size: 27px;
}

.iron_fs--28 {
	font-size: 28px;
}

.iron_fs--29 {
	font-size: 29px;
}

.iron_fs--30 {
	font-size: 30px;
}

.iron_fs--31 {
	font-size: 31px;
}

.iron_fs--32 {
	font-size: 32px;
}

.iron_fs--33 {
	font-size: 33px;
}

.iron_fs--34 {
	font-size: 34px;
}

.iron_fs--35 {
	font-size: 35px;
}

.iron_fs--36 {
	font-size: 36px;
}

.iron_fs--37 {
	font-size: 37px;
}

.iron_fs--38 {
	font-size: 38px;
}

.iron_fs--39 {
	font-size: 39px;
}

.iron_fs--40 {
	font-size: 40px;
}

.iron_fs--41 {
	font-size: 41px;
}

.iron_fs--42 {
	font-size: 42px;
}

.iron_fs--43 {
	font-size: 43px;
}

.iron_fs--44 {
	font-size: 44px;
}

.iron_fs--45 {
	font-size: 45px;
}

.iron_fs--46 {
	font-size: 46px;
}

.iron_fs--47 {
	font-size: 47px;
}

.iron_fs--48 {
	font-size: 48px;
}

/* iron styling, line-height */
.iron_lh--10 {
	line-height: 1;
}

.iron_lh--11 {
	line-height: 1.1;
}

.iron_lh--12 {
	line-height: 1.2;
}

.iron_lh--13 {
	line-height: 1.3;
}

.iron_lh--14 {
	line-height: 1.4;
}

.iron_lh--15 {
	line-height: 1.5;
}

.iron_lh--16 {
	line-height: 1.6;
}

.iron_lh--17 {
	line-height: 1.7;
}

.iron_lh--18 {
	line-height: 1.8;
}

.iron_lh--19 {
	line-height: 1.9;
}

.iron_lh--20 {
	line-height: 2;
}