/*** Griz ***/

.gris .wp-block-vsf-dce-icon-title-text .icon,
.wp-block-vsf-dce-icon-title-text.gris .icon{
    color: #777;
}

.gris .wp-block-vsf-dce-bullet-icon .icon,
.wp-block-vsf-dce-bullet-icon.gris .icon{
    color: #777;
}

/* Primary */
.gris .wp-block-vsf-dce-button .link,
.wp-block-vsf-dce-button.gris .link {
    color: #fff;
    background-color: #777;
    border-color: #777;
}
.gris .wp-block-vsf-dce-button .link:hover,
.wp-block-vsf-dce-button.gris .link:hover {
    color: #777;
    background-color: #fff;
    border-color: #777;
}

.gris .wp-block-vsf-dce-button.icon-box .link .icon,
.wp-block-vsf-dce-button.icon-box.gris .link .icon{
    border-color: #fff;
}
.gris .wp-block-vsf-dce-button.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.icon-box.gris .link:hover .icon{
    border-color: #777;
}

/* secondary */
.gris .wp-block-vsf-dce-button.is-style-secondary .link,
.wp-block-vsf-dce-button.is-style-secondary.gris .link {
    color: #777;
    background-color: #fff;
    border-color: #777;
}
.gris .wp-block-vsf-dce-button.is-style-secondary .link:hover,
.wp-block-vsf-dce-button.is-style-secondary.gris .link:hover {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

.gris .wp-block-vsf-dce-button.is-style-secondary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.gris .link .icon{
    border-color: #777;
}
.gris .wp-block-vsf-dce-button.is-style-secondary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.gris .link:hover .icon{
    border-color: #fff;
}

/* tertiary */
.gris .wp-block-vsf-dce-button.is-style-tertiary .link,
.wp-block-vsf-dce-button.is-style-tertiary.gris .link {
    color: #777;
    background-color: transparent;
    border-color: #777;
}
.gris .wp-block-vsf-dce-button.is-style-tertiary .link:hover,
.wp-block-vsf-dce-button.is-style-tertiary.gris .link:hover {
    background-color: #fff;
}

.gris .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.gris .link .icon{
    border-color: #777;
}
.gris .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.gris .link:hover .icon{
    border-color: #777;
}

/* gutenberg */

/** colores gutenberg **/

h1.has-gris-color,
h2.has-gris-color,
h3.has-gris-color,
h4.has-gris-color,
p.has-gris-color{
    color: #777;
}

.has-gris-background-color{
    background-color: #777;
}

/*** Negro ***/

.negro .wp-block-vsf-dce-icon-title-text .icon,
.wp-block-vsf-dce-icon-title-text.negro .icon{
    color: #000000;
}

.negro .wp-block-vsf-dce-bullet-icon .icon,
.wp-block-vsf-dce-bullet-icon.negro .icon{
    color: #000000;
}

/* Primary */
.negro .wp-block-vsf-dce-button .link,
.wp-block-vsf-dce-button.negro .link {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.negro .wp-block-vsf-dce-button .link:hover,
.wp-block-vsf-dce-button.negro .link:hover {
    color: #000000;
    background-color: #fff;
    border-color: #000000;
}

.negro .wp-block-vsf-dce-button.icon-box .link .icon,
.wp-block-vsf-dce-button.icon-box.negro .link .icon{
    border-color: #fff;
}
.negro .wp-block-vsf-dce-button.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.icon-box.negro .link:hover .icon{
    border-color: #000000;
}

/* secondary */
.negro .wp-block-vsf-dce-button.is-style-secondary .link,
.wp-block-vsf-dce-button.is-style-secondary.negro .link {
    color: #000000;
    background-color: #fff;
    border-color: #000000;
}
.negro .wp-block-vsf-dce-button.is-style-secondary .link:hover,
.wp-block-vsf-dce-button.is-style-secondary.negro .link:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.negro .wp-block-vsf-dce-button.is-style-secondary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.negro .link .icon{
    border-color: #000000;
}
.negro .wp-block-vsf-dce-button.is-style-secondary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.negro .link:hover .icon{
    border-color: #fff;
}

/* tertiary */
.negro .wp-block-vsf-dce-button.is-style-tertiary .link,
.wp-block-vsf-dce-button.is-style-tertiary.negro .link {
    color: #000000;
    background-color: transparent;
    border-color: #000000;
}
.negro .wp-block-vsf-dce-button.is-style-tertiary .link:hover,
.wp-block-vsf-dce-button.is-style-tertiary.negro .link:hover {
    background-color: #fff;
}

.negro .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.negro .link .icon{
    border-color: #000000;
}
.negro .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.negro .link:hover .icon{
    border-color: #000000;
}

/* gutenberg */

/** colores gutenberg **/

h1.has-negro-color,
h2.has-negro-color,
h3.has-negro-color,
h4.has-negro-color,
p.has-negro-color{
    color: #000000;
}

.has-negro-background-color{
    background-color: #000000;
}

/*** Blanco ***/

.blanco .wp-block-vsf-dce-icon-title-text .icon,
.wp-block-vsf-dce-icon-title-text.blanco .icon{
    color: #FFFFFF;
}

.blanco .wp-block-vsf-dce-bullet-icon .icon,
.wp-block-vsf-dce-bullet-icon.blanco .icon{
    color: #FFFFFF;
}

/* Primary */
.blanco .wp-block-vsf-dce-button .link,
.wp-block-vsf-dce-button.blanco .link {
    color: #fff;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.blanco .wp-block-vsf-dce-button .link:hover,
.wp-block-vsf-dce-button.blanco .link:hover {
    color: #FFFFFF;
    background-color: #fff;
    border-color: #FFFFFF;
}

.blanco .wp-block-vsf-dce-button.icon-box .link .icon,
.wp-block-vsf-dce-button.icon-box.blanco .link .icon{
    border-color: #fff;
}
.blanco .wp-block-vsf-dce-button.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.icon-box.blanco .link:hover .icon{
    border-color: #FFFFFF;
}

/* secondary */
.blanco .wp-block-vsf-dce-button.is-style-secondary .link,
.wp-block-vsf-dce-button.is-style-secondary.blanco .link {
    color: #FFFFFF;
    background-color: #fff;
    border-color: #FFFFFF;
}
.blanco .wp-block-vsf-dce-button.is-style-secondary .link:hover,
.wp-block-vsf-dce-button.is-style-secondary.blanco .link:hover {
    color: #fff;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.blanco .wp-block-vsf-dce-button.is-style-secondary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.blanco .link .icon{
    border-color: #FFFFFF;
}
.blanco .wp-block-vsf-dce-button.is-style-secondary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-secondary.icon-box.blanco .link:hover .icon{
    border-color: #fff;
}

/* tertiary */
.blanco .wp-block-vsf-dce-button.is-style-tertiary .link,
.wp-block-vsf-dce-button.is-style-tertiary.blanco .link {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #FFFFFF;
}
.blanco .wp-block-vsf-dce-button.is-style-tertiary .link:hover,
.wp-block-vsf-dce-button.is-style-tertiary.blanco .link:hover {
    background-color: #fff;
}

.blanco .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.blanco .link .icon{
    border-color: #FFFFFF;
}
.blanco .wp-block-vsf-dce-button.is-style-tertiary.icon-box .link:hover .icon,
.wp-block-vsf-dce-button.is-style-tertiary.icon-box.blanco .link:hover .icon{
    border-color: #FFFFFF;
}

/* gutenberg */

/** colores gutenberg **/

h1.has-blanco-color,
h2.has-blanco-color,
h3.has-blanco-color,
h4.has-blanco-color,
p.has-blanco-color{
    color: #FFFFFF;
}

.has-blanco-background-color{
    background-color: #FFFFFF;
}