/*------------------------------------*\
    
    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,
.bg-light-grey {
    background: #F9F9F9;
}

.bg-gray,
.bg-grey {
    background: #E7E7E7;
}

.bg-gold {
    background: #997F3A;
    color: #FFFFFF;
}

.bg-gold-gradient {
    color: #FFFFFF;
    background: linear-gradient(90deg, #6C5413 3.09%, #997F3A 97.25%);
}

.bg-black {
    background: #191919;
    color: #fff;
}

.bg-black:not(.masthead) + .bg-black,
.bg-gold-gradient:not(.masthead) + .bg-gold-gradient,
.bg-gold:not(.masthead) + .bg-gold,
.bg-gray:not(.masthead) + .bg-gray,
.bg-grey:not(.masthead) + .bg-grey,
.bg-light-gray:not(.masthead) + .bg-light-gray,
.bg-light-grey:not(.masthead) + .bg-light-grey,
.bg-white:not(.masthead) + .bg-white {
    margin-top: 0;
    padding-top: 0;
}

.bg-gold h2,
.bg-gold h3,
.bg-gold h4,
.bg-gold h5,
.bg-gold .sub-heading,
.bg-gold-gradient h2,
.bg-gold-gradient h3,
.bg-gold-gradient h4,
.bg-gold-gradient h5,
.bg-gold-gradient .sub-heading,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5 {
    color: #FFFFFF;
}

.bg-black .sub-heading {
    color: #997F3A;
}

.bg-gold .btn-primary,
.bg-black .btn-primary {
    background: #6C5413;
}

.bg-gold .btn-secondary-outline,
.bg-gold .btn-primary-outline,
.bg-black .btn-secondary-outline,
.bg-black .btn-primary-outline {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.bg-gold .btn-tertiary,
.bg-gold .btn-tertiary-gold,
.bg-black .btn-tertiary,
.bg-black .btn-tertiary-gold {
    color: #FFFFFF;
}

.bg-gold .btn-tertiary::before,
.bg-gold .btn-tertiary-gold::before,
.bg-black .btn-tertiary::before,
.bg-black .btn-tertiary-gold::before {
    background: #FFFFFF;
}

.bg-gold p a {
    color: #FFFFFF;
}

.wysiwyg__text-wrapper {
    max-width: 1022px;
    margin: 0 auto;
}

@media (min-width: 1600px) {

    .wysiwyg__text-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }

}