/*------------------------------------*\
    
    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: #4E4444;
    padding-top: 25px;
}

.bg-white {
    background: #ffffff;
}

.bg-tan {
    background: rgba(209, 195, 146, 0.3);
}

.full-img img {
    width: 100%;
}

.full-img__top-content {
    padding-bottom: 35px;
}

.full-img iframe {
    width: 100%;
    height: 400px;
}

img.size-thumbnail {
    width: auto;
    height: auto;
}

.wysiwyg--top-padding {
    padding-bottom: 0!important;
}

.wysiwyg--bottom-padding {
    padding-top: 0!important;
}

@media (min-width: 768px) {
    .wysiwyg {
        padding-top: var(--section-margins);
    }

    .full-img iframe {
        height: 550px;
    }
}

@media (min-width: 1200px) {
    .full-img iframe {
        height: 750px;
    }
}