/*

Theme Name: LeF-Scholen
Template: kadence
Version: 1.0.1
Text Domain: lef-scholen
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root{
    --groen:#95C23D;
    --blauw:#292358;
    --wit:#fff;
    --roze:#E6007E;
    --oranje: #EE7203;
    --rood:#E30613;
}
.kb-button.kt-button{
    position: relative;
    z-index:2;
    overflow:visible;
}
.kb-button.kt-button:before{
    content:'';
    background-color: var(--blauw);
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: url(images/knoparrow.svg);
    background-repeat:no-repeat;
    background-position: center;
    position: absolute;
    width:37px;
    height:37px;
    right:0;
    top:0;
    left:auto;
    bottom:auto;
    opacity: 1;
    z-index:3;
}
.kb-button.kt-button:after{
    content:'';
    width:90%;
    height:26px;
    background-image: url(images/knop-achtergrond.png);
    background-size:contain;
    position:absolute;
    left:-10px;
    bottom:-10px;
    z-index:-1;
}

.kb-button.kt-button span{
    background-color:#fff;
    padding:10.5px 20px;
}
.kb-button.kt-button.rood span{
    background-color:var(--rood);
}

.c2aback{

    position: absolute;
    z-index:1;
    bottom: -191px;
    right: -79px;

    figure{
        width:558px;
        height:406px;
    }
}
.c2aback + *{
    z-index:2;
}

@media(max-width:768px){
    .c2aback{
        bottom: 0px;
        right:0;
        figure{
            width:325px;
            height:auto;
        }
    }
}

/* nieuws homepage */
article.category-nieuws .entry-meta{
    color:var(--oranje);
    font-size:14px;
    line-height:26px;
    font-weight:600;
}

article.category-nieuws .entry-header{
    display:flex;
    flex-direction: column;

    .entry-title{
        order:2;
    }

    .entry-meta{
        order:1;
    }
    
}

article.category-nieuws a.post-more-link{
    background-color:var(--rood);
    color:#fff;
    padding: 10.5px 45px 10px 20px;
    position: relative;
    text-transform: none;
    font-weight:400;
    font-size:13px;
    &:after{
        content:'';
        width:90%;
        height:26px;
        background-image: url(images/nieuwsknop-achtergrond.png);
        background-size:contain;
        background-repeat: no-repeat;
        position:absolute;
        left:-10px;
        bottom:-10px;
        z-index:-1;
    }
    &:before{
        content:'';
        background-color: var(--blauw);
        display:flex;
        align-items: center;
        justify-content: center;
        background-image: url(images/knoparrow.svg);
        background-repeat:no-repeat;
        background-position: center;
        position: absolute;
        width:37px;
        height:37px;
        right:0;
        top:0;
        left:auto;
        bottom:auto;
        opacity: 1;
        z-index:3;
    }
    svg{
        display: none;
    }
}

.nieuwsgroot a.post-thumbnail{
    overflow: visible;

    .post-thumbnail-inner{
        margin-left:-30px;

        &:after{
            content:'';
            background-image: url(images/Hoekvorm-streepjes.svg);
            width:153px;
            height:153px;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            bottom:-20px;
            right:-20px;
        }

    }
}

.nieuwsgroot .entry-action{
    display: flex;
    justify-content: flex-end;
}

ul.nieuwsgroot .loop-entry > .entry-content-wrap{
    padding-top:30px;
}

 
.nieuwsklein a.post-thumbnail{
    width: 220px;
    height: 146px;
}



.nieuwsklein article.category-nieuws .entry-content-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nieuwsklein article.category-nieuws h3{
    line-height: 22px;
}

.nieuwsklein .loop-entry  .entry-header .entry-meta{
    margin-top:0;
}

@media(max-width:768px){
    .nieuwsklein a.post-thumbnail{
        width: 100%;
    }
}


.imageoverlay{
        position: absolute;
    z-index:1;
    top:60px;
    right:100px;

    figure{
        width:720px;
    }
}

@media(max-width:768px){
    .imageoverlay{
        right:0;
        top:auto;
        bottom:0;

        figure{
            width:350px;
        }
    }

}



@media (min-width:1083px){
    .site-branding a.brand{
        margin-top:-75px;
        transition:0.3s;
    }

    .header-is-fixed .site-branding a.brand{
        margin-top:0;
    }

    .header-is-fixed .site-branding a.brand img.svg-logo-image{
        width:120px;
    }

    .search-toggle-open-container{
        position: relative;
    }

    .search-toggle-open-container:before{
        content:'';
        background-image:url('images/zoekveldstrepen.svg');
        background-size:contain;
        width:411px;
        height:100%;
        position: absolute;
        top:-20px;
        right:-20px;
        z-index:-1;
    }
}