/****************************************************************************
*	File Name : 			colours.css
*
*	Date Created :			2020-04-19
*	Date Modified:       
*
* Handles the colors across the site
*
* Logo/main blue: #00358C
*
*******************************************************************************/

/* CSS Variables */

:root {
  --text-dark: #484848;
  --main-blue-shade1: #00358c;
  --gray-shade1: #f0f0f0;
  --gray-shade2: #c5c5c5;
  --gray-shade3: #b3b3b3;
  --gray-shade4: #a5a5a5;
  --gray-shade5: #919191;
  --gray-shade6: #616161;
	--gray-shade7: #4a4a4a;
	--error-shade1: rgb(255, 182, 182);
	--error-shade2: rgb(255, 37, 37);
}
/* main blue */

.main-blue-shade1 {
  color: var(--main-blue-shade1) !important;
}
.main-blue-shade1-bg {
  background-color: var(--main-blue-shade1) !important;
}

/* grays - lightest to darkest */

.gray-shade1 {
  color: var(--gray-shade1) !important;
}

.gray-shade1-bg {
  background-color: var(--gray-shade1) !important;
}

.gray-shade2 {
  color: var(--gray-shade2) !important;
}

.gray-shade2-bg {
  background-color: var(--gray-shade2) !important;
}

.gray-shade3 {
  color: var(--gray-shade3) !important;
}

.gray-shade3-bg {
  background-color: var(--gray-shade3) !important;
}

.gray-shade4 {
  color: var(--gray-shade4) !important;
}

.gray-shade5 {
  color: var(--gray-shade5) !important;
}

.gray-shade6 {
  color: var(--gray-shade6) !important;
}

.gray-shade7 {
  color: var(--gray-shade7) !important;
}

.white {
	color: #fff;
}

.white-bg {
	background-color: #fff;
}