/* Color 1 */
.c-1-400 {
    color: var(--c1);
}

.b-1-400 {
    border-color: var(--c1);
}

.bg-1-400 {
    background-color: var(--c1);
}

/* Color 1 */
.c-2-400 {
    color: var(--c2);
}

.b-2-400 {
    border-color: var(--c2);
}

.bg-2-400 {
    background-color: var(--c2);
}

/* Color 3 */
.c-3-400 {
    color: var(--c3);
}

.b-3-400 {
    border-color: var(--c3);
}

.bg-3-400 {
    background-color: var(--c3);
}

/* Color 4 */
.c-4-400 {
    color: var(--c4);
}

.b-4-400 {
    border-color: var(--c4);
}

.bg-4-400 {
    background-color: var(--c4);
}

/* Color 5 */
.c-5-400 {
    color: var(--c5);
}

.b-5-400 {
    border-color: var(--c5);
}

.bg-5-400 {
    background-color: var(--c5);
}

/* Color 6 */
.c-6-400 {
    color: var(--c6);
}

.b-6-400 {
    border-color: var(--c6);
}

.bg-6-400 {
    background-color: var(--c6);
}

/* Link colors */
a {
    color: var(--link-color);
}

/* Body */
body {
    font-size: var(--font-size);
    color: var(--text-color);
}

/* Headlines */
h1, .h1 {
    font-size: var(--h1size);
}

h2, .h2 {
    font-size: var(--h2size);
}

h3, .h3 {
    font-size: var(--h3size);
}

/* .block-editor-block-patterns-list__list-item[aria-label="Section Pattern (1 Col)"] .block-editor-block-preview__container:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(244,244,244,0) 5%, rgba(244,244,244,1) 5%, rgba(244,244,244,1) 95%, rgba(244,244,244,0) 95%, rgba(255,255,255,0) 100%);
}


.block-editor-block-patterns-list__list-item[aria-label="Section Pattern (2 Col LG)"] .block-editor-block-preview__container:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(244,244,244,0) 5%, rgba(244,244,244,1) 5%, rgba(244,244,244,1) 45%, rgba(244,244,244,0) 45%, rgba(244,244,244,0) 55%, rgba(244,244,244,1) 55%, rgba(244,244,244,1) 95%, rgba(244,244,244,0) 95%, rgba(255,255,255,0) 100%);
}

.block-editor-block-patterns-list__list-item[aria-label="Section Pattern (3 Col LG)"] .block-editor-block-preview__container:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(244,244,244,0) 5%, rgba(244,244,244,1) 5%, rgba(244,244,244,1) 30%, rgba(244,244,244,0) 30%, rgba(244,244,244,0) 38%, rgba(244,244,244,1) 38%, rgba(244,244,244,1) 62%, rgba(244,244,244,0) 62%, rgba(244,244,244,0) 70%, rgba(244,244,244,1) 70%, rgba(244,244,244,1) 95%, rgba(244,244,244,0) 95%, rgba(255,255,255,0) 100%);
} */