.purple{
	color: #453568;
}
.purple-bg{
	background-color: #453568;
	color: white;
}


.teal{
	color: #63b4b8;
}
.teal-bg{
	background-color: #63b4b8;
	color: white;
}

.teal-hover:hover{
	color: #63b4b8;
}

.salmon{
	color: #F26F71;
}
.salmon-bg{
	background-color: #F26F71;
	color: white;
}
a.salmon-bg-hover:hover{
	background-color: #F26F71;
	color: white;
}
.salmon-border{
	border: 1px solid #F26F71;
}

.orange{
	color: #f1cf89;
}
.orange-bg{
	background-color: #f1cf89;
}


.yellow{
	color: #f2f09f;
}
.yellow-bg{
	background-color: #f2f09f;
}

.dark-teal, .dark-teal-hover:hover{
	color: #2380a7;
}
.dark-teal-bg{
	background-color: #2380a7;
	color: white;
}

a.dark-teal-bg-hover:hover{
	background-color: #2380a7 !important;
	color: white;
}

.white{
	color: white;
}
.white-bg{
	background-color: white;
}
.trans-white-bg{
	background-color: rgba(255,255,255,0.7);
	color: #453568;
}

.black{
	color: black;
}
.black-bg{
	background-color: black;
}

.grey-bg{
	background-color: #D8D8D8;
}
a.grey-bg:hover{
	background-color: #c8c8c8;
}

.med-grey{
	color: #696969;
}

.dark-grey{
	color: #444;
}

.light-grey-bg{
	background-color: #efefef;
}

.conic-gradient-bg{
	background: conic-gradient(from 95deg at 50% 50%, #664f89, #664f89, #654e87, #624c83, #5c477b, #52406f, #45365e, #3c2f51, #372b4a, #342947, #332845, #332845);
	color: white;
}

.linear-gradient-bg{
	background: linear-gradient(to left, #64B5B9, #453568);
}

.linear-gradient-bg-vert{
	background: linear-gradient(to bottom, #664F89, #332845);
	color: white;
}

.linear-gradient-bg-vert a{
	color: white;
}

.radial-bg{
	background: linear-gradient(135deg, #4c396a, #494178, #494f87, #506895, #5884a3, #60a4b2, #60a4b2, #5884a3, #506895, #494f87, #494178, #4c396a);
	color: white;
}