@import url('https://fonts.googleapis.com/css?family=Outfit:300,400,500,600,700');



/*===============================
  Dynamic Styling starts here...
===============================*/

.acf-field.bg-color-swatch .acf-label,
ul.color-info li[color="primary"],
.acf-field.bg-color-swatch .acf-label[data-color="primary"],
.acf-field.bg-color-swatch .acf-label[data-color="1"], .acf-field.bg-color-swatch .acf-label[data-color="11"] {
    background: #ed2019;
}

.acf-field.bg-color-swatch .acf-label[data-color="secondary"],
ul.color-info li[color="secondary"],
.acf-field.bg-color-swatch .acf-label[data-color="2"], .acf-field.bg-color-swatch .acf-label[data-color="12"] {
    background: #820200;
}

.acf-field.bg-color-swatch .acf-label[data-color="tertiary"],
ul.color-info li[color="tertiary"],
.acf-field.bg-color-swatch .acf-label[data-color="5"], .acf-field.bg-color-swatch .acf-label[data-color="13"] {
    background: #535353;
}

.acf-field.bg-color-swatch .acf-label[data-color="light"],
ul.color-info li[color="light"],
.acf-field.bg-color-swatch .acf-label[data-color="8"] {
    background: ;
}

.acf-field.bg-color-swatch .acf-label[data-color="dark"],
ul.color-info li[color="dark"],
.acf-field.bg-color-swatch .acf-label[data-color="7"] {
    background: ;
}