/*------------------------------------*\
    
    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

/**
 * Content
 */
.wysiwyg-content > *:last-child {
    margin-bottom: 0;
}

/**
 * Media
 */
.wysiwyg-section .wysiwyg-content :where(figure, img) {
    border-radius: var(--fx-border-radius);
}

/**
 * Elements within Blue Background
 */
.bg-dark-blue .wysiwyg-content :where(h1, h2, h3, h4, h5, h6, p, li) {
    color: var(--fx-color-white);
}

.bg-dark-blue .wysiwyg-content .subheading {
    color: var(--fx-color-white);
}

.bg-dark-blue .wysiwyg-content blockquote p {
    color: var(--fx-color-slate-dark);
}

.bg-dark-blue .wysiwyg-content li:before {
    color: var(--fx-color-white);
}

.bg-dark-blue .wysiwyg-content a:not(.btn) {
    color: var(--fx-color-white);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.375rem;
}

/**
 * Background Colors
 *
 */
.bg-white {
    background-color: var(--fx-color-white);
}

.bg-dark-blue {
    background-color: var(--fx-color-sky-blue);
}

.bg-light-blue {
    background-color: var(--fx-color-light-sky);
}

.bg-light-blue-gradient {
    background: var(--fx-gradient-sky-subtle);
}

.bg-white:not(.ignore, .testimonials-section):has(+.bg-white:not(.ignore)),
.bg-dark-blue:not(.ignore, .testimonials-section):has(+.bg-dark-blue:not(.ignore)),
.bg-light-blue:not(.ignore, .testimonials-section):has(+.bg-light-blue:not(.ignore)) {
    padding-bottom: 0;
}