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

.wysiwyg .container-fluid {
    position: relative;
    z-index: 2;
}

.bg-dark {
    background: #121212;
}

.bg-light {
    background: rgba(254, 254, 254, 0.05);
}

.bg-black {
    background: #000000;
}

.bg-dark-gray {
    background: #0C0C0C;
}

.wysiwyg__wrapper {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.wysiwyg__radial-left {
    position: absolute;
    top: -150px;
    left: 0px;
    width: 237px;
    height: 642px;
}

.wysiwyg__radial-right {
    position: absolute;
    bottom: 500px;
    right: 0;
    width: 257px;
    height: 642px;
}

@media (min-width: 768px) {
    .wysiwyg__radial-left {
        top: -155px;
    }

    .wysiwyg__radial-right {
        bottom: 330px;
    }
}

@media (min-width: 1200px) {
    .wysiwyg__radial-left {
        top: -155px;
    }

    .wysiwyg__radial-right {
        bottom: -80px;
    }

    .wysiwyg h3,
    .wysiwyg h4 {
        margin-top: 40px;
    }

    .location-image-text + .wysiwyg {
        padding-top: 0;
    }
    
    .wysiwyg.bg-dark + .special-image-text {
        margin-top: 0;
    }

}

@media (min-width: 1367px) {
    .wysiwyg__wrapper {
        max-width: 1186px;
    }
    .wysiwyg__radial-left {
        top: -85px;
    }

    .wysiwyg__radial-right {
        bottom: 0px;
    }

    img.alignright + p {
        margin-bottom: 50px;
    }
}