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

    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: 2;    /* TODO: Update styling to match prototypes */
}

.bg-white {
    background: #ffffff;
}

.bg-lightblue {
    background: #EFF3FF;
}

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

.bg-blue blockquote {
    color: #171717;
}

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

@media (min-width: 1200px) {
    .wysiwyg .bg-blue a:hover {
        color: #CCE0F7;
        background: linear-gradient(to bottom, #01479A 0%, #01479A 100%);
        background-position: 0 120%;
        background-repeat: repeat-x;
        background-size: 2px 8px;
    }
    .bg-blue .btn:hover {
        background-size: 100%;
    }
    .bg-blue .btn-secondary:hover {
        background: #fff !important;
        color: #081542 !important;
        background-size: 100%;
    }
    .bg-blue .btn-link:hover {
        color: #fff;
        background: linear-gradient(to bottom, #01479A 0%, #01479A 100%);
        background-position: 0 120%;
        background-repeat: repeat-x;
        background-size: 2px 8px;
    }
}

.external {
    background: none;
}

.wysiwyg h5:before {
    content: "\e908";
    font-family: 'icomoon'!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: middle;
    padding: 0 6px 2px 0;
}

@media (max-width: 599px) {
    .wysiwyg .btn {
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}