/*------------------------------------*\
    
    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: #062D49;
}

.bg-white {
    background: #ffffff;
}

.bg-gray {
    background: #F8F7F7;
}

.bg-light-blue {
    background: #EDF4FA;
}

.bg-navy-blue {
    background: #003262;
    color: #ffffff;
}

.bg-navy-blue h2,
.bg-navy-blue h3,
.bg-navy-blue h4,
.bg-navy-blue h5,
.bg-navy-blue h6,
.bg-navy-blue .sub-title {
    color: #ffffff;
}

.bg-navy-blue p a {
    color: #FFC60B;
    border-color: #FFC60B;
}

.bg-navy-blue ul li::before {
    color: #FFC60B;
}

.bg-navy-blue .btn-primary {
    background: #FFC60B;
    color: #003262;
}

.bg-navy-blue .btn-secondary {
    background: #FFFFFF;
    color: #003262;
    box-shadow: 0 3px 2px rgba(255,255,255,0.3) ;
}

.bg-navy-blue .btn-secondary::after {
    color: #0E7609;
}

.bg-navy-blue .btn-tertiary,
.bg-navy-blue .btn-tertiary::after {
    color: #FFC60B;
}

.bg-navy-blue .btn-tertiary::before {
    background: #D9AA0E;
}


.wysiwyg.bg-navy-blue .sub-title{
    font-weight: 500;
}

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

.wysiwyg.bg-navy-blue ul li a{
    color: #FFC60B;
    border-bottom: 2px solid #FFC60B;
}


@media (min-width: 960px){

    img.alignright,
    .wp-caption.alignright,
    img.alignleft,
    .wp-caption.alignleft {
        height: 212px;        
    }

}


@media (min-width: 1200px) {
    .bg-navy-blue p a:hover {
        color: #EDF4FA;
        border-color: #EDF4FA;
    }

    .bg-navy-blue .btn-primary {
        background: #FFC60B;
        color: #003262;
    }

    .bg-navy-blue .btn-primary:hover {        
        color: #003262;
    }

    .bg-navy-blue .btn-secondary:hover {
        background: #CECBCB;
        color: #003262;
        box-shadow: inset 0 3px 2px rgba(152,152,152,1) ;
    }
    
    .bg-navy-blue .btn-tertiary:hover,
    .bg-navy-blue .btn-tertiary:hover::after {
        color: #D9AA0E;
    }

    .wysiwyg.bg-navy-blue ul li a:hover{
        color: #EDF4FA;
        border-bottom: 2px solid #EDF4FA;
    }

    img.alignright,
    .wp-caption.alignright,
    img.alignleft,
    .wp-caption.alignleft {
        height: auto;        
    }
    
}