/*------------------------------------*\
    
    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.bg-light-blue {
    background-color: #D3EDFD;
    color: #3D3D52;
}

.wysiwyg.bg-light-blue::before {
    background-color: #D3EDFD;
}

.wysiwyg.bg-light-blue blockquote {
    background-color: #FFFFFF;
    color: #070B97;
}

.example-btns {
    padding-top: 20px;
}

.wysiwyg p:last-child {
    padding-bottom: 0;
}


.wysiwyg p{
    font-family: "Fira Sans";
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #3d3d52;
}

.wysiwyg ul {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    ul.three-column {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 30px;
        padding-left: 0;
    }

    ul.three-column li {
        width: calc(50% - 15px);
    }

    ul.three-column li.full {
        width: 100%;
    }

    .wysiwyg ul {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    ul.three-column {
        gap: 5px 30px;
    }

    ul.three-column li {
        width: calc(33.33% - 20px);
    }

    ul.three-column li.full {
        width: calc(33.33% - 20px);
    }

    .wysiwyg ul {
        margin-bottom: 0;
    }

    .wysiwyg ul>li:last-child {
        margin-bottom: 0;
    }

    .wysiwyg .btn {
        margin-top: 50px;
    }
}