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

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

.wysiwyg {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.wysiwyg h4 { 
    padding-top: 10px;
}

.wysiwyg .bg-white {
    background: #ffffff;
}

.wysiwyg .bg-gray {
    background: #FAFAFA;
}

.wysiwyg.bg-navy-blue {
    background: #051632;
    color: #fff;
}

.wysiwyg.bg-navy-blue p,
.wysiwyg.bg-navy-blue a, {
    color: #fff;
}

.wysiwyg__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    opacity: 0.12;
    -o-object-position: left;
       object-position: left;
    min-height: 882px;
}

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

.wysiwyg p:last-child {
    padding-bottom: 0;
}

.home .wysiwyg.bg-white.has-background-image {
    padding-top: var(--section-margins);
}

@media (min-width: 1200px) {
    .wysiwyg__bg {
        opacity: 0.25;
    }
}