/*------------------------------------*\
    
    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-gray {
    background: #F9F9F9;
}

.bg-light-yellow {
    background: #F9F3DF;
}

.bg-black {
    background: #080A0F;
    color: #ffffff;
}

.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6 {
    color: #ffffff;
}

.bg-black p a {
    color: #ffffff;
}

.bg-black .btn-black {
    background: #FFFFFF;
    color: #080A0F;
}

.bg-black .btn-yellow-border {
    border-color: #DAA308;
    color: #ffffff;
}

.bg-black .btn-black-border {
    border-color: #FFFFFF;
    color: #ffffff;
}

.bg-black .btn-black-text {
    color: #ffffff;
}

.bg-black .btn-yellow-text {
    color: #DAA308;
}

.wp_table_data_press_parent{
    margin-bottom: 30px;
}


@media(min-width: 1200px){
    .bg-black .btn-black:hover {
        background: rgba(255, 255, 255, 0.75);
        color: #080A0F;
    }
    
    .bg-black .btn-yellow-border:hover {
        border-color: #DAA308;
        background: rgba(218, 163, 8, 0.25);
        color: #ffffff;
    }
    
    .bg-black .btn-black-border:hover {
        border-color: #FFFFFF;
        background: rgba(255, 255, 255, 0.25);
        color: #ffffff;
    }
    
    .bg-black .btn-black-text:hover {
        color: #FFFFFF;
    }
    
    .bg-black .btn-yellow-text:hover {
        color: #DAA308;
    }

}