/* Black */

.box.has-black-color > span,
.has-black-color{ color: #000000; } 

main.clr-bg-black,
.color-stripe-black:before,
.has-black-background-color{ background-color: #000000; } 

/* Yellow */

.box.has-yellow-color > span,
.has-yellow-color{ color: #FBD92A; } 

main.clr-bg-yellow,
.color-stripe-yellow:before,
.has-yellow-background-color{ background-color: #FBD92A; } 

/* White */

.box.has-white-color > span,
.has-white-color{ color: #ffffff; } 

main.clr-bg-white,
.color-stripe-white:before,
.has-white-background-color{ background-color: #ffffff; } 

/* Grey Dark */

.box.has-grey-dark-color > span,
.has-grey-dark-color{ color: #333333; } 

main.clr-bg-grey-dark,
.color-stripe-grey-dark:before,
.has-grey-dark-background-color{ background-color: #333333; } 

/* Blue */

.box.has-blue-color > span,
.has-blue-color{ color: #557FFF; } 

main.clr-bg-blue,
.color-stripe-blue:before,
.has-blue-background-color{ background-color: #557FFF; } 

/* Cyan */

.box.has-cyan-color > span,
.has-cyan-color{ color: #48A190; } 

main.clr-bg-cyan,
.color-stripe-cyan:before,
.has-cyan-background-color{ background-color: #48A190; } 

/* Green */

.box.has-green-color > span,
.has-green-color{ color: #41CF5C; } 

main.clr-bg-green,
.color-stripe-green:before,
.has-green-background-color{ background-color: #41CF5C; } 

/* Red Dark */

.box.has-red-dark-color > span,
.has-red-dark-color{ color: #A50008; } 

main.clr-bg-red-dark,
.color-stripe-red-dark:before,
.has-red-dark-background-color{ background-color: #A50008; } 

/* Red light */

.box.has-red-light-color > span,
.has-red-light-color{ color: #F05563; } 

main.clr-bg-red-light,
.color-stripe-red-light:before,
.has-red-light-background-color{ background-color: #F05563; }