:root {
--ftint-one: #000;
--ftint-two: #111;
--ftint-three: #222;
--ftint-four: #333;
--ftint-five: #444;
--ftint-six: #555;
--ftint-seven: #666;
}    
    /* COLOR 1 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-1-color {
        color: var(--ftint-one);
        border-color: var(--ftint-one);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-1-background-color {
        background-color: var(--ftint-one) !important;
        border-color: var(--ftint-one) !important;
    }

    
    
    /* COLOR 2 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-2-color {
        color: var(--ftint-two);
        border-color: var(--ftint-two);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-2-background-color {
        background-color: var(--ftint-two) !important;
        border-color: var(--ftint-two) !important;
    }

    
    
    /* COLOR 3 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-3-color {
        color: var(--ftint-three);
        border-color: var(--ftint-three);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-3-background-color {
        background-color: var(--ftint-three) !important;
        border-color: var(--ftint-three) !important;
    }

    
    
    /* COLOR 4 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-4-color {
        color: var(--ftint-four);
        border-color: var(--ftint-four);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-4-background-color {
        background-color: var(--ftint-four) !important;
        border-color: var(--ftint-four) !important;
    }

    
    
    /* COLOR 5 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-5-color {
        color: var(--ftint-five);
        border-color: var(--ftint-five);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-5-background-color {
        background-color: var(--ftint-five) !important;
        border-color: var(--ftint-five) !important;
    }

    
    
    /* COLOR 6 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-6-color {
        color: var(--ftint-six);
        border-color: var(--ftint-six);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-6-background-color {
        background-color: var(--ftint-six) !important;
        border-color: var(--ftint-six) !important;
    }

    
    
    /* COLOR 7 */
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-7-color {
        color: var(--ftint-seven);
        border-color: var(--ftint-seven);
    }
    div:is(.entry-content, .editor-styles-wrapper) .has-ftint-7-background-color {
        background-color: var(--ftint-seven) !important;
        border-color: var(--ftint-seven) !important;
    }

    



/* COLOR B&W */
div:is(.entry-content, .editor-styles-wrapper) .has-ftint-black {
    color: #000000 !important;
    border-color: #000000 !important;
}
div:is(.entry-content, .editor-styles-wrapper) .has-ftint-white {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.has-ftint-black-background {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.has-ftint-white-background {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* No Gap Columns */
.is-style-columns-no-gap {
    gap: 0 !important;
    column-gap: 0 !important;
    align-items: stretch !important;
}
.is-style-columns-no-gap .wp-block-group.has-background {
    height: 100%;
}
.is-style-columns-no-gap figure.wp-block-image {
    margin: 0;
}

/* Font Styles */
.is-style-less-space-below {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.is-style-less-space-above {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


.editor-styles-wrapper input,
.editor-styles-wrapper textarea {
    border: 1px solid #ccc;
}
/* Bio Block */
.wp-block-columns.bio-block h1 {
    margin: 0px;
}
.wp-block-columns.bio-block h4 {
    margin: 18px 0px 28px 0px;
    text-transform: uppercase;
    font-size: 17px;
}