/*

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;
    --donkergroen:#4CA22F;
    --paars:#702283;
    --blauw:#009FE3;
    --wit:#fff;
}
.kb-button.kt-button:before{
    background-color: var(--paars);
    background-image: url(../images/heuvel/knoparrow.svg);
}
.kb-button.kt-button:after{
    background-image: url(../images/heuvel/knop-achtergrond.svg);
}

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


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

    }
}

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

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

    }
}


h3.agenda-title{
    color:var(--wit)
}
.agenda-date-box .agenda-day,
.agenda-date-box .agenda-month{
    color:var(--donkergroen)
}


@media (min-width:1083px){

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


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

}

.vacature-card__image {

    &:after {
        background-image: url(../images/heuvel/hoek-roze.svg);
    }
}

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

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

article.vacature-card .vacature-card__button:after{
    background-image:url(../images/heuvel/knop-achtergrond-blauw.svg);
}

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