/*------------------------------------*\
    
    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: #585F65;
}

.bg-white {
    background: #ffffff;
}

.bg-gray {
    background: #F3F3F5;
}

.bg-blue {
    background: #004B86;
    color: #FFFFFF;
}

.bg-blue h4 {
    color: #F17503;
}

.bg-blue h1,
.bg-blue h2,
.bg-blue h3 {
    color: #FFFFFF;
}

.bg-blue p a:not(.btn) {
    background: linear-gradient(to bottom, rgba(255,255,255, 0.29) 0%, rgba(255,255,255, 0.29) 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 6px 6px;
    color: #ffffff;
}

.bg-blue ul li:before {
    background: #ffffff;
}

.bg-blue .btn-primary {
    background: #1B78C1;
}

.bg-gray blockquote {
    background: rgba(217,223,227,0.56);
}

.bg-blue blockquote {
    background: rgba(232, 243, 252, 0.25);
    color: #FFFFFF;
}

.bg-blue blockquote strong {
    color: #FFFFFF;
}

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

@media (min-width: 1200px) {
    .bg-blue p a:not(.btn):hover {
        /* background: linear-gradient(to bottom, rgba(255,255,255, 0.29) 0%, rgba(255,255,255, 0.29) 100%); */
      background-size: 6px 50px;
      background:  #F17503;
      color: #ffffff;
    }

    .bg-blue .btn-primary:hover {
        background: #013A67;
    }

}