.text-color-primary-is-hover,
.text-color-secondary-is-hover {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.bg-color-primary {
    background-color: rgba(var(--cpn-color-primary),1);    
}
.bg-color-secondary {
    background-color: rgba(var(--cpn-color-secondary),1);    
}
.bg-color-black {
    background-color: rgba(var(--cpn-color-black-dark),1);    
}
.bg-color-white {
    background-color: rgba(var(--cpn-color-white),1);    
}
.bg-color-gray-light {
    background-color: rgba(var(--cpn-color-gray-light),1);    
}

.text-color-primary,
.text-color-primary-is-hover:hover {
    color: rgba(var(--cpn-color-primary),1) !important;
}
.text-color-secondary,
.text-color-secondary-is-hover:hover {
    color: rgba(var(--cpn-color-secondary),1) !important;
}
.text-color-white {
    color: rgba(var(--cpn-color-white),1) !important;
}
.text-color-black {
    color: rgba(var(--cpn-color-black),1) !important;
}
.text-color-gray {
    color: rgba(var(--cpn-color-gray),1) !important;
}
.text-color-gray-dark {
    color: rgba(var(--cpn-color-gray-dark),1) !important;
}
.text-color-red {
    color: rgba(var(--cpn-color-red),1) !important;
}

.text-link-hover {
    color: rgba(var(--cpn-color-black),1);
}
.text-link-hover:hover {
    color: rgba(var(--cpn-color-primary),1);
}