/* AUTO-GENERATED -- DO NOT EDIT
 * Edit wwwroot/css/mcsColours.css and wwwroot/css/mcsTypography.css instead.
 */
/*
 * consumerColours.css
 * Brand colour overrides for this client.
 *
 * Override Cornerstone CSS custom properties here.
 * All Cornerstone colour tokens are prefixed --mcs-*
 *
 * Example:
 *   :root {
 *     --mcs-colour-primary: #2563eb;
 *     --mcs-colour-primary-dark: #1d4ed8;
 *     --mcs-colour-secondary: #7c3aed;
 *   }
 *
 * Load order: Cornerstone bundles load first → consumerBundleStyles.css loads after.
 * CSS cascade handles the override — no specificity tricks needed.
 */

/* ================= Colours ================== */
:root, :host {
	--colorPrimary: #FF6200; /* orange */
	--colorPrimary-light: #FF620040; /* 30% transparecy*/
	--colorPrimary-dark: #000E20;
	--colorSecondary: #000E20; /* off black */
	--colorSecondary-light: #ecf7a3;
	--colorSecondary-dark: #ceeb17;
	--colorSuccess: #249542;
	--colorWarning: #edad21;
	--colorDanger: #c61116;
	--colorOffBlack: light-dark(#212631, #fffbf8);
	--colorOffBlack-light: light-dark(#363e4f, #d4d8e3);
	--colorOffBlack-dark: light-dark(#171a22, #f3f4f7);
	--colorGrey: #8B8B8B;
	--colorGrey-light: #8B8B8BBF; /* 75% transparency */
	--colorGrey-dark: #545e69;
	--colorOffWhite: light-dark(#fff, #0a192c);
	--colorOffBlack: light-dark(#1D222B, #f0f4f5);
	--colorOffBlack-perpetual: #0a192c;
	--colorWhite: light-dark(#ffffff, #000000);
	--colorWhite-perpetual: #ffffff;
	--colorBlack: light-dark(#000000, #ffffff);
	--colorBlack-perpetual: #000000;
	--colorText: light-dark(#0a192c, #ffffff);
	--colorViewBg: light-dark(#F3F4F7, #1D222B);
	--colorTileBg: light-dark(var(--colorWhite), #212631);
	--colorTileHdr: light-dark(#F8F8F9, #272C37);
	--colorTileBdr: light-dark(#CDCECF, #3E424B);
}

/* ----- Background Colours ----- */
.-bgAdmin {
	background-color: var(--colorBgAdmin);
}

.-bgPrimary {
	background-color: var(--colorPrimary);
}

.-bgPrimary-light {
	background-color: var(--colorPrimary-light);
}

.-bgPrimary-dark {
	background-color: var(--colorPrimary-dark);
}

.-bgSecondary {
	background-color: var(--colorSecondary);
}

.-bgSecondary-light {
	background-color: var(--colorSecondary-light);
}

.-bgSecondary-dark {
	background-color: var(--colorSecondary-dark);
}

.-bgSuccess {
	background-color: var(--colorSuccess);
}

.-bgWarning {
	background-color: var(--colorWarning);
}

.-bgDanger {
	background-color: var(--colorDanger);
}

.-bgOffBlack {
	background-color: var(--colorOffBlack);
}

.-bgOffBlack-light {
	background-color: var(--colorOffBlack-light);
}

.-bgOffBlack-dark {
	background-color: var(--colorOffBlack-dark);
}

.-bgGrey {
	background-color: var(--colorGrey);
}

.-bgGrey-light {
	background-color: var(--colorGrey-light);
}

.-bgGrey-dark {
	background-color: var(--colorGrey-dark);
}

.-bgOffWhite {
	background-color: var(--colorOffWhite);
}

.-bgOffWhite-light {
	background-color: var(--colorOffWhite-light);
}

.-bgOffWhite-dark {
	background-color: var(--colorOffWhite-dark);
}

.-bgWhite {
	background-color: var(--colorWhite);
}

/* ----- Text Colours ----- */
.-txtPrimary {
	color: var(--colorPrimary);
}

.-txtPrimary-light {
	color: var(--colorPrimary-light);
}

.-txtPrimary-dark {
	color: var(--colorPrimary-dark);
}

.-txtSecondary {
	color: var(--colorSecondary);
}

.-txtSecondary-light {
	color: var(--colorSecondary-light);
}

.-txtSecondary-dark {
	color: var(--colorSecondary-dark);
}

.-txtSuccess {
	color: var(--colorSuccess);
}

.-txtWarning {
	color: var(--colorWarning);
}

.-txtDanger {
	color: var(--colorDanger);
}

.-txtOffBlack {
	color: var(--colorOffBlack);
}

.-txtOffBlack-light {
	color: var(--colorOffBlack-light);
}

.-txtOffBlack-dark {
	color: var(--colorOffBlack-dark);
}

.-txtGrey {
	color: var(--colorGrey);
}

.-txtGrey-light {
	color: var(--colorGrey-light);
}

.-txtGrey-dark {
	color: var(--colorGrey-dark);
}

.-txtOffWhite {
	color: var(--colorOffWhite);
}

.-txtOffWhite-light {
	color: var(--colorOffWhite-light);
}

.-txtOffWhite-dark {
	color: var(--colorOffWhite-dark);
}

.-txtWhite {
	color: var(--colorWhite);
}

	.-txtWhite a,
	.-txtWhite a:visited {
		color: var(--colorWhite);
		border-bottom-color: var(--colorWhite);
	}

.-txtErrorRed {
	color: var(--colorErrorRed);
}

/* ----- SVG Fill Colours ----- */
.-fillPrimary {
	fill: var(--colorPrimary);
}

.-fillPrimary-light {
	fill: var(--colorPrimary-light);
}

.-fillPrimary-dark {
	fill: var(--colorPrimary-dark);
}

.-fillSecondary {
	fill: var(--colorSecondary);
}

.-fillSecondary-light {
	fill: var(--colorSecondary-light);
}

.-fillSecondary-dark {
	fill: var(--colorSecondary-dark);
}

.-fillSuccess {
	fill: var(--colorSuccess);
}

.-fillWarning {
	fill: var(--colorWarning);
}

.-fillDanger {
	fill: var(--colorDanger);
}

.-fillGrey {
	fill: var(--colorGrey);
}

.-fillGrey-light {
	fill: var(--colorGrey-light);
}

.-fillGrey-dark {
	fill: var(--colorGrey-dark);
}

.-fillOffBlack {
	fill: var(--colorOffBlack);
}

.-fillOffBlack-light {
	fill: var(--colorOffBlack-light);
}

.-fillOffBlack-dark {
	fill: var(--colorOffBlack-dark);
}

.-fillOffWhite {
	fill: var(--colorOffWhite);
}

.-fillOffWhite-light {
	fill: var(--colorOffWhite-light);
}

.-fillOffWhite-dark {
	fill: var(--colorOffWhite-dark);
}

.-fillWhite {
	fill: var(--colorWhite);
}
/*
 * consumerTypography.css
 * Brand typography overrides for this client.
 *
 * Add @font-face declarations and override Cornerstone typography tokens here.
 *
 * Example:
 *   @font-face {
 *     font-family: 'ClientFont';
 *     src: url('../fonts/ClientFont-Regular.woff2') format('woff2');
 *     font-weight: 400;
 *     font-display: swap;
 *   }
 *
 *   :root {
 *     --mcs-font-family-base: 'ClientFont', sans-serif;
 *   }
 */

/* -------------------------------------------------------------------------- *
 * FormaDJR Font Family Declarations
 * -------------------------------------------------------------------------- */

/* FormaDJR Variable Fonts */
@font-face {
	src: url('../fonts/FormaDJRVariable-VF-Testing.woff2') format("woff2"), url('../fonts/FormaDJRVariable-VF-Testing.woff') format("woff");
	font-family: 'FormaDJRVariable';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff2') format("woff2"), url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff') format("woff");
	font-family: 'FormaDJRVariable';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

/* FormaDJR Micro */
@font-face {
	src: url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraLightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Light-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-LightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-LightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Regular-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Italic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Medium-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Bold-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-BoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Black-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRMicro-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-BlackItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRMicro';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

/* FormaDJR Text */
@font-face {
	src: url('../fonts/FormaDJRText-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraLight-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Light-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-LightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-LightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Regular-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Italic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Medium-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-MediumItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Bold-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-BoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraBold-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Black-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRText-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-BlackItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRText';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

/* FormaDJR Deck */
@font-face {
	src: url('../fonts/FormaDJRDeck-Hairline-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Hairline-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 1;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-HairlineItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-HairlineItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 1;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Thin-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Thin-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ExtraLight-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Light-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-LightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-LightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Regular-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Italic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Medium-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-MediumItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Bold-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-BoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ExtraBold-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ExtraBoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Black-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDeck-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-BlackItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDeck';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

/* FormaDJR Display */
@font-face {
	src: url('../fonts/FormaDJRDisplay-Hairline-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Hairline-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Thin-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Thin-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ExtraLight-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Light-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-LightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-LightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Regular-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Italic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Medium-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Bold-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-BoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ExtraBold-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Black-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRDisplay-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-BlackItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRDisplay';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

/* FormaDJR Banner */
@font-face {
	src: url('../fonts/FormaDJRBanner-Hairline-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Hairline-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 1;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-HairlineItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-HairlineItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 1;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Thin-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Thin-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-ThinItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ThinItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraLight-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 275;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Light-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-LightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-LightItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Regular-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Italic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Medium-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Bold-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-BoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Black-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	src: url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff') format("woff");
	font-family: 'FormaDJRBanner';
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin >
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" >
/* -------------------------------------------------------------------------- *
 * Font Weights Cheat Sheet

	100 - Thin
	200 - Light
	300 - Semi-light
	400 - Normal
	500 - Medium
	600 - Semi-bold
	700 - Bold
	800 - Extra-bold
	900 - Heavy

 * -------------------------------------------------------------------------- */
.container.-widest {
	max-width: 1920px;
}

.container.-widecontent {
	max-width: calc(1600px + 2rem);
}

html {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	color: var(--colorText);
	background: var(--colorWhite);
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

	/* ----- Dark Mode Override ----- */
	body.-themeDark {
		color: var(--colorBlack);
	}


	/* ----- Ensure all fonts are set correctly ----- */
	/* Frontend: apply to body when it doesn't have Umbraco UI classes */
	body:not(.uui-font) {
		font-family: 'Poppins', Helvetica, Arial, sans-serif;
	}

/* Block previews: explicit override for preview content inside Umbraco backoffice */
._previewContent,
._previewContent * {
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}


/* -------------------------------------------------------------------------- *
 * Headings
 * -------------------------------------------------------------------------- */
h1, .-fauxH1 {
	font-size: 6.25rem;
	font-weight: 400;
	margin: 0 0 1rem 0;
	line-height: 1em;
	font-family: 'FormaDJRBanner', Helvetica, Arial, sans-serif;
}

h2, .-fauxH2 {
	font-size: 6.25rem;
	font-weight: 400;
	margin: 0 0 1rem 0;
	line-height: 1.125em;
	font-family: 'FormaDJRBanner', Helvetica, Arial, sans-serif;
}

h3 {
	font-size: 2.000rem;
	font-weight: 400;
	margin: 0 0 1rem 0;
	line-height: 1.250em;
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

h4 {
	font-size: 1.5625rem;
	font-weight: 400;
	margin: 0 0 1rem 0;
	font-family: 'FormaDJRBanner', Helvetica, Arial, sans-serif;
}

h5 {
	font-size: 1.250rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	font-family: 'FormaDJRBanner', Helvetica, Arial, sans-serif;
}

h6 {
	font-size: 1.000rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	font-family: 'FormaDJRBanner', Helvetica, Arial, sans-serif;
}
/* -------------------------------------------------------------------------- *
 * Standard styles
 * -------------------------------------------------------------------------- */
p {
	font-size: 1.25rem;
	font-weight: 200;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

ol {
	font-size: 1.25rem;
	font-weight: 200;
	line-height: 1.5em;
}

ul {
	font-size: 1.25rem;
	font-weight: 200;
	line-height: 1.5em;
}

strong {
	font-weight: 700;
}
/* ----- Default links ----- */
a._anchorfix {
	position: relative;
	top: -200px;
}

a, a:visited {
	color: var(--colorPrimary);
	border-bottom: none;
	text-decoration: none;
	font-weight: 400;
}

	a:hover {
		border-bottom-style: solid;
	}

	a:active, a:focus {
		outline: none;
	}

	a.-active {
		color: var(--colorPrimary);
		border-bottom-style: solid;
	}

		a.-active:hover {
			cursor: default;
		}

	a.-noBorder, a.-noBorder:visited, a.-noBorder:hover {
		border-bottom: none;
	}
/* ----- Badges ----- */
._txtBadge {
	display: inline-block;
	padding: 0.125rem 0.500rem;
	border-radius: 0.250rem;
	font-size: 0.875rem;
	font-weight: 500;
	text-transform: uppercase;
}

	._txtBadge.-txtSmall {
		font-size: 0.750rem;
	}

	._txtBadge.-bgPrimary {
		color: var(--colorWhite-perpetual);
	}

	._txtBadge.-bgGrey {
		color: var(--colorOffBlack-perpetual);
	}

	._txtBadge.-bgSuccess {
		color: var(--colorWhite-perpetual);
	}

	._txtBadge.-bgWarning {
		color: var(--colorWhite-perpetual);
	}

	._txtBadge.-bgDanger {
		color: var(--colorWhite-perpetual);
	}
/* ----- Pull/Blockquote ----- */
blockquote {
	margin: 1em 0;
	padding: 1em;
	border: none;
	border-left: 0.125rem solid var(--colorPrimary);
	font-size: 1.250em;
	line-height: 1.3125em;
	font-style: italic;
}

	blockquote span.author {
		display: block;
		padding-top: 0.500em;
		font-size: 1rem;
		font-style: normal;
	}
/* ----- Horizontal Rules ----- */
hr {
	display: inline-block;
	width: 100%;
	height: 0.0625rem;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-color: var(--colorGrey);
}
/* -------------------------------------------------------------------------- *
 * Code styles
 * -------------------------------------------------------------------------- */
pre {
	display: block;
	margin: 0 0 1rem 0;
	padding: 1em;
	border-radius: 0.25em;
	font-size: 1em;
	text-align: left;
	tab-size: 3;
	color: var(--colorOffWhite);
	background: var(--colorOffBlack);
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: auto;
}

code {
	display: inline-block;
	padding: 0 0.5em;
	border-radius: 0.25em;
	background-color: var(--colorOffBlack);
	color: var(--colorOffWhite);
	font-size: 0.875em;
	line-height: 1.5em;
}

span._inlineCode {
	display: inline-block;
	padding: 0 0.500em;
	border-radius: 0.25em;
	font-size: 0.750em;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	color: var(--colorOffWhite);
	background: var(--colorOffBlack);
}
/* -------------------------------------------------------------------------- *
 * Text Utilities
 * -------------------------------------------------------------------------- */
/* --- Alignment --- */
.-txtCenter {
	text-align: center;
}

.-txtRight {
	text-align: right;
}

.-txtLeft {
	text-align: left;
}

.-txtJustify {
	text-align: justify;
}

.-txtPullout {
	margin-bottom: 1em;
	padding: 0.5em 0.5em 0.5em 1em;
	border-left: 2px solid var(--colorPrimary);
	background-color: var(--colorOffWhite);
}

.-txtHighlight {
	color: var(--colorPrimary);
}
/* --- Sizes --- */
.-txtSmall, small {
	font-size: 0.750em;
	font-weight: 400;
}

.-txtSmaller {
	font-size: 0.6125em;
}

.-txtLarge {
	font-size: 1.250em;
}

.-txtLarger {
	font-size: 1.500em;
}

.-txtUpper {
	text-transform: uppercase;
}
/* ----- Font weights ----- */
.-txt100 {
	font-weight: 100;
}

.-txt200 {
	font-weight: 200;
}

.-txt300 {
	font-weight: 300;
}

.-txt400 {
	font-weight: 400;
}

.-txt500 {
	font-weight: 500;
}

.-txt600 {
	font-weight: 600;
}

.-txt700 {
	font-weight: 700;
}

.-txt800 {
	font-weight: 800;
}

.-txt900 {
	font-weight: 900;
}


@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	.-ll-txtLeft {
		text-align: left;
	}

	.-ll-txtCenter {
		text-align: center;
	}

	.-ll-txtRight {
		text-align: right;
	}
}

@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	.-ls-txtLeft {
		text-align: left;
	}

	.-ls-txtCenter {
		text-align: center;
	}

	.-ls-txtRight {
		text-align: right;
	}
}

@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.-tl-txtLeft {
		text-align: left;
	}

	.-tl-txtCenter {
		text-align: center;
	}

	.-tl-txtRight {
		text-align: right;
	}
}

@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */
	.-ts-txtLeft {
		text-align: left;
	}

	.-ts-txtCenter {
		text-align: center;
	}

	.-ts-txtRight {
		text-align: right;
	}
}

@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */
	.-ml-txtLeft {
		text-align: left;
	}

	.-ml-txtCenter {
		text-align: center;
	}

	.-ml-txtRight {
		text-align: right;
	}
}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.-ms-txtLeft {
		text-align: left;
	}

	.-ms-txtCenter {
		text-align: center;
	}

	.-ms-txtRight {
		text-align: right;
	}
}
/* ------------------------------------------- */
/* ============= Font-face calls ============= */
/* ------------------------------------------- */
/* -------- 200 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 200;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-200.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 200;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-200italic.woff2') format('woff2');
}
/* -------- 300 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-300.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 300;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-300italic.woff2') format('woff2');
}
/* -------- 400 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-400.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 400;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-400italic.woff2') format('woff2');
}
/* -------- 500 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 500;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-500.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 500;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-500italic.woff2') format('woff2');
}
/* -------- 600 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 600;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-600.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 600;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-600italic.woff2') format('woff2');
}
/* -------- 700 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-700.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 700;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-700italic.woff2') format('woff2');
}
/* -------- 800 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 800;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-800.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 800;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-800italic.woff2') format('woff2');
}
/* -------- 900 -------- */
@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 900;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-900.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 900;
	src: url('/_content/MohCornerstone.CoreAssets/fonts/nunito-v26-latin-900italic.woff2') format('woff2');
}