:root {
    --color-12: #DCF0F6;
    --color-13: #005185;
    --color-14: #230846;
    --color-15: #643E97;
    --color-16: #503279;
}
h1{
    font-size: 4rem!important;
}
h2{
    font-size: 3.5rem;
}
h3{
    font-size: 3rem;
}
h4{
    font-size: 2.25rem;
    line-height: 1.3;
}
h5{
    font-size: 1.75rem;
}
h6{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}


.color-12{ color: var(--color-12); }
.color-13{ color: var(--color-13); }
.color-14{ color: var(--color-14); }
.color-15{ color: var(--color-15); }
.color-16{ color: var(--color-16); }

.block-control-textcolor-12 :is(h1,h2,h3,h4,h5,h6,li,p,dt,dd) {color: var(--color-12);}
.block-control-textcolor-13 :is(h1,h2,h3,h4,h5,h6,li,p,dt,dd) {color: var(--color-13);}
.block-control-textcolor-14 :is(h1,h2,h3,h4,h5,h6,li,p,dt,dd) {color: var(--color-14);}
.block-control-textcolor-15 :is(h1,h2,h3,h4,h5,h6,li,p,dt,dd) {color: var(--color-15);}
.block-control-textcolor-16 :is(h1,h2,h3,h4,h5,h6,li,p,dt,dd) {color: var(--color-16);}

.section-columns-3  .section-backgroundL,
.section-columns-3  .section-backgroundR{ width: 50%; }

.section-backgroundcolorL-12 .section-backgroundL,
.section-backgroundcolorR-12 .section-backgroundR{ background-color: var(--color-12); }

.section-backgroundcolorL-13 .section-backgroundL,
.section-backgroundcolorR-13 .section-backgroundR{ background-color: var(--color-13); }

.section-backgroundcolorL-14 .section-backgroundL,
.section-backgroundcolorR-14 .section-backgroundR{ background-color: var(--color-14); }

.section-backgroundcolorL-15 .section-backgroundL,
.section-backgroundcolorR-15 .section-backgroundR{ background-color: var(--color-15); }

.section-backgroundcolorL-16 .section-backgroundL,
.section-backgroundcolorR-16 .section-backgroundR{ background-color: var(--color-16); }

@media (min-width: 1001px) {
    .menu-primary-menu-container .menu{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .menu .as-button a{
        all: unset;
        width: auto;
        color: #fff;
        background: #a957a8;
        font-size: .8em;
        display: block;
        outline: 0;
        text-decoration: none;
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 500;
        padding: 1.25em 1.5em 1.3125em!important;
        border: 1px solid transparent!important;
        line-height: 1;
    }
    .as-button + .as-button{
        margin-left: 1rem;
    }
}

.button{ border: 1px solid transparent!important; }

.button.button-style-1{ background-color: var(--color-4); color: var(--color-3); border-color: var(--color-4)!important; }
.button.button-style-1:hover{ background-color: rgba(230, 213, 230, 1); color: rgba(139, 68, 138, 1); }
@media (min-width: 1001px){
    .menu .as-button-style-1 a{
        background-color: var(--color-4)!important;
        color: var(--color-3)!important;
        border-color: var(--color-4)!important;
    }
    .menu .as-button-style-1 a:hover{ background-color: rgba(230, 213, 230, 1)!important; color: rgba(139, 68, 138, 1)!important; }
}

.button.button-style-2{ background-color: #fefbf4; color: var(--color-16); border-color: rgba(240, 225, 165, 1)!important; }
.button.button-style-2:hover{ background-color: rgba(240, 225, 165, 1); color: var(--color-16); }
@media (min-width: 1001px){
    .menu .as-button-style-2 a{
        background-color: #fefbf4!important;
        color: var(--color-16)!important;
        border-color: rgba(240, 225, 165, 1)!important;
    }
    .menu .as-button-style-2 a:hover{ background-color: rgba(240, 225, 165, 1)!important; color: var(--color-16)!important; }
}

.button.button-style-3{ background-color: rgba(151, 220, 242, 0.2); color: var(--color-15); border-color: rgba(151, 220, 242, 0.25)!important; }
.button.button-style-3:hover{ background-color: var(--color-15); color: var(--color-3); border-color: var(--color-15)!important; }
@media (min-width: 1001px){
    .menu .as-button-style-3 a{
        background-color: rgba(151, 220, 242, 0.2)!important;
        color: var(--color-15)!important;
        border-color: rgba(151, 220, 242, 0.25)!important;
    }
    .menu .as-button-style-3 a:hover{ background-color: var(--color-15)!important; color: var(--color-3)!important; border-color: var(--color-15)!important; }
}

.block-control-alignment-bottom-left img{
    margin-top: 2rem;
}
.block-control-alignment-bottom-left .image-pattern{
    top: 0!important;
    height: calc(100% - 2rem)!important;
    left: 2rem;
    right: auto;
}

.block-control-text_size-smaller p,
.block-control-text_size-smaller li{
    font-size: 18px;
}
.buttons-container .icon-cta:nth-child(odd){
    margin-right: 10px;
}
.icon-cta:hover,
.icon-cta:focus,
.icon-cta:visited,
.icon-cta{
    font-size: 0.9375em;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75em;
    outline: 0;
    text-decoration: none;
    transition: all 700ms ease;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    padding: .7em 1.5em;
    background-color: #E9D5E9;
    color: var(--color-14);
    margin-bottom: 12px;
}

.icon-cta__icon{
    width: 2.5em;
    height: 2.5em;
}
.icon-cta__content{
    transform: translateY(.1em);
}
.icon-cta__icon svg,
.icon-cta__icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.icon-cta:hover{
    color: var(--color-14);
}
.icon-cta svg path{
    fill: var(--color-14);
}
.icon-cta.icon-cta--style-2{
    background-color: #F0E1A5;
}
.icon-cta.icon-cta--style-2 svg path{
    fill: var(--color-14);
}
.icon-cta.icon-cta--style-3{
    background-color: #FFF;
}
.icon-cta.icon-cta--style-3 svg path{
    fill: var(--color-14);
}
.icon-cta.icon-cta--style-4{
    background-color: #A957A8;
    color: #FFF;
}
.icon-cta.icon-cta--style-4 svg path{
    fill: var(--color-6);
}

.icon-cta span{
    display: block;
    font-size: .6em;
    margin-bottom: .5em;
}

.simple-banner{
    overflow: hidden;
    max-height: auto;
    transition: max-height 0.25s ease;
    transition-behavior: allow-discrete;
}
.header-wrap{
    transition-duration: .25s;
}
.header-active .simple-banner{
    max-height: 0;
}
.header-active .header-wrap{
    padding-top: 0;
    padding-bottom: 0;
}

.home-hero{
    max-width: 100%;
    overflow: hidden;
}

.organizer-title,
.organizer-section :is(p,li) {
    opacity: .7;
}

.organizer-title.active,
.organizer-section.active :is(p,li) {
    opacity: 1;
}
.featured-therapists-slider .blocks{
    width: 100%;
}
.ft-slider__intro{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    align-items: center;
}
.ft-slider__intro h4{
    color: var(--color-14);
}
.ft-slider__main{
    margin-top: 1.5rem;
}
.ft-slider__nav{
    display: flex;
    justify-content: center;
    gap: .5rem;
}
.ft-slider__nav button{
    all: unset!important;
    cursor: pointer!important;
    appearance: none!important;
}
.ft-slider__nav button svg{

}
.ft-slider .owl-dots{
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
 }
.ft-card{
    background-color: #FFF;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1rem;
}

.ft-card__image{
    width: 100%;
}


.ft-slider .owl-dots button{
    width: .8em;
    height: .8em;
    background-color: var(--color-5)!important;
    opacity: .5!important;
    border-radius: 50%;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: all .3s ease;
}

.ft-slider .owl-dots button.active{
    opacity: 1!important;
}

.ft-card__image__aspect{
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}

.ft-card__image__aspect img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ft-card__name{
    color: var(--color-16);
}

.ft-card__title{
    color: var(--color-10);
    font-weight: 600;
}

.ft-card__intro{
    margin-top: 0rem;
    p,li{
        font-size: .9em;
    }
    p:last-of-type{
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .ft-card{
        flex-direction: row;
        gap: 3rem;
        align-items: center;
    }
    .ft-card__image{
        width: 270px;
        min-width: 270px;
        align-self: flex-start;
    }
}

@media (min-width: 1200px) {
    .ft-card{
        padding: 3rem;
    }
}

.faq-header{
    margin-bottom: 3rem;
}

.faq-headline-area{
    text-align: center;
    h2{
        color: var(--color-14);
    }
}

.accordion{
    background-color: rgba(220, 240, 246, 1);
    border: 1px solid rgba(220, 240, 246, 1);
    border-radius: 1rem;
}

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

.accordion.active{
    background-color: rgba(220, 240, 246, 0.3);
    border: 1px solid rgba(151, 220, 242, 1);
}

.accordion__button{
    padding: 0;
    padding: 1rem 1.5rem;
    width: 100%;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: var(--color-16);
}
.accordion__button:hover{
    background-color: transparent;
    color: var(--color-16);
}
.accordion__button .accordion__title{
    padding-right: 1.5rem;
    text-align: left;
    text-wrap: balance;
}
@media (min-width: 1001px) {
    .accordion__button .accordion__title{
        padding-right: 3rem;
    }
}
.accordion__button .accordion__icon{
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 500;
}

.accordion__content{
    display: none;
}

.accordion__content .accordion__spacer{
    padding: 1rem 1.5rem;
    padding-top: .5rem;
}

.simple-banner .simple-banner-text a:hover{
    text-decoration: underline;
}

.menu a{
    color: var(--color-16)!important;
}

.nav-footerbottom li,
.nav-footerbottom span,
.nav-footerbottom a,
.nav-footerbottom a:hover,
.nav-footerbottom a:focus, 
.nav-footerbottom a:visited{
    color: var(--color-16)!important;
}


.social-media a{
    color: var(--color-16)!important;
    width: 2em!important;
    line-height: 2em!important;
    font-size: 1em!important;
    margin-right: 1em!important;
}

.social-media a:hover,
.social-media a:focus,
.social-media a:visited{
    color: var(--color-16)!important;
}