/*

Theme Name: LeF
Template: kadence
Version: 1.0.1
Text Domain: cloudwise-basis-child
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;
}

/* agenda lijst */
.tribe-events-widget-events-list .tribe-common-g-row{display:flex !important; flex-direction:row !important; align-items:center; border-bottom:2px dashed #B6B5CA !important; padding-bottom:20px !important;}
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag{display:flex; align-items: center; justify-content: center; background-color:transparent;  background-repeat:no-repeat; background-position:center center; width:162px !important; margin-right:30px !important;}
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-datetime{flex-direction:row-reverse !important; width:100%; align-items: center;  justify-content: center; transform:translateX(-10px); }
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-datetime .tribe-events-widget-events-list__event-date-tag-month{color:#fff; font-size:20px !important; margin-top: -29px; padding-left: 5px; font-family:'Kreon';}
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-datetime .tribe-events-widget-events-list__event-date-tag-daynum{color:#fff; font-weight:bold; font-size:56px; font-family:'Kreon'; }
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-header{}
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-header .tribe-events-widget-events-list__event-datetime-wrapper{color:var(--oranje) !important; font-size:20px !important;}
.tribe-events-widget-events-list .tribe-events-widget-events-list__event-header .tribe-events-widget-events-list__event-title{font-weight:bold; font-size:32px;}
.tribe-events-widget-events-list .tribe-events-widget-events-list__view-more{display:flex; justify-content: center;}
.tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a{background-color:var(--oranje); color:#fff !important; text-decoration:none; display:inline-block; font-size:18px; font-weight:600; border-radius:10px; padding:7px 18px !important; font-family:'Kreon';}
.tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a:hover{background-color:var(--lichtoranje);}


/* agenda lijst */
.tribe-events{}
.tribe-events .tribe-events-header{}
.tribe-events .tribe-events-calendar-list{}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag{ display:flex; align-items: center; justify-content: center; background-color:transparent;  background-repeat:no-repeat; background-position:center center; width:162px !important; margin-right:30px !important;}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-datetime{display:flex; flex-direction:row-reverse !important; width:100%;  align-items: center; justify-content: center; transform:translateX(-10px); }
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-weekday{ color:#fff !important; font-size:20px !important; margin-top: -29px; padding-left: 5px; font-family:'Kreon';}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-daynum{ color:#fff !important; font-weight:bold; font-size:56px; font-family:'Kreon';}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper{}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event-description{color:var(--donker) !important;}
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-featured-image-wrapper{display:none}

.tribe-events-c-nav__prev,
.tribe-events-c-nav__next{background-color:var(--groen); color:#fff !important; text-decoration:none; display:inline-block; font-size:18px; font-weight:600; border-radius:10px; padding:7px 18px !important; font-family:'Kreon'; text-decoration:none !important;}
.tribe-events-c-nav__prev:hover,
.tribe-events-c-nav__next:hover{background-color:var(--lichtgroen);}

.tribe-events-c-subscribe-dropdown{}
.tribe-events-c-subscribe-dropdown__button{background-color:var(--groen); border-radius:10px;}
.tribe-events-c-subscribe-dropdown__button > button{background-color:transparent !important;}
.tribe-events-c-subscribe-dropdown__button > svg > path {fill:#fff !important;}
.tribe-events-c-subscribe-dropdown__content{background-color:var(--licht); border-radius:10px; padding-bottom:20px !important;}
.tribe-events-c-subscribe-dropdown__content ul li a{text-decoration:none;}

.tribe-events-c-events-bar__search{}
.tribe-events-c-events-bar__search .tribe-events-c-search__input-group{}
.tribe-events-c-events-bar__search .tribe-common-form-control-text__input{ border-radius:10px; padding:13px 20px !important;}
.tribe-events-c-events-bar__search .tribe-common-c-btn{ margin-left:10px;}

.site-header-top-section-right.site-header-section.site-header-section-right{
    position: relative;
    z-index:1;
}
.site-header-top-section-right.site-header-section.site-header-section-right:after{
    content:'';
    background-image:url('images/header-streepjes.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width:344px;
    height:80px;
    right: -50px;
    top:-20px;
    z-index:1;
}
.site-header-focus-item{
    z-index:2;
}



/* header kleuren aanpassen */
.header-groen .site-top-header-wrap .site-header-row-container-inner,
.header-groen .site-main-header-wrap .site-header-row-container-inner {
    background-color:var(--groen)
}
.header-groen .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.header-groen .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{
    color:var(--blauw)
}

.header-wit .site-top-header-wrap .site-header-row-container-inner,
.header-wit .site-main-header-wrap .site-header-row-container-inner {
    background-color:var(--wit)
}
.header-wit .main-navigation .primary-menu-container > ul > li.menu-item > a{
    color:var(--blauw)
}
.header-wit .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.header-wit .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{
    color:var(--groen)
}

.header-wit #mobile-toggle svg,.header-groen #mobile-toggle svg{fill:var(--blauw)}

/* Footer */
.footer-section-inner-items-1.site-footer-middle-section-1 .footer-widget-area-inner.site-info-inner{
    align-items: flex-end;
    justify-content: flex-start;
    display: flex;
}

/* header afbeelding */
.header-slider .kb-splide .splide__pagination, .header-slider .kb-splide ul.splide__pagination.splide__pagination{
    top:0;
    bottom:0;
    flex-direction: column;
    right:auto;
    z-index:4;

}
.header-slider .kb-splide .splide__pagination__page{
    border-radius: 0;
    opacity: 1;
}
.header-slider .kt-blocks-carousel .kt-carousel-dotstyle-light .splide__pagination__page.is-active{
    background-color: var(--blauw);
}

.infoblokhoek{
    position: absolute;
    right:-10px;
    bottom:-10px;
    width:137px;
    height:137px;
}


.witonder:after{
    content:'';
    background-color:#fff;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
}

.beigeonder:after{
    content:'';
    background-color:#EDEDED;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
}

/* vacatures */
.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry.category-vacatures {
    grid-gap:3rem
}
.category-vacatures .entry-title a{
    color:var(--roze);
    font-size:22px;
    line-height:28px;
    font-weight: 500;
}
.category-vacatures .posted-on time{
    color:var(--groen)
}
.category-vacatures .more-link-wrap{
    color:var(--roze);
    font-size:18px;
    font-weight:500;
    line-height:26px;
}
.category-vacatures .more-link-wrap .kadence-svg-iconset svg{
    display:none;
}
.category-vacatures .more-link-wrap:after{
    content:'';
    background-image:url(images/Arrow-roze.svg);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: left;
    width:70px;
    height:30px;
    position: absolute;
    transition: 0.2s;
}
.category-vacatures .more-link-wrap:hover:after{
background-position: 10px;
}

.wp-site-blocks .category-vacatures .post-thumbnail{
    height:100%;
    overflow: visible;
}

.category-vacatures .entry-header{
    display:flex;
    flex-direction: column-reverse;

}
.loop-entry.category-vacatures .entry-header .entry-meta{
    margin:0;
}
.category-vacatures .post-thumbnail-inner:after{
    content:'';
    position: absolute;
    background-image:url(images/l-roze.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:137px;
    height:137px;
    bottom:-20px;
    right:-20px;
}
.aanmeldenImage a img{
    transition:0.3s;
}
.aanmeldenImage a:hover img{
    filter: contrast(0.9) sepia(0.2);
}
.werkenbijCirkel .wp-block-kadence-image{
    transition: 0.3s;
}
.werkenbijCirkel:hover .wp-block-kadence-image{
    margin-left:10px;
}
.werkenbijCirkel > .kt-inside-inner-col{
    transition: 0.3s;
}
.werkenbijCirkel:hover > .kt-inside-inner-col{
    background-color:#de9724;
}
figure.moveonhover img{
    transition:0.3s;
}
figure.moveonhover:hover img{
    margin-left:10px;
}


@media only screen and (min-width: 1025px) {
    #primary-menu > li:nth-of-type(4n+2) a{
        color:#e6007e;
    }
    .header-groen  #primary-menu > li:nth-of-type(4n+2) a{
        color:#fff;
    }
    #primary-menu > li:nth-of-type(4n+3) a{
        color:#95C23D;
    }
    #primary-menu > li:nth-of-type(4n+3) .sub-menu a{
        color:var(--blauw);
    }
    #primary-menu > li:nth-of-type(4n+3) .sub-menu a:hover{
        color:var(--wit);
    }
    .header-groen #primary-menu > li:nth-of-type(4n+3) a{
        color:#fff;
    }
    #primary-menu > li:nth-of-type(4n+4) a{
        color:#009fe3;
    }
    #primary-menu > li:nth-of-type(4n+4) .sub-menu a,
    .header-groen #primary-menu > li:nth-of-type(4n+4) .sub-menu a,
    .header-wit #primary-menu > li:nth-of-type(4n+4) .sub-menu a{
        color:var(--blauw);
    }
    #primary-menu > li:nth-of-type(4n+4) .sub-menu a:hover{
        color:var(--wit);
    }
    .header-groen #primary-menu > li:nth-of-type(4n+4) a{
        color:#fff;
    }
    #primary-menu > li:nth-of-type(4n+5) a{
        color:#F9B342;
    }
    .header-groen    #primary-menu > li:nth-of-type(4n+5) a{
        color:#fff;
    }
    .header-wit  #primary-menu > li:nth-of-type(5n+1) a{
        color:#292358;
    }
    .header-wit  #primary-menu > li:nth-of-type(5n+2) a{
        color:#e6007e;
    }
    .header-wit  #primary-menu > li:nth-of-type(5n+3) a{
        color:#95C23D;
    }
    #primary-menu > li:nth-of-type(5n+3) .sub-menu a,
    .header-groen #primary-menu > li:nth-of-type(5n+3) .sub-menu a,
    .header-wit #primary-menu > li:nth-of-type(5n+3) .sub-menu a{
        color:var(--blauw);
    }
    #primary-menu > li:nth-of-type(5n+3) .sub-menu a:hover{
        color:var(--wit);
    }
    .header-wit  #primary-menu > li:nth-of-type(5n+4) a{
        color:#009fe3;
    }
    .header-wit  #primary-menu > li:nth-of-type(5n+5) a{
        color:#F9B342;
    }

}