/*------------------------------------*\
    
    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

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

/* Contents */
.wysiwyg-content img.alignright + :is(h1, h2, h3, h4, h5, h6, ul, ol, div) {
    clear: both;
}

.wysiwyg-content {
    word-break: break-word;
}

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

.wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content p:not(.sub-heading),
.wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content li {
    color: #000;
}

.wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content a:not(.btn),
.wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content a:not(.btn) {
    color: #111;
}

/* Backgrounds */
.bg-white {
    background: #ffffff;
}

.bg-gray {
    background: #f7f7f7;
}

.bg-dark-green {
    background: #1e441e;
    color: #f9fff5;
}

.bg-dark-green :is(h1, h2, h3, h4, h5, h6, .sub-heading, p, li),
.bg-dark-green .sub-heading:before {
    color: #f9fff5;
}

.bg-dark-green .btn-secondary {
    color: #f9fff5;
    border-color: #f9fff5;
}

.bg-dark-green .wysiwyg-content a:not(.btn, .text-media-video-btn) {
    color: #f9fff5;
    background: linear-gradient(to bottom, #f9fff5 0%, #f9fff5 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 3px 1px;
}

.bg-dark-green .btn-tertiary {
    color: #f9fff5;
    border-color: #f9fff5;
}

.bg-dark-green .btn-tertiary::after {
    color: #f9fff5;
}

.bg-dark-green .btn-white {
    background: #f7ffF7;
    color: #1e441e;
}

.bg-dark-green .btn-white::after {
    background: #416858;
    color: #f7f7f7;
}

.bg-dark-green .btn-white-icon::after {
    background: #f7f7f7;
    color: #416858;
}

.bg-dark-green ul li:before {
    background: #f9fff5;
}

.bg-white:not(.masthead) + .bg-white,
.bg-gray:not(.masthead) + .bg-gray,
.bg-dark-green:not(.masthead) + .bg-dark-green {
    margin-top: -1px;
    padding-top: 0;
}

@media (min-width: 1025px) {
    .wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content a:not(.btn):hover,
    .wysiwyg-section:is(.bg-white, .bg-gray) .wysiwyg-content a:not(.btn):hover {
        color: #fff;
    }

    .bg-dark-green .btn-primary:hover {
        color: #1e441e;
        background: #f9fff5;
    }

    .bg-dark-green .btn-primary:hover::after {
        color: #f9fff5;
        background: #1e441e;
    }

    .bg-dark-green .btn-secondary:hover {
        color: #f9fff5;
        background: rgba(65, 104, 88, 1);
    }

    .bg-dark-green .btn-secondary::after {
        transition-property: color, background;
        transition-duration: 0.3s;
    }

    .bg-dark-green .btn-secondary:hover::after {
        color: #1e441e;
        background: #f9fff5;
    }

    .bg-dark-green .btn-tertiary:hover {
        font-weight: 400;
        text-shadow: 0 0 1px #fff;
    }

    .bg-dark-green .btn-white:hover {
        border-color: #416858;
        background: #416858;
        color: #f9fff5;
    }
    
    .bg-dark-green .btn-white:hover::after {
        background: #f9fff5;
        color: #416858;
    }
    
    .bg-dark-green .btn-white-icon:hover {
        color: #416858;
        background: #e5eae6;
        border-color: #416858;
    }

    .bg-dark-green a:not(.btn, .text-media-video-btn):hover,
    .fx-accordion__panel-content .blockquote-container blockquote a:not(.btn, .text-media-video-btn):hover {
        background: linear-gradient(to bottom, #f9fff5 0%, #f9fff5 100%);
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 3px 25px;
        color: #1e441e;
    }
}