:root{
    --roze:rgba(255, 135, 255, 1);
    --donkerroze: rgba(93, 0, 93, 1);
    --lichtblauw:rgba(0, 166, 239, 0.25);
    --donkerblauw:rgba(0, 92, 116, 1);
    --zwart: rgba(3, 10, 10, 1);
    --geel:rgba(255, 196, 0, 1);
    --grijs:rgba(245, 245, 244, 1);
    --groen: rgba(0, 219, 101, 1);
}

h1,h2,h3,h4,h5,h6{
    strong{
        font-weight:400;
    }
}


@media (max-width: 1024px) {
    h1{
        line-height: 84% !important;
    }
}

h2:not(#editor h2), h2:not(.block-editor-block-visibility-modal) h2{
    letter-spacing: 0.56px  !important;
    line-height:85% !important;
    font-weight:400 !important;
    font-size:56px;
    margin-top:24px;
}

@media (max-width:1024px) {
    h2{
        letter-spacing: 0.48px;
        font-size:48px !important;
        margin-bottom:40px;
        margin-top:24px;
    }
}

*{
    border-radius: 0px !important
}

.site-header-row-layout-contained .site-header-row-container-inner{
    border-radius:8px;
}
.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg
{
    fill:none;

    path{
        stroke:currentColor
    }
}

.bighero .zoekboxheader div.wp-block-search__inside-wrapper{
    border-radius: var(--none, 0);
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(20px);
    will-change: backdrop-filter; 
    display: flex;
    width: 462px;
    height: 64px;
    padding: 8px ;
    justify-content: space-between;
    align-items: center;

    input[type=search]{
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        background-color: transparent;
        border:none;
    }

}


.js-search-overlay{
    color:#fff;
}

.carmel-news-slider__image img{
    border-radius:16px;
}


.carmel-onderwijs-tabel__school{
    color:#030A0A;

    &:hover{
        color:#005C74;
    }
}

.site-top-footer-wrap .site-footer-row-container-inner{
    border-radius:24px 24px 0 0;
}
.site-middle-footer-wrap .site-footer-row-container-inner{
    border-radius: 0 0 24px 24px;
}


footer.site-footer{
    padding:16px;

    .wp-block-kadence-rowlayout{
        margin-bottom:34px;
    }

    .linklist{
        a{
            color: #030A0A;

            &:after{
                content:'';
                background-image:url('../images/Arrow-black.svg');
                background-color:#00DB65;
                border: #00DB65;
            }
        }
    }

    .js-toggle::after{
        background-image: url('../images/solar_alt-arrow-down-bold.svg');
        transform:rotate(90deg);
        width: 12px;
        height: 12px;
    }

    .js-toggle[aria-expanded="true"]::after{
        transform:rotate(270deg);
    }
}

.herowrapper h1{
    font-size:96px;
    line-height: 84%;
    letter-spacing: 2.88px;
    margin-bottom:24px !important;
}

.herowrapper p{
    font-size:24px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing:-0.24px;
    margin-bottom:40px !important;
}


@media(max-width:1024px){
    .antoniusheader h2{
        font-size:78px !important;
        line-height:84% !important;
    }
    .antoniusheader .wp-block-kadence-column:has(h2){
            align-items: flex-end;
        margin: 0 !important;
        display: flex;
    }
    .antoniusheader .kt-inside-inner-col .kt-inside-inner-col{
        width:100px;
    }

    .herowrapper h1{
        font-size:56px ;
        line-height: 84% ;
        letter-spacing: 1.68px;
        margin-bottom:16px !important;
    }
    .herowrapper p{
        font-size:18px;
        line-height: 130%;
        letter-spacing:-0.18px;
        margin-bottom:16px !important;
    }
    div.js-search-typewriter .kt-inside-inner-col{
        flex-direction: column;
        align-items: flex-start;
        gap:16px;
    }
    div.js-search-typewriter form{
        width:100%;
    }
    div.js-search-typewriter .js-search-overlay{
        top:22%;
    }
}

.js-card h5{
    font-family: Roboto, sans-serif;;
    font-weight:700;
    line-height:1;
    letter-spacing: -0.48px;
    font-size:24px;
}

.js-card h5:after{
    background-color:#00DB65;
    border-radius:0;
}

.carmel-label__text{
    text-transform: uppercase;
    font-weight:800;
    font-size:16px;
    line-height:18px;
    font-family: Roboto, sans-serif;;
    
}

.carmel-news-slider__title{
    font-family: Roboto, sans-serif;
    font-weight:700;
    font-size:24px;
    letter-spacing: -0.48px;
}
.carmel-label__dot{
    border-radius:100% !important;
}
.carmel-news-slider__meta {
    margin-top:32px;
     margin-bottom:16px;
    .carmel-news-slider__badge-dot{
        border-radius:100% !important;
        background-color:#FF87FF;
    }
    .carmel-news-slider__badge{
        font-size:16px;
        line-height:16px;
        text-transform: uppercase;
        font-weight:800;
    }

}

.carmel-nieuws-overzicht__meta{
    margin-top:32px;
    margin-bottom:16px;
    .carmel-nieuws-overzicht__badge-dot{
        border-radius:100% !important;
        background-color:#FF87FF;
    }
    .carmel-nieuws-overzicht__badge{
        font-size:16px;
        line-height:16px;
        text-transform: uppercase;
        font-weight:800;
    }
}


.carmel-nieuws-overzicht__grid a:hover .carmel-nieuws-overzicht__badge{
    color:rgba(0, 0, 0, 1)
}

.cta-pattern,
.cta-wide-text-only,
.cta-wide{
    h3, h3 div{
        font-style: normal;
        font-weight: 400 ;
        line-height: 68px;
        letter-spacing: 2.4px;
        font-size:80px;

        strong{
            font-weight:400;
        }

        .js-split-mask{
            line-height:1;
        }
    }
    p{
        letter-spacing: -0.24px;
        line-height: 130%;
        font-size:24px;
        margin-bottom:24px;
    }
}

@media(max-width:1024px){
    .cta-pattern,
.cta-wide-text-only,
.cta-wide{
    h3, h3 div{
        line-height: 85%;
        letter-spacing: 1.68px;
        font-size:56px;
        text-align: center;

        strong{
            font-weight:400;
        }

        .js-split-mask{
            line-height: 85%;
        }
    }

    p{
        font-size:16px;
        letter-spacing: -0.18px;
        
    }
}
}

.herowrapper.bighero .realcontainer{
    width:100%;

    form{
        min-width:45%;
    }

    .js-search-overlay{
        font-size:20px;
    }
}

.herowrapper.bighero > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap{
    height:auto;
}



@media(min-width:1024px){
    .herowrapper.bighero > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap{
        height:907px;
    }
    .herowrapper.bighero p {
        max-width:425px;
    }

}

@media(max-width:1024px){
    .herowrapper.bighero .kb-lottie-container{
        height:215px;
        width:100%;
    }
    .herowrapper.bighero  dotlottie-player{
        max-height: 260px !important;
        margin-top: 20px !important;
        width: 47px;
        height: 260px;
        position: absolute;
        right: 0;
        top: 0;
    }
}


.single-content h5.carmel-infohub__section-title{
    margin-bottom:40px;
    letter-spacing: -0.48px;
    font-weight: 700;
    line-height: 100%;
    font-size:24px;
    font-family:Roboto;
}
.carmel-infohub__nav a.is-active{
    background-color:#fff;
}

.carmel-infohub__nav,
.carmel-infohub__content section{
    background-color:rgba(245, 245, 244, 1);
}
.single-content h3.carmel-infohub__category-title{
    font-family: Roboto, sans-serif;;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.18px;
    padding-bottom:8px;
    border-bottom:1px solid rgba(0, 0, 0 , 0.1);
    margin-bottom:16px;
}
@media(min-width:1024px){
    .carmel-infohub__categories{
        gap:80px;
    }
}

.carmel-faq-accordion__toggle-icon{
    background-color:rgba(0, 219, 101, 1);
}

.cta-pattern, .cta-pattern-wide {
    background-image:url(../images/ccg_lines.svg);
    background-repeat:no-repeat;
    background-size:cover;
}

.hero-text-reveal > div > .wp-block-kadence-column > .kt-inside-inner-col {
    background-image:url(../images/whangaehu-cut.svg);
    background-color:#00DB65;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.hero-text-reveal *{
    color:#004D24
}



/* CTA's */
:root div.cta-pattern,
:root div.cta-wide   .cta-pattern-wide{
    background-color: var(--roze);

    & p,
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        color: var(--donkerroze);
    }
}


:root div.cta-pattern.secundair, 
:root div.cta-wide.secundair  .cta-pattern-wide{
    background-color:var(--geel);

    & p,
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        color: var(--zwart);
    }
}

:root div.cta-pattern .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button,
:root div.cta-pattern-wide .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button,
:root div.cta-wide .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button{
    background-color:var(--grijs);
    border-color:var(--grijs);
    color:var(--zwart);
}


:root div.cta-wide-text-only .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button,
:root div.cta-pattern.secundair .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button,
:root div.cta-pattern-wide.secundair .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button,
:root div.cta-wide.secundair .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button{
    background-color: var(--zwart);
    border-color:var(--zwart);
    color:var(--grijs);
        
}

:root div.cta-pattern .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button.button-style-secondary,
:root div.cta-pattern-wide .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button.button-style-secondary,
:root div.cta-wide-text-only .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button.button-style-secondary,
:root div.cta-text-only .kb-buttons-wrap.wp-block-kadence-advancedbtn .kb-button.kt-button.button-style-secondary
{
    background-color:transparent;
    border-color:rgba(3, 10, 10, 0.25);
    color:var(--zwart);
    backdrop-filter: blur(10px);
}

.wp-block-kadence-column.kadence-column697_e5bba3-af{
    margin-bottom:0;
}

@media (min-width: 1024px) {
    .cta-wide  {
        figure {
            margin-bottom: -80px !important;
            overflow: hidden;
            transform-origin: bottom;
            transition: transform 0.2s;
        }
    }
}

    
:root div.cta-wide.text-only .cta-pattern-wide,
:root div.cta-text-only.cta-pattern {
    background-color:var(--geel);

    & p,
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        color: var(--zwart);
    }
}

@media(max-width:1024px){
    .cta-pattern, .cta-pattern-wide, .cta-wide{
        width:calc(100% + 32px);
        margin-left:-16px;
        padding: 0 16px;

        .kb-buttons-wrap{
            justify-content: center !important;
        }
    }
}

.editor-styles-wrapper .cta-pattern .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-pattern-wide .kt-button.kb-btn-global-inherit,
.editor-styles-wrapper .cta-wide-text-only .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-text-only .kt-button.kb-btn-global-inherit{
    border-color:rgba(3, 10, 10, 1);
}

.editor-styles-wrapper .cta-pattern.secundair .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-pattern-wide.secundair .kt-button.kb-btn-global-inherit,
.editor-styles-wrapper .cta-wide-text-only.secundair .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-text-only.secundair .kt-button.kb-btn-global-inherit{
    border-color:rgba(3, 10, 10, 1);
    background-color:rgba(3, 10, 10, 1);
    color:#fff;
}

.editor-styles-wrapper .cta-pattern.secundair .wp-block-kadence-singlebtn + .wp-block-kadence-singlebtn .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-pattern-wide.secundair .wp-block-kadence-singlebtn + .wp-block-kadence-singlebtn.kt-button.kb-btn-global-inherit,
.editor-styles-wrapper .cta-wide-text-only.secundair .wp-block-kadence-singlebtn + .wp-block-kadence-singlebtn .kt-button.kb-btn-global-inherit, .editor-styles-wrapper .cta-text-only.secundair .wp-block-kadence-singlebtn + .wp-block-kadence-singlebtn .kt-button.kb-btn-global-inherit{
    border-color:rgba(3, 10, 10, 0.25);
    background-color:transparent;
    color:rgba(3, 10, 10, 1);
}



/* team */
.single-content .carmel-team-slider__name{
    font-weight:400;
    font-size:40px;
    line-height: 85%; 
    letter-spacing: 1px;
}
.carmel-team-slider__nav button{
    border-radius: 100% !important;
}

/* kalender */
.simcal-calendar{
    .simcal-today > div{
        border: 2px solid var(--groen) !important;

        span.simcal-day-number{
            background-color:var(--groen) !important;
            color:#fff !important;
            padding:2px 5px;
        }
    }
}

/* ptrn-heading-text */
.ptrn-heading-text p{
    font-size:24px;
    line-height:130%;
    letter-spacing: -0.24px;
    font-weight: 400;
}

.ptrn-heading-text h2{
    letter-spacing: 0.56px;
    line-height: 85%;
    font-weight: 400;
    font-style: normal;
    font-size:56px;
}

@media(max-width:1024px){
    .ptrn-heading-text p{
        letter-spacing: -0.18px;
        font-size:18px;
    }
    .ptrn-heading-text h2{
        letter-spacing: 0.48px;
        font-size:48px;
    }
}

/* tabsblock  */
.tabsblock.tabsblock {
    h2{
        letter-spacing: 0.56px;
        line-height:85%;
        font-weight:400;
        font-size:56px;
        margin-top:24px;
        margin-bottom:96px;
    }

    .tabsblock-tab{
        background-color:rgba(245, 245, 244, 1);

        .tab-number{
            > div{
                background-color:#fff;

                p{
                    font-weight: 500;
                    font-size:14px;
                    line-height:15px;
                }
            }
        }
        .tab-content{
            p{
                font-size:20px;
                line-height: 120%;
            }
        }
        .tab-arrow{
            > div{
                background-color:rgba(0, 219, 101, 1);
            }

        }

        &:last-child{
            margin-bottom: 0 !important;
        }
    }
}

@media(max-width:1024px){
    .tabsblock.tabsblock {
        h2{
            letter-spacing: 0.48px;
            font-size:48px;
            margin-bottom:40px;
            margin-top:24px;
        }

        .tabsblock-tab{


            .tab-content{
                font-size:16px;
            }

        }
    }
}

/* pattern-text-reveal */

.pattern-text-reveal{

    p{
        font-size:20px;
        line-height:120%;
    }

    .js-card{
        h5.wp-block-heading{
            font-weight: 700;
            font-size:24px;
            letter-spacing: -0.48px;

            &:after{
                background-color:rgba(245, 245, 244, 1);
            }
        }

        p.js-card-desc{
            font-size:16px;
            line-height:120%;
        }

        figure, image{
            width: 100%;
            object-fit:cover;
            height: 328px;
        }

    }

}

@media(max-width:1024px){
    .pattern-text-reveal{
        .js-card{
            figure, image{
                width: 100%;
                height: 246px;
                align-self: stretch;
            }

            h5.wp-block-heading{
                display:flex;
                justify-content: space-between;
            }
        }

    }
}



/* veelgestelde vragen */
.carmel-faq-accordion__category-title{
    font-style: normal;
    font-weight: 400;
    margin-bottom:48px;
    font-size:40px;
    line-height:85%;
    font-family: Brunson,  sans-serif;
}

.carmel-faq-accordion__question-text{
    font-weight: 700;
    line-height: 100%;
    color:rgba(3, 10, 10, 1);
    font-size:24px;
    letter-spacing: -0.48px;
    font-family: Roboto, sans-serif;
}
@media(max-width:1024px){
    .carmel-faq-accordion__category-title{
        margin-bottom:24px;
        font-size:32px;
    }

    .carmel-faq-accordion__question-text{
        font-size:32px;
        letter-spacing:0;
    }
}

.carmel-news-slider .carmel-news-slider__title, .carmel-nieuws-overzicht__title{
    color:rgba(0, 0, 0, 1);
    font-size:24px;
    line-height:120%;
    font-weight:700;
    font-family: Roboto;
    letter-spacing: -0.56px;
}

@media(max-width:1024px){
    .carmel-news-slider .carmel-news-slider__title, .carmel-nieuws-overzicht__title{
        letter-spacing: -0.36px;
        font-weight: 700;
        font-size:18px;
    }
}


@media(max-width:1024px){
    .carmel-nieuws-overzicht__title{
        letter-spacing: -0.4px;
        font-size:20px;
    }
}

.carmel-nieuws-overzicht__tab.is-active{
    background-color:rgba(0, 219, 101, 1);
}

.js-video-preview a,
.js-video-preview a svg{
    transition:0.3s;
}

.js-video-preview a.kb-button{
    background-color:rgba(0, 219, 101, 1);

}

.js-video-preview a.kb-button:hover{
    background-color:rgba(0, 219, 101, 1);

    svg{
        transform: scale(1.3);
    }
}


/* contactbutton */
form .kt-btn-icon-side-right{
    color:#030a0a !important;

    path{
        stroke:currentColor;
        fill:none;
    }
}



/* zoekresultaten */
.search-results .entry-title{
    font-size:40px;
    color:#000;
    font-weight:400;
    line-height:85%;
    letter-spacing:0;
    margin-bottom:24px;
    font-family: Brunson;
}

.search-results .excerpt_part{
    font-size:16px;
    font-weight:400;
    line-height: 120%;
    color:#000;
}

.search-results .site-main .entry-list-item article .wp-element-button, .search-results .site-main article.type-attachment .wp-element-button{
    background-color:rgba(0, 219, 101, 1);
}

/* Quote */
.quote-pattern .hasbackgroundcolor > div{
    background-color:rgba(245, 245, 244, 1);
    background-image:url(../images/whangaehu-header.svg);
    background-position: center;
    background-size:cover;
}



.hero-text-centered > div > div > div.kt-inside-inner-col, .ptrn-herobigimage > div > div > div.kt-inside-inner-col{
    background-image:url(../images/whangaehu-header.svg);
    background-position: center;
    background-size:cover;
}

@media(max-width:1024px){
    .ptrn-herobigimage > div > div > .kt-inside-inner-col  > div > .kt-row-column-wrap {
        padding-left:32px !important;
        padding-right:32px !important;
    }
}

/* active menu item */
#primary-menu li.current-menu-item > a, .carmel-menu-hover-link--active{
    color:rgba(0, 219, 101, 1);
}

/* stappen */
.steps-pattern-step > div{
    background-color:#F7FAFC;
    align-self: stretch;

    .wp-block-heading{
        letter-spacing: -0.48px;
        line-height: 100%;
        font-weight: 700;
        font-size:24px;
        margin-bottom:8px;
        font-family: Roboto;
    }

    .wp-block-paragraph{
        line-height: 120%;
        font-weight: 400;
        font-size:16px;
    }
}


.carmel-row-slider__nav button{
    border-radius:100% !important;
}


@media(max-width:1024px){
    .steps-pattern-step > div{

        .wp-block-heading{
            letter-spacing: -0.36px;
            font-size:18px;
            margin-bottom:16px;
        }

        .wp-block-paragraph{
            font-size:14px;
        }
    }
}

@media(max-width:375px){
    h2:not(#editor h2),  h1:not(#editor h1) {
        font-size:40px !important;
        letter-spacing: 0.5px !important;
    }

}