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

    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;
}

.wysiwyg--small-padding {
    padding: 36px 0;
}

.wysiwyg__top-curve {
    position: absolute;
    left: 0;
    top: -36px;
    width: 100px;
    z-index: 2;
}

.wysiwyg__bottom-curve {
    position: absolute;
    right: -27px;
    bottom: -36px;
    width: 100px;
    z-index: 2;
}

.wysiwyg--with-curve {
    margin: 36px 0 10px;
}

.wysiwyg__wrapper ul li, 
.wysiwyg__wrapper ol li {
    display: block;
}

@media(min-width: 768px) {
    .wysiwyg--small-padding {
        padding: 76px 0;
    }

    .wysiwyg__top-curve {
        top: -75px;
        width: 200px;
    }

    .wysiwyg__bottom-curve {
        right: -48px;
        bottom: -76px;
        width: 200px;
    }

    .wysiwyg--with-curve {
        margin: 76px 0;
    }
}

@media(min-width: 1200px) {
    .wysiwyg__bottom-curve {
        right: -84px;
        bottom: -94px;
        width: 332px;
    }

    .wysiwyg--with-curve {
        margin: 76px 0 0;
    }
}

@media(min-width: 1650px) {
    .wysiwyg__top-curve {
        top: -76px;
        width: 332px;
    }
}