/* -------------------------------------------------------------------------- *
 * ========================================================================== *
 * Mohunky Cornerstone v7.0.7
 * Site Colours
 * ========================================================================== *
 * -------------------------------------------------------------------------- *

/* ================= Colours ================== */
:root {
	/*                      ----------| Light  | Dark  |---------- */
	--colorPrimary-light: 	light-dark(#93d332, #77AD25);
	--colorPrimary: 			light-dark(#77AD25, #5a831c);
	--colorPrimary-dark: 	light-dark(#5a831c, #446315);

	--colorSecondary-light: light-dark(#fbd02c, #F0BF04);
	--colorSecondary: 		light-dark(#F0BF04, #c9a003);
	--colorSecondary-dark: 	light-dark(#c9a003, #a38203);

	--colorTertiary-light: 	light-dark(#229282, #229282);
	--colorTertiary: 			light-dark(#1D5F7E, #1D5F7E);
	--colorTertiary-dark: 	light-dark(#297587, #297587);

	--colorQuatenary: #229282;
	--colorQuatenary-light: #61D35D;

	--colorSuccess: 			light-dark(#249542, #249542);
	--colorWarning: 			light-dark(#edad21, #edad21);
	--colorDanger: 			light-dark(#c61116, #c61116);
	
	--colorGrey: 			light-dark(#E5EFF6, #d8d9d8);
	--colorGrey-light: 		light-dark(#f8fbfd, #f0f4f5);
	--colorGrey-dark: 		light-dark(#bec0be, #bec0be);
	
	--colorOffWhite: 		light-dark(#f0f4f5, #0a192c);
	
	--colorOffBlack: 			light-dark(#1D222B, #fffbf8);
	--colorOffBlack20pc:		#1D222B33; /* 20% opacity version of --colorOffBlack */
	--colorOffBlack50pc:		#1D222B80; /* 50% opacity version of --colorOffBlack */
	--colorOffBlack-light: 	light-dark(#363e4f, #d4d8e3);
	--colorOffBlack-dark: 	light-dark(#171a22, #f3f4f7);
	--colorOffBlack-perpetual: #212631;
	
	--colorWhite: 			light-dark(#ffffff, #000000);
	--colorWhite-perpetual: light-dark(#ffffff, #ffffff);

	--colorBlack: 			light-dark(#000000, #ffffff);
	--colorBlack-perpetual: light-dark(#000000, #000000);

	--colorText: 			light-dark(#0a192c, #ffffff);
	
	--colorErrorRed: 		light-dark(#ed000c, #ed000c);

	--colorViewBg: 			light-dark(#F3F4F7, #1D222B);
	--colorTileBg: 			light-dark(var(--colorWhite), #212631);
	--colorTileHdr: 		light-dark(#f8fbfd, #272C37);
	--colorTileBdr: 		light-dark(#d2e3ef, #3E424B);
	--colorTileShdw: 		light-dark(#1C55841A, #0000003f);
}

/* ----- Background Colours ----- */
.-bgAdmin {
	background-color: var(--colorBgAdmin);
}
/* Primary */
.-bgPrimary {
	background-color: var(--colorPrimary);
}
.-bgPrimary-light {
	background-color: var(--colorPrimary-light);
}
.-bgPrimary-dark {
	background-color: var(--colorPrimary-dark);
}
/* Secondary */
.-bgSecondary {
	background-color: var(--colorSecondary);
}
.-bgSecondary-light {
	background-color: var(--colorSecondary-light);
}
.-bgSecondary-dark {
	background-color: var(--colorSecondary-dark);
}
/* Tertiary */
.-bgTertiary {
	background-color: var(--colorTertiary);
}
.-bgTertiary-light {
	background-color: var(--colorTertiary-light);
}
.-bgTertiary-dark {
	background-color: var(--colorTertiary-dark);
}

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

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

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

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

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

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

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

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

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

.-bgBlack {
	background-color: var(--colorBlack);
}

.-bgTileHdr				{   background-color:var(--colorTileHdr);   }

/* ----- 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);
}

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

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

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

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

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

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

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

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

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

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

/* ----- SVG Fill Colours ----- */
/* Primary */
.-fillPrimary {
	fill: var(--colorPrimary);
}
.-fillPrimary-light {
	fill: var(--colorPrimary-light);
}
.-fillPrimary-dark {
	fill: var(--colorPrimary-dark);
}
/* Secondary */
.-fillSecondary {
	fill: var(--colorSecondary);
}
.-fillSecondary-light {
	fill: var(--colorSecondary-light);
}
.-fillSecondary-dark {
	fill: var(--colorSecondary-dark);
}
/* Tertiary */
.-fillTertiary {
	fill: var(--colorTertiary);
}
.-fillTertiary-light {
	fill: var(--colorTertiary-light);
}
.-fillTertiary-dark {
	fill: var(--colorTertiary-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);
}

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

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

.-fillWhite {
	fill: var(--colorWhite);
}