/* --------------------------------------------------------------- */
/* --------------------------- BG COLOR -------------------------- */
/* --------------------------------------------------------------- */

.bg-color-white {
    background-color: rgba(var(--custom-rgb-color-white),1) !important;
}
.bg-color-gray {
    background-color: rgba(var(--custom-rgb-color-gray),1) !important;
}
.bg-color-gray-light {
	background-color: rgba(var(--custom-rgb-color-gray-light),1) !important;
}

.bg-color-primary {
	background-color: rgba(var(--custom-rgb-color-primary),1) !important;
}
.bg-color-secondary-1 {
	background-color: rgba(var(--custom-rgb-color-secondary-1),1) !important;
}
.bg-color-secondary-2 {
	background-color: rgba(var(--custom-rgb-color-secondary-2),1) !important;
}
.bg-color-secondary-3 {
	background-color: rgba(var(--custom-rgb-color-secondary-3),1) !important;
}

.bg-color-primary-light {
	background-color: rgba(var(--custom-rgb-color-primary-light),1) !important;
}
.bg-color-secondary-light-1 {
	background-color: rgba(var(--custom-rgb-color-secondary-light-1),1) !important;
}
.bg-color-secondary-light-2 {
	background-color: rgba(var(--custom-rgb-color-secondary-light-2),1) !important;
}
.bg-color-secondary-light-3 {
	background-color: rgba(var(--custom-rgb-color-secondary-light-3),1) !important;
}


/* --------------------------------------------------------------- */
/* ----------------------------- COLOR --------------------------- */
/* --------------------------------------------------------------- */

[class*="hover-text-color"] {
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
}

.text-color-primary,
.hover-text-color-primary:hover {
	color: rgba(var(--custom-rgb-color-primary),1) !important;
}
.text-color-secondary-1,
.hover-text-color-secondary-1:hover {
	color: rgba(var(--custom-rgb-color-secondary-1),1) !important;
}
.text-color-secondary-2,
.hover-text-color-secondary-2:hover {
	color: rgba(var(--custom-rgb-color-secondary-2),1) !important;
}
.text-color-secondary-3,
.hover-text-color-secondary-3:hover {
	color: rgba(var(--custom-rgb-color-secondary-3),1) !important;
}

.text-color-primary-light {
	color: rgba(var(--custom-rgb-color-primary-light),1) !important;
}
.text-color-secondary-light-1 {
	color: rgba(var(--custom-rgb-color-secondary-light-1),1) !important;
}
.text-color-secondary-light-2 {
	color: rgba(var(--custom-rgb-color-secondary-light-2),1) !important;
}
.text-color-secondary-light-3 {
	color: rgba(var(--custom-rgb-color-secondary-light-3),1) !important;
}


.text-color-primary-highlight {
	color: rgba(var(--custom-rgb-color-primary-highlight),1) !important;
}
.text-color-secondary-highlight-1 {
	color: rgba(var(--custom-rgb-color-secondary-highlight-1),1) !important;
}
.text-color-secondary-highlight-2 {
	color: rgba(var(--custom-rgb-color-secondary-highlight-2),1) !important;
}
.text-color-secondary-highlight-3 {
	color: rgba(var(--custom-rgb-color-secondary-highlight-3),1) !important;
}









/* .text-color-light-secondary {
	color: rgba(25,165,58,1) !important;
} */
.text-color-white {
	color: var(--custom-text-color-white) !important;
}
.text-color-black {
    color: var(--custom-text-color-black) !important;
}
.text-color-gray {
    color: var(--custom-text-color-gray) !important;
}
.text-color-gray-light {
    color:var(--custom-text-color-gray-light) !important;
}
.text-color-red {
	color: rgba(236,28,36,1) !important;
}
.text-color-green {
	color: rgba(130,170,2,1) !important;
}
.text-color-orange {
	color: rgba(223,110,0,1) !important;
}