/*------------------------------------*\
    
    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;
    color: #282B2E;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #F0F3F5;
}

.bg-blue {
    background: #0B66D5;
    color: #fff;
}

.bg-navy-blue {
    background: #073C75;
    color: #fff;
}

.bg-navy-blue :where(h2, h3, h4, h5),
.bg-blue :where(h2, h3, h4, h5) {
    color: #fff;
}

.bg-navy-blue a:not(.btn),
.bg-blue a:not(.btn) {
    color: #fff;
}

.bg-navy-blue .btn-primary {
    color: #0B66D5;
    background: #fff;
}

.bg-navy-blue .btn-secondary {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.bg-navy-blue .btn-tertiary {
    color: #fff;
    border-color: #fff;
}

.bg-navy-blue ul li::before,
.bg-blue ul li::before {
    background-color: #fff;
}

.wysiwyg h3 {
    padding-top: 15px;
}

.wysiwyg__image {
    padding: 40px 0 32px;
}

.wysiwyg__image img {
    width: 100%;
    height: 206px;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: initial;
}

@media (min-width: 768px) {
    .wysiwyg__image img {
        height: 316px;
    }

}

@media (min-width: 1200px) {
    .wysiwyg--image-on-left .row {
        flex-direction: row-reverse;
    }
    
    .wysiwyg h3 {
        padding-top: 22px;
    }

    .bg-navy-blue .btn-primary:hover {
        color: #fff;
        background: #0B66D5;
        border-color: #0B66D5;
    }
    
    .bg-navy-blue .btn-secondary:hover {
        color: #F0F3F5;
        border-color: #F0F3F5;
        background: rgba(255, 255, 255, 0.2);
    }
    
    .bg-navy-blue .btn-tertiary:hover {
        color: #F0F3F5;
        border-color: #0B66D5;
    }

    .wysiwyg__image {
        padding: 40px 0 45px;
    }
    
    .wysiwyg__image img {
        height: 433px;
    }

    .bg-navy-blue a:hover {
        border-color: #fff;
    }
}