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

.bg-white {
    background: #ffffff;
}

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

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

.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4 {
    color: var(--white);
}

.bg-dark-blue .sub-heading {
    color: #209AD6;
}

.bg-dark-blue .btn-tertiary {
    color: var(--white);
}

.wysiwyg .btn-group {
    margin-top: 25px;
}

@media (min-width: 1200px) {
    .bg-dark-blue .btn-primary:hover {
        background: transparent;
    }

   .bg-dark-blue .btn-secondary:hover {
        background: var(--light-blue);
        color: #042452;
    }
    
    .bg-dark-blue .btn-tertiary:hover {
        color: #209AD6;
    }
}