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

/* ================= Colours ================== */
:root {
	--colorPrimary: #7AB842;
	/*--colorPrimary-light:	#7598F6;*/
	--colorPrimary-dark: #619235;
	--colorSecondary: #F26621;
	/*--colorSecondary-light: #ecf7a3;*/
	/*--colorSecondary-dark:  #ceeb17;*/

	--colorTertiary: #D12429;
	/*--colorTertiary-light:	hsl(100,46.4%,56.9%);*/
	--colorTertiary-dark: #A51D20;
	--colorOffBlack: #2C2A2A;
	/*--colorOffBlack-light:	#333333;*/
	/*--colorOffBlack-dark:	#1B1B1B;*/

	--colorGrey: #8b8b8d;
	--colorGrey-light: #CDCDCE;
	--colorGrey-lighhtest: #f2f2f6 ;
	--colorGrey-dark: #575756;
	--colorOffWhite: #F2F2F6;
	--colorWhite: #ffffff;
	--colorBlack: #000000;
	--colorErrorRed: #ed000c;
}

/* ----- Background Colours ----- */
.bg-primary				{   background-color:var(--colorPrimary);   }
.bg-primary-light		{   background-color:var(--colorPrimary-light);   }
.bg-primary-dark		{   background-color:var(--colorPrimary-dark);   }

.bg-secondary			{   background-color:var(--colorSecondary);   }
.bg-secondary-light	{   background-color:var(--colorSecondary-light);   }
.bg-secondary-dark	{   background-color:var(--colorSecondary-dark);   }

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

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

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

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

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

/* ----- Text Colours ----- */
.txt-primary			{   color:var(--colorPrimary);   }
.txt-primary-light	{   color:var(--colorPrimary-light);   }
.txt-primary-dark		{   color:var(--colorPrimary-dark);   }

.txt-secondary			{   color:var(--colorSecondary);   }
.txt-secondary-light	{   color:var(--colorSecondary-light);   }
.txt-secondary-dark	{   color:var(--colorSecondary-dark);   }

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

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

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

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

.txt-white				{   color:var(--colorWhite);   }
.txt-white a,
.txt-white a:visited	{   color:var(--colorWhite); border-bottom-color:var(--colorWhite);   }
.txt-white a:hover	{   border-bottom-style:solid;   }

.txt-errorRed			{   color:var(--colorErrorRed);   }

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

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

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

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

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

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

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