/*

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{
    --lichtgroen:#B0CF95;
    --groen:#95C23D;
    --donkergroen:#4CA22F;
    --paars:#B19FCD;
    --blauw:#009FE3;
    --bruin:#532B1A;
    --wit:#fff;
}
.kb-button.kt-button:before{
    background-color: var(--paars);
    background-image: url(../images/biezenkamp/knoparrow.svg);
}
.kb-button.kt-button:after{
    background-image: url(../images/biezenkamp/knop-achtergrond.svg);
}

.kb-button.kt-button span{
    background-color:#fff;
}
.kb-button.kt-button.groen span{
    background-color:var(--donkergroen);
    color:#fff;
}
/* nieuws homepage */
article.category-nieuws .entry-meta{
    color:var(--groen);
}


article.category-nieuws a.post-more-link{
    background-color:var(--donkergroen);
    &:after{
        content:'';
        background-image: url(../images/biezenkamp/knop-achtergrond.svg);
    }
    &:before{
        background-color: var(--paars);
        background-image: url(../images/biezenkamp/knoparrow.svg);

    }
}

.nieuwsgroot a.post-thumbnail{
    .post-thumbnail-inner{

        &:after{
            background-image: url(../images/biezenkamp/Hoekvorm-streepjes.svg);
        }

    }
}


h3.agenda-title{
    color:var(--bruin);
}
.agenda-date-box .agenda-day{
    color:var(--bruin);
}
.agenda-date-box .agenda-month{
    color:var(--groen)
}


@media (min-width:1083px){

    .search-toggle-open-container:before{
        background-image:url('../images/biezenkamp/zoekveldstrepen.svg');
    }
}


article.vacature-card .vacature-card__button{
    background-color:var(--paars);
    color:var(--wit);
    &:before{
        background-color:var(--groen);
        background-image: url(../images/biezenkamp/werkenbijarrow.svg);
    }

}

.vacature-card__image {

    &:after {
        background-image: url(../images/biezenkamp/hoekvorm-wit.svg);
    }
}

h4.vacature-card__date{
    color:var(--groen);
}

h3.vacature-card__title{
    color:var(--bruin);
}

article.vacature-card .vacature-card__button:after{
    background-image:url(../images/biezenkamp/knop-achtergrond-bruin.png);
}

article.vacature-card .vacature-card__button span{
    background-color: var(--paars);
}