/************* colors *********/
:root{
/***** PRIMARY COLORS *****/
	
		/* CARRIDA BLUE */
	--ca-blue-solid: #333366;



	/* CARRIDA GREEN */
	--ca-green-solid:#CCC333;
	

/***** SECONDARY COLORS *****/

	/*Light Grey*/
    --ca-lightgrey-solid: #ECF2F2;

	
	/*White*/
	--ca-white-solid:#ffffff;
	
	/*Darkgreen*/
	--ca-darkgreen-solid: #8E8824;

	/*Black*/
	--ca-black-solid: #000000;

	/*Outlines/Borders*/
	--ca-darkgrey-solid: #373737;
}

/*---------------------------------------------*

/****** background blue ******/
.ca-bg-primary-blue{
	background-color: var(--ca-blue-solid)!important;
}


/****** background green ******/
.ca-bg-primary-green{
	background-color: var(--ca-green-solid)!important;
}

/****** background lightgrey ******/
.ca-bg-secondary-lightgrey{
	background-color: var(--ca-lightgrey-solid)!important;
}

/****** background darkgreen ******/
.ca-bg-secondary-darkgreen{
	background-color: var(--ca-darkgreen-solid)!important;
}

/****** background white ******/
.ca-bg-secondary-white{
	background-color: var(--ca-white-solid)!important;
}

/****** background black ******/
.ca-bg-secondary-black{
	background-color: var(--ca-black-solid)!important;
}


/************* font colors *************/

/****** blue ******/
.ca-font-blue{
	color: var(--ca-blue-solid)!important;
}


/****** green ******/
.ca-font-green{
	color: var(--ca-green-solid)!important;
}

/****** lightgrey ******/
.ca-font-lightgrey{
	color: var(--ca-lightgrey-solid)!important;
}

/****** darkgreen ******/
.ca-font-darkgreen{
	color: var(--ca-darkgreen-solid)!important;
}

/****** white ******/
.ca-font-white{
	color: var(--ca-white-solid)!important;
}

/****** black ******/
.ca-font-black{
	color: var(--ca-black-solid)!important;
}