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

/* ================= Colours ================== */
:root {
	--colorPrimary: #234534;
	--colorPrimary-light: #7598F6;
	--colorPrimary-dark: #5372C7;
	--colorSecondary: #cd952c;
	--colorSecondary-light: #ecf7a3;
	--colorSecondary-dark: #ceeb17;
	--colorTertiary: hsl(100,46.4%,46.9%);
	--colorTertiary-light: hsl(100,46.4%,56.9%);
	--colorTertiary-dark: hsl(100,46.4%,36.9%);
	--colorOffBlack: #2C2A2A;
	--colorOffBlack-light: #333333;
	--colorOffBlack-dark: #1B1B1B;
	--colorGrey: #D0D0D2;
	--colorGrey-light: #E7E8EB;
	--colorGrey-dark: #707070;
	--colorOffWhite: #FFFBF8;
	--colorWhite: #ffffff;
	--colorBlack: #000000;
	--colorErrorRed: #ed000c;
}

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

.-bgTertiary			{   background-color:var(--colorTertiary);   }
.-bgTertiary-light	{   background-color:var(--colorTertiary-light);   }
.-bgTertiary-dark		{   background-color:var(--colorTertiary-dark);   }

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

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

.-bgOffWhite			{   background-color:var(--colorOffWhite);   }
.-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);   }

.-txtTertiary			{   color:var(--colorTertiary);   }
.-txtTertiary-light	{   color:var(--colorTertiary-light);   }
.-txtTertiary-dark	{   color:var(--colorTertiary-dark);   }

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

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

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

.-txtWhite				{   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);   }

.-fillTertiary			{   fill:var(--colorTertiary);   }
.-fillTertiary-light	{   fill:var(--colorTertiary-light);   }
.-fillTertiary-dark	{   fill:var(--colorTertiary-dark);   }

.-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);   }

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

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