/*

Theme Name: Kiembestuur
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{
   --blauw:#05B6E3;
   --donkerblauw:#1C3660;
   --titelblauw:#025579;
   --groen:#86C02C;
   --rood:#E84B22;
   --oranje:#EA7C18;
   --lichtoranje:#FBB603;
   --geel:#FFFB2B;
   --wit:#fff;
}

.paginaheader.kb-row-layout-id6_2a6e44-5e > .kt-row-column-wrap, .paginaheader .afbeeldingwrapper > div{
    padding-left:0 !important;
    padding-right:0 !important;
}
.paginaheader .afbeeldingwrapper figure img{
    width:100%;
}

.paginaheader .afbeeldingwrapper img{
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    max-height: 60vh;
    object-fit: cover;
}

.header-steljevraag{
    position: absolute;
    left: 55%;
    bottom: 0;
    transition: 0.2s;
}
.header-steljevraag:hover{
    transform: scale(1.1);
}

.header-bovenc2a{
    position: absolute;
    left: 60%;
    bottom: 130px;
    transition: 0.2s;
}

.homepageheaderafbeelding{
    -webkit-mask-image: url(images/Mask.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    fill: #FEFEFE;
    filter: drop-shadow(0px 11px 18px rgba(0, 0, 0, 0.50));
    -webkit-mask-position: 0 102%;
    -webkit-mask-size: 100%;
}

.kt-btn-has-svg-true svg{
    fill:transparent;
    transition: 0.3s;
}

.kt-btn-has-svg-true svg path{
    stroke:currentColor
}

.kt-btn-icon-side-right{
    position: absolute;
    right:24px;
    transition: 0.3s;
}

.kb-button:hover .kt-btn-icon-side-right{
    right:14px;
}

/* ================================================================================ 
							Scholen
================================================================================ */ 
.scholenwrapper{display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:50px 30px; padding:80px 0}
.school{display:flex; flex-direction:column;width:300px;}
.school .imageWrapper{border-radius: 8px; width:300px; height:200px; overflow:hidden}
.school img{object-fit:cover; transition:0.3s;width:100%; height:100%; }
.school:hover img{transform:scale(1.1);}
.school svg{width:100%; margin:10px 0;}
.school .Schoolcontent {display:flex; flex-direction:column; align-items:flex-end; padding-right:10px;}
.school .Schoolcontent .SchoolType, .school .Schoolcontent .SchoolNaam{font-size: 16px;font-weight: 300;line-height: 22px;letter-spacing: -0.309px; color:var(--groen);text-decoration: none;}
.school .Schoolcontent .SchoolNaam{font-weight: 900;}
.school a{
    text-decoration: none;
}

/* ================================================================================ 
							Scholen slider
================================================================================ */ 
.scholenSlider {padding-top:20px;}
.scholenSlider h2{color:var(--titelblauw);margin-bottom:20px;}
.scholenSlider .slider {padding:40px 0;}
.scholenSlider .school{width:300px; margin-right:20px;}

.nieuwsitems img{
    -webkit-mask-image: url(images/nieuwsMask.svg);
    -webkit-mask-repeat: no-repeat;
    z-index: 1;
    position: relative;
}
ul.nieuwsitems .loop-entry > .post-thumbnail {
    z-index:1;
}
ul.nieuwsitems .loop-entry > .entry-content-wrap{
    background-color: var(--oranje);
    padding: 23px 23px 46px 23px;
    z-index: 2;
    width: 290px;
    margin-top:-65px;
    z-index:2;
    position: relative;
    margin-left: 30px;
}

ul.nieuwsitems .entry-content-wrap .entry-title{
    color:#fff;
}
ul.nieuwsitems .entry-content-wrap .entry-title a:after{
    content:'';
    background-image:url('images/btnArrow.svg');
    background-repeat:no-repeat;
    background-size:contain;
    width:39px;
    height:11px;
    position: absolute;
    left:23px;
    bottom:23px;
    transition: 0.3s;;
}
ul.nieuwsitems .loop-entry:hover .entry-content-wrap .entry-title a{
    color:#fff;
}
ul.nieuwsitems .loop-entry:hover .entry-content-wrap .entry-title a::after{
    left:33px;
}
ul.nieuwsitems .entry-content-wrap .more-link-wrap{
    display:none
}

.site-header-row-container-inner .site-container{
    max-width:1100px;
}
.site-header-item .site-branding{
    margin-top:-40px;
}

.site-main-header-inner-wrap .site-header-item {
    align-items: flex-end;
}

.secondary-navigation .secondary-menu-container > ul > li.menu-item > a{
    border-radius: 0 0 10px 10px;
}
.secondary-navigation .secondary-menu-container > ul > li.menu-item +  li{
    margin-left:8px;
}
.secondary-navigation .secondary-menu-container > ul > li.menu-item +  li a{
    background-color:var(--donkerblauw)
}
.secondary-navigation .secondary-menu-container > ul > li.menu-item +  li a:hover{
    color: var(--groen);
}

.footer-whiteblue footer.site-footer{
position: relative;
}
.footer-whiteblue footer.site-footer .site-footer-wrap{
    -webkit-mask-image: url(images/MaskBlue.svg);
    -webkit-mask-repeat: no-repeat;
    width: 100%;
    -webkit-mask-size: cover;
    -webkit-mask-position-x: center;
    padding-top: 100px;
    background-color: #fff;;
    
}

.footer-whiteblue footer.site-footer:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 300px;
    background-color: var(--donkerblauw);
    top: 0;
    left: 0;
}

.footer-paper footer.site-footer{
    background-image: url(images/bg-header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: url(images/MaskBlue.svg);
    -webkit-mask-repeat: no-repeat;
    width: 100%;
    -webkit-mask-size: cover;
    -webkit-mask-position-x: center;
    padding-top: 100px;
}

.footer-blue footer.site-footer{
    background-color:var(--donkerblauw);
    -webkit-mask-image: url(images/MaskBlue.svg);
    -webkit-mask-repeat: no-repeat;
    width: 100%;
    -webkit-mask-size: cover;
    -webkit-mask-position-x: center;
    padding-top: 100px;
}

.footer-blue footer.site-footer *{
    color:#fff !important;
}