.wp-block-vsf-dce-icon-title-text{
    text-align: center;
    padding: 1rem 1rem 0 1rem;
    border-radius: 5px;
}
.wp-block-vsf-dce-icon-title-text.no-icon{
    padding-left: 0;
    padding-right: 0;
}

.wp-block-vsf-dce-icon-title-text .icon{
    font-size: 2rem;
    min-width: 2.5rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
    color: var(--vsf-primary-color);
    text-align: center;
    box-sizing: content-box;

    will-change: transform;

    transform: scale(0);
    transition: all .4s ease;
    transition-delay: 0s;
    -webkit-backface-visibility: hidden;
}
.wp-block-vsf-dce-icon-title-text .icon.size-small{
    font-size: 1rem;
    min-width: 1.5rem;
    line-height: 1.5rem;
}
.wp-block-vsf-dce-icon-title-text .icon.size-large{
    font-size: 3.125rem;
    min-width: 3.9375rem;
    line-height: 3.9375rem;
}
.wp-block-vsf-dce-icon-title-text .icon.size-huge{
    font-size: 4.5rem;
    min-width: 5.625rem;
    line-height: 5.625rem;
}

.page-amp .wp-block-vsf-dce-icon-title-text .icon,
.wp-block-vsf-dce-icon-title-text .icon.show-animation{
    transform: scale(1.0);
}

.wp-block-vsf-dce-icon-title-text h1,
.wp-block-vsf-dce-icon-title-text h2,
.wp-block-vsf-dce-icon-title-text h3,
.wp-block-vsf-dce-icon-title-text h4{
    margin: 0 0 0 0;
    /*font-size: 1.125rem;
    color: #000;
    font-weight: 500;*/
}

/* icon-over-left  */
.wp-block-vsf-dce-icon-title-text.is-style-icon-over-left{
    text-align: left;
}

/* icon-left  */
.wp-block-vsf-dce-icon-title-text.is-style-icon-left{
    display: flex;
    text-align: left;
}
.wp-block-vsf-dce-icon-title-text.is-style-icon-left .icon{
    margin: 0 0.8rem 0 0;
}

/* blanco */
.wp-block-vsf-dce-icon-title-text.blanco .icon,
.blanco .wp-block-vsf-dce-icon-title-text .icon{
    color:#fff;
}
.wp-block-vsf-dce-icon-title-text.blanco h1,
.wp-block-vsf-dce-icon-title-text.blanco h2,
.wp-block-vsf-dce-icon-title-text.blanco h3,
.wp-block-vsf-dce-icon-title-text.blanco h4,
.blanco .wp-block-vsf-dce-icon-title-text h1,
.blanco .wp-block-vsf-dce-icon-title-text h2,
.blanco .wp-block-vsf-dce-icon-title-text h3,
.blanco .wp-block-vsf-dce-icon-title-text h4{
    color:#fff;
}
.wp-block-vsf-dce-icon-title-text.blanco p,
.blanco .wp-block-vsf-dce-icon-title-text p{
    color:#fff;
}

@media (max-width: 575px) {
    .wp-block-vsf-dce-icon-title-text.is-style-icon-left {
        align-items: flex-start;
    }
}