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

.wysiwyg__row {
    justify-content: center;
}

.wysiwyg__columns + .wysiwyg__columns {
    margin-top: 1.5rem;
}

.bg-white {
    background: #ffffff;
}

.top_curve,
.bottom_curve {
    height: 50px;
}

.top_curve svg,
.bottom_curve svg {
    height: 100%;
    width: 100%;
}

.curve-bg-white .top_curve path,
.curve-bg-white .bottom_curve path {
    fill: #ffff;
}

.bg-gray {
    background: #F8F5FA;
}

.curve-bg-gray .top_curve path,
.curve-bg-gray .bottom_curve path {
    fill: #F8F5FA;
}

.bg-lightpurple {
    background: #F8F5FA;
}

.curve-bg-lightpurple .top_curve path,
.curve-bg-lightpurple .bottom_curve path {
    fill: #F8F5FA;
}

.bg-lightblue {
    background: #F0F5FF;
}


.curve-bg-lightblue .top_curve path,
.curve-bg-lightblue .bottom_curve path {
    fill: #F0F5FF;
}

.bg-orange {
    background: #f4f0f1;
}

.curve-bg-orange .top_curve path,
.curve-bg-orange .bottom_curve path {
    fill: #f4f0f1;
}

.bg-blue {
    background: #f1f5ff;
}

.curve-bg-blue .top_curve path,
.curve-bg-blue .bottom_curve path {
    fill: #f1f5ff;
}

.curve-bg-orange+.curve-bg-white .wysiwyg {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


.bp-orange .icon svg path#Path_19 {
    fill: #f18324;
}

.bp-purple .icon svg path#Path_19 {
    fill: #962ab3;
}

.bp-blue .icon svg path#Path_19 {
    fill: #3778de;
}

.heading__orange {
    color: #d58b4f;
}

.heading__purple {
    color: #962ab3;
}

.heading__blue {
    color: #3f77ce;

}

p.wysiwyg__option-text {
    font-size: 16px;
    font-weight: 700;
}

.example-btn-orange {
    margin-top: 25px;
}

.top-wave {
    padding-top: 90px;
}

.top-wave svg {
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
}

.bottom-wave svg {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
}

.btn-gap {
    margin-top: 20px;
}

.bg-lightpurple h4:not([class*="heading"]) {
    color: #F58220;
}

.wysiwyg ul li .icon,
.count-three li .icon,
.count-two li .icon {
    position: absolute;
    left: 0;
}

.section-curve.has-pattern {
    position: relative;
}

.section-curve.has-pattern .pattern {
    position: absolute;
    z-index: -1;
    opacity: 0.1;
    transform: rotate(180deg);
    height: 620px;
    margin-left: 3px;
    width: 100%;
}

.section-curve.has-pattern .pattern img {
    max-width: none;
    object-position: top;
}

@media (min-width: 768px) {
    .top-wave {
        padding-top: 160px;
    }

    ul {
        column-count: auto;
        /* padding-left: 0; */
    }

    .count-three,
    .count-two {
        column-count: 2;
    }

    .top_curve,
    .bottom_curve {
        height: 80px;
    }
}

@media (min-width: 1200px) {
    .top-wave {
        padding-top: 250px;
    }

    .top_curve,
    .bottom_curve {
        height: 140px;
    }

    .btn-gap {
        margin-top: 26px;
    }

    .count-three {
        column-count: 3;
    }

    .curve-bottom .wysiwyg {
        padding-bottom: 50px;
    }

    .count-three,
    .count-two {
        padding-top: 10px;
    }
}

ol li {
    padding-left: 20px;
}

.btn-gradient .icon svg {
    fill: #fff;
}

.section-wysiwyg .newsletter-form button, 
.section-wysiwyg .newsletter-form [type=button], 
.section-wysiwyg .newsletter-form [type=reset], 
.section-wysiwyg .newsletter-form [type=submit] {
    background: var(--c-purple);
    border: 0;
    border-radius: 30px;
    color: var(--c-white);
    font-family: var(--font-montserrat);
    font-size: 16px;
    font-weight: 700;
    height: 57px;
    padding: 8px 10px;
    -webkit-appearance: none;
    outline: 0;
    text-transform: uppercase;
    max-width: 110px;
    width: 100%;
    transition: none;
}

.section-wysiwyg .newsletter-form div.btn {
    display: block;
    padding: 0;
}

.section-wysiwyg .newsletter-form div.btn::after {
    display: none;
}

.section-wysiwyg .newsletter-form div.btn .icon {
    display: none;
}

.section-wysiwyg .newsletter-form .row {
    justify-content: center;
    align-items: center;
}

@media (min-width: 1025px) {
    .wysiwyg__columns + .wysiwyg__columns {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .section-wysiwyg .newsletter-form [type=button]:hover, 
    .section-wysiwyg .newsletter-form [type=reset]:hover, 
    .section-wysiwyg .newsletter-form [type=submit]:hover {
        color: #fff;
        background: linear-gradient(to right,  #2554a2 0%,#4c005f 100%);
    }
}

@media (max-width: 1024px) {
    .wysiwyg__content img {
        display: none;
    }
}

.btn .icon {
    padding-left: 5px;
}

.wysiwyg__content .icon.icon--checked svg {
    margin-top: -5px;
}