:root {
--site-color-yellow: #f1ea4e;
--site-color-yellow-soft: #fff3a6;
--site-color-yellow-softer: #f8f4cf;
--site-color-hot-pink: #ec3f96;
--site-color-pink: #f8a9ce;
--site-color-pink-soft: #fbe1ee;
--site-color-lavender: #c3a6f0;
--site-color-lavender-soft: #f2e9ff;
--site-color-blue-soft: #e7f5ff;
--site-color-mint: #6fd8c6;
--site-color-mint-soft: #dbf5e8;
--site-color-orange: #fe9f68;
--site-color-orange-soft: #ffefef;
--site-color-sand: #f7f5ef;
--site-color-ink: #000000;
--site-color-paper: #ffffff;
--site-color-grey: #c6c6c6;
}
/* Yellow */
.CNT-row-holder.background-color-yellow, 
.cnt-type-col.background-color-yellow .col-contents,
.icon-color-yellow,
div.row.background-color-yellow,
div.cnt-type-col.background-color-yellow,
.edit-object-type a.btn.btn-bg-yellow,
.buttons-group a.btn.btn-bg-yellow,
a.btn.btn-bg-yellow,
.tag-bubbles.background-color-yellow > div,
.tag-bubbles.background-color-yellow > a,
.wk-usp.boxed.color-yellow,
footer.background-color-yellow,
.quote.background-color-yellow { 
	 background-color: var(--site-color-yellow); 
}
/* Yellow Soft */
.CNT-row-holder.background-color-yellow-soft, 
.cnt-type-col.background-color-yellow-soft .col-contents,
.icon-color-yellow-soft,
div.row.background-color-yellow-soft,
div.cnt-type-col.background-color-yellow-soft,
.edit-object-type a.btn.btn-bg-yellow-soft,
.buttons-group a.btn.btn-bg-yellow-soft,
a.btn.btn-bg-yellow-soft,
.tag-bubbles.background-color-yellow-soft > div,
.tag-bubbles.background-color-yellow-soft > a,
.wk-usp.boxed.color-yellow-soft,
footer.background-color-yellow-soft,
.quote.background-color-yellow-soft { 
	 background-color: var(--site-color-yellow-soft); 
}
/* Yellow Softer */
.CNT-row-holder.background-color-yellow-softer, 
.cnt-type-col.background-color-yellow-softer .col-contents,
.icon-color-yellow-softer,
div.row.background-color-yellow-softer,
div.cnt-type-col.background-color-yellow-softer,
.edit-object-type a.btn.btn-bg-yellow-softer,
.buttons-group a.btn.btn-bg-yellow-softer,
a.btn.btn-bg-yellow-softer,
.tag-bubbles.background-color-yellow-softer > div,
.tag-bubbles.background-color-yellow-softer > a,
.wk-usp.boxed.color-yellow-softer,
footer.background-color-yellow-softer,
.quote.background-color-yellow-softer { 
	 background-color: var(--site-color-yellow-softer); 
}
/* Hot Pink */
.CNT-row-holder.background-color-hot-pink, 
.cnt-type-col.background-color-hot-pink .col-contents,
.icon-color-hot-pink,
div.row.background-color-hot-pink,
div.cnt-type-col.background-color-hot-pink,
.edit-object-type a.btn.btn-bg-hot-pink,
.buttons-group a.btn.btn-bg-hot-pink,
a.btn.btn-bg-hot-pink,
.tag-bubbles.background-color-hot-pink > div,
.tag-bubbles.background-color-hot-pink > a,
.wk-usp.boxed.color-hot-pink,
footer.background-color-hot-pink,
.quote.background-color-hot-pink { 
	 background-color: var(--site-color-hot-pink); 
}
/* Pink */
.CNT-row-holder.background-color-pink, 
.cnt-type-col.background-color-pink .col-contents,
.icon-color-pink,
div.row.background-color-pink,
div.cnt-type-col.background-color-pink,
.edit-object-type a.btn.btn-bg-pink,
.buttons-group a.btn.btn-bg-pink,
a.btn.btn-bg-pink,
.tag-bubbles.background-color-pink > div,
.tag-bubbles.background-color-pink > a,
.wk-usp.boxed.color-pink,
footer.background-color-pink,
.quote.background-color-pink { 
	 background-color: var(--site-color-pink); 
}
/* Pink soft */
.CNT-row-holder.background-color-pink-soft, 
.cnt-type-col.background-color-pink-soft .col-contents,
.icon-color-pink-soft,
div.row.background-color-pink-soft,
div.cnt-type-col.background-color-pink-soft,
.edit-object-type a.btn.btn-bg-pink-soft,
.buttons-group a.btn.btn-bg-pink-soft,
a.btn.btn-bg-pink-soft,
.tag-bubbles.background-color-pink-soft > div,
.tag-bubbles.background-color-pink-soft > a,
.wk-usp.boxed.color-pink-soft,
footer.background-color-pink-soft,
.quote.background-color-pink-soft { 
	 background-color: var(--site-color-pink-soft); 
}
/* Lavender */
.CNT-row-holder.background-color-lavender, 
.cnt-type-col.background-color-lavender .col-contents,
.icon-color-lavender,
div.row.background-color-lavender,
div.cnt-type-col.background-color-lavender,
.edit-object-type a.btn.btn-bg-lavender,
.buttons-group a.btn.btn-bg-lavender,
a.btn.btn-bg-lavender,
.tag-bubbles.background-color-lavender > div,
.tag-bubbles.background-color-lavender > a,
.wk-usp.boxed.color-lavender,
footer.background-color-lavender,
.quote.background-color-lavender { 
	 background-color: var(--site-color-lavender); 
}
/* Lavender Soft */
.CNT-row-holder.background-color-lavender-soft, 
.cnt-type-col.background-color-lavender-soft .col-contents,
.icon-color-lavender-soft,
div.row.background-color-lavender-soft,
div.cnt-type-col.background-color-lavender-soft,
.edit-object-type a.btn.btn-bg-lavender-soft,
.buttons-group a.btn.btn-bg-lavender-soft,
a.btn.btn-bg-lavender-soft,
.tag-bubbles.background-color-lavender-soft > div,
.tag-bubbles.background-color-lavender-soft > a,
.wk-usp.boxed.color-lavender-soft,
footer.background-color-lavender-soft,
.quote.background-color-lavender-soft { 
	 background-color: var(--site-color-lavender-soft); 
}
/* Blue Soft */
.CNT-row-holder.background-color-blue-soft, 
.cnt-type-col.background-color-blue-soft .col-contents,
.icon-color-blue-soft,
div.row.background-color-blue-soft,
div.cnt-type-col.background-color-blue-soft,
.edit-object-type a.btn.btn-bg-blue-soft,
.buttons-group a.btn.btn-bg-blue-soft,
a.btn.btn-bg-blue-soft,
.tag-bubbles.background-color-blue-soft > div,
.tag-bubbles.background-color-blue-soft > a,
.wk-usp.boxed.color-blue-soft,
footer.background-color-blue-soft,
.quote.background-color-blue-soft { 
	 background-color: var(--site-color-blue-soft); 
}
/* Mint */
.CNT-row-holder.background-color-mint, 
.cnt-type-col.background-color-mint .col-contents,
.icon-color-mint,
div.row.background-color-mint,
div.cnt-type-col.background-color-mint,
.edit-object-type a.btn.btn-bg-mint,
.buttons-group a.btn.btn-bg-mint,
a.btn.btn-bg-mint,
.tag-bubbles.background-color-mint > div,
.tag-bubbles.background-color-mint > a,
.wk-usp.boxed.color-mint,
footer.background-color-mint,
.quote.background-color-mint { 
	 background-color: var(--site-color-mint); 
}
/* Mint soft */
.CNT-row-holder.background-color-mint-soft, 
.cnt-type-col.background-color-mint-soft .col-contents,
.icon-color-mint-soft,
div.row.background-color-mint-soft,
div.cnt-type-col.background-color-mint-soft,
.edit-object-type a.btn.btn-bg-mint-soft,
.buttons-group a.btn.btn-bg-mint-soft,
a.btn.btn-bg-mint-soft,
.tag-bubbles.background-color-mint-soft > div,
.tag-bubbles.background-color-mint-soft > a,
.wk-usp.boxed.color-mint-soft,
footer.background-color-mint-soft,
.quote.background-color-mint-soft { 
	 background-color: var(--site-color-mint-soft); 
}
/* Orange */
.CNT-row-holder.background-color-orange, 
.cnt-type-col.background-color-orange .col-contents,
.icon-color-orange,
div.row.background-color-orange,
div.cnt-type-col.background-color-orange,
.edit-object-type a.btn.btn-bg-orange,
.buttons-group a.btn.btn-bg-orange,
a.btn.btn-bg-orange,
.tag-bubbles.background-color-orange > div,
.tag-bubbles.background-color-orange > a,
.wk-usp.boxed.color-orange,
footer.background-color-orange,
.quote.background-color-orange { 
	 background-color: var(--site-color-orange); 
}
/* Orange light */
.CNT-row-holder.background-color-orange-soft, 
.cnt-type-col.background-color-orange-soft .col-contents,
.icon-color-orange-soft,
div.row.background-color-orange-soft,
div.cnt-type-col.background-color-orange-soft,
.edit-object-type a.btn.btn-bg-orange-soft,
.buttons-group a.btn.btn-bg-orange-soft,
a.btn.btn-bg-orange-soft,
.tag-bubbles.background-color-orange-soft > div,
.tag-bubbles.background-color-orange-soft > a,
.wk-usp.boxed.color-orange-soft,
footer.background-color-orange-soft,
.quote.background-color-orange-soft { 
	 background-color: var(--site-color-orange-soft); 
}
/* Sand */
.CNT-row-holder.background-color-sand, 
.cnt-type-col.background-color-sand .col-contents,
.icon-color-sand,
div.row.background-color-sand,
div.cnt-type-col.background-color-sand,
.edit-object-type a.btn.btn-bg-sand,
.buttons-group a.btn.btn-bg-sand,
a.btn.btn-bg-sand,
.tag-bubbles.background-color-sand > div,
.tag-bubbles.background-color-sand > a,
.wk-usp.boxed.color-sand,
footer.background-color-sand,
.quote.background-color-sand { 
	 background-color: var(--site-color-sand); 
}
/* Black */
.CNT-row-holder.background-color-ink, 
.cnt-type-col.background-color-ink .col-contents,
.icon-color-ink,
div.row.background-color-ink,
div.cnt-type-col.background-color-ink,
.edit-object-type a.btn.btn-bg-ink,
.buttons-group a.btn.btn-bg-ink,
a.btn.btn-bg-ink,
.tag-bubbles.background-color-ink > div,
.tag-bubbles.background-color-ink > a,
.wk-usp.boxed.color-ink,
footer.background-color-ink,
.quote.background-color-ink { 
	 background-color: var(--site-color-ink); 
}
/* White */
.CNT-row-holder.background-color-paper, 
.cnt-type-col.background-color-paper .col-contents,
.icon-color-paper,
div.row.background-color-paper,
div.cnt-type-col.background-color-paper,
.edit-object-type a.btn.btn-bg-paper,
.buttons-group a.btn.btn-bg-paper,
a.btn.btn-bg-paper,
.tag-bubbles.background-color-paper > div,
.tag-bubbles.background-color-paper > a,
.wk-usp.boxed.color-paper,
footer.background-color-paper,
.quote.background-color-paper { 
	 background-color: var(--site-color-paper); 
}
/* Grey */
.CNT-row-holder.background-color-grey, 
.cnt-type-col.background-color-grey .col-contents,
.icon-color-grey,
div.row.background-color-grey,
div.cnt-type-col.background-color-grey,
.edit-object-type a.btn.btn-bg-grey,
.buttons-group a.btn.btn-bg-grey,
a.btn.btn-bg-grey,
.tag-bubbles.background-color-grey > div,
.tag-bubbles.background-color-grey > a,
.wk-usp.boxed.color-grey,
footer.background-color-grey,
.quote.background-color-grey { 
	 background-color: var(--site-color-grey); 
}