/* Dit is de goede stylesheet */
@font-face {
  font-family: 'Lovelo-Black';
  src: url('https://talentprimair-meesterkremer.cms.socialschools.nl/filer/canonical/1713525290/444/') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*dropdown nav menu*/
nav:not(.nav-hamburger) .sub-item-wrapper{
    background-color: transparent;
    padding: 0;
    border: none;
}
.sub-items.list-unstyled{
    width: 100%;
}
.sub-item{
    background-color: #fff;
}
.sub-item:first-of-type{
    opacity: 0;
}
.sub-link{
    font-size: 1.1rem;
}
nav:not(.nav-hamburger) .sub-item:hover{
    background-color: transparent;
}
nav:not(.nav-hamburger) .sub-item:not(:first-of-type):hover{
    background-color: var(--theme-hero-bg);
}
@media (min-width: 1200px) {
    nav:not(.nav-hamburger) .sub-item-wrapper{
    position: absolute;
    top: 0;
    box-shadow: none;
}
}
@media (max-width: 1399.98px){
    .site-menu .sub-item-wrapper{
    background: var(--theme-color) !important;
    }
    .nav-back-btn{
    margin-top: 1rem;
    margin-left: 1rem;
    }
    .site-menu .sub-item-wrapper .sub-item-title{
        display: none;
    }
    .site-menu .sub-item-wrapper .sub-items{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }
    .sub-item:first-of-type .sub-link{
    font-weight: bold;
    font-size: 1.5rem;
    }
    .sub-item:first-of-type{
    opacity: 1;
}
}
.align-items-center div[class*=multicolumn]{
    align-items: center;
}
.section + .section {
    margin-block-start: 0;
}
.button_picture:first-of-type:not(.d-block) + .button_picture{
    margin-left: 0;
}
/*hide image on mobile */
@media (max-width: 992px){
    .hide-image-on-mobile .column:has(.picture-plugin){
        display: none;
    }
}
h1{
    font-family: 'Lovelo-Black' !important;
}

html{
    overflow-x: hidden;
}
.section{
    margin-block: 0;
    min-height: unset;
}
.section-content ul{
    list-style-position: inside;
}
.top-info .multicolumn2{
    background: transparent !important;
}
    .top-info .column{
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
    }
    .top-info .column a{
    display: block;
    color: #fff;
    font-weight: 500;
    transition: all 400ms ease 0s;
}
header{
    margin: 0;
}
header .navbar.affix .school-logo{
    height: 60px !important
}
footer > .container:first-of-type, .footer-section > .container:first-of-type{
    padding-bottom: 50px;
}
footer > .container:first-of-type .column:first-of-type a, .footer-section > .container:first-of-type .column:first-of-type a{
    
    display: block;
    font-weight: 500;
    transition: all 400ms ease 0s;

}
footer > .container:first-of-type .multicolumn4, .footer-section > .container:first-of-type .multicolumn4 {
    align-items: center;
}
.page-footer{
    padding: 0;
}
@media (max-width: 768px){
    footer .multicolumn4, .footer-section .multicolumn4{
        gap: 0.5rem;
    }
}

/*Typografie:*/

.h2, h2, .school_text-container .school-slogan {
    font-weight: 500;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    h1, .school_text-container .school-name{
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {

}
/*quote */
.blockquote {
    margin: auto;
    max-width: 800px;
}
.wave-up.wave-down .blockquote{
    padding: 4rem;
}
.quote-text{
    font-weight: 600;
}
/*Hero */
.slider-wrapper{
    background: var(--primary-color);
}

.home-slider.slick-slider .slick-slide img{
    opacity: 0.4;
}

.school_text-container .school-text{
    gap: 1.5rem;
}



@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .slider-wrapper .school_text-wrapper{
    width: 50% !important;
    text-align: center;
    background: var(--primary-color) !important;
    border-bottom-right-radius: 70% 70%;
}
    .school_text-container .school-text{
    
    margin-right: 20%;
    margin-left: auto;
    width: 100%;

}
.school_text-container .school-text .text-footer{
    display: flex;
    justify-content: center;
}
.home-slider.slick-slider{
    /* background-image: linear-gradient(to right, var(--primary-color), #fff); */
}

.home-slider.slick-slider .slick-slide img{
        opacity: 1;
}
.home-slider.slick-slider .slick-slide{
    /* -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0) 60%); */
    /* -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left top, left bottom; */
    
}

}

@media (min-width: 1200px) {

}

/*Wave:*/

.wave-up, .wave-down{
        position: relative;
}

.footer-section{
    position: relative;
    padding-top: 100px;
}
.wave-up{
  padding-top: 25px
}
.wave-down{
  padding-bottom: 25px
}
.wave-up .section-content, .wave-down .section-content{
    position: relative;
    z-index: 1;
}
.footer-section::before, .wave-up::before{
    content: '';
   background-image: url('data:image/svg+xml,<svg id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 140" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="%23EFEFEF" d="M0,28L60,44.3C120,61,240,93,360,109.7C480,126,600,126,720,121.3C840,117,960,107,1080,93.3C1200,79,1320,61,1440,65.3C1560,70,1680,98,1800,105C1920,112,2040,98,2160,77C2280,56,2400,28,2520,35C2640,42,2760,84,2880,102.7C3000,121,3120,117,3240,109.7C3360,103,3480,93,3600,81.7C3720,70,3840,56,3960,60.7C4080,65,4200,89,4320,91C4440,93,4560,75,4680,56C4800,37,4920,19,5040,23.3C5160,28,5280,56,5400,65.3C5520,75,5640,65,5760,56C5880,47,6000,37,6120,28C6240,19,6360,9,6480,16.3C6600,23,6720,47,6840,65.3C6960,84,7080,98,7200,93.3C7320,89,7440,65,7560,60.7C7680,56,7800,70,7920,67.7C8040,65,8160,47,8280,46.7C8400,47,8520,65,8580,74.7L8640,84L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path></svg>');width: 100%;
    display: block;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -1px;
}
.wave-down::after{
   content: '';
   background-image: url('data:image/svg+xml,<svg id="wave" style="transform:rotate(0deg); transition: 0.3s" viewBox="0 0 1440 140" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="%23EFEFEF" d="M0,28L60,44.3C120,61,240,93,360,109.7C480,126,600,126,720,121.3C840,117,960,107,1080,93.3C1200,79,1320,61,1440,65.3C1560,70,1680,98,1800,105C1920,112,2040,98,2160,77C2280,56,2400,28,2520,35C2640,42,2760,84,2880,102.7C3000,121,3120,117,3240,109.7C3360,103,3480,93,3600,81.7C3720,70,3840,56,3960,60.7C4080,65,4200,89,4320,91C4440,93,4560,75,4680,56C4800,37,4920,19,5040,23.3C5160,28,5280,56,5400,65.3C5520,75,5640,65,5760,56C5880,47,6000,37,6120,28C6240,19,6360,9,6480,16.3C6600,23,6720,47,6840,65.3C6960,84,7080,98,7200,93.3C7320,89,7440,65,7560,60.7C7680,56,7800,70,7920,67.7C8040,65,8160,47,8280,46.7C8400,47,8520,65,8580,74.7L8640,84L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path></svg>');width: 100%;
    display: block;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -1px;
}
@media (min-width: 576px) {
    .footer-section::before, .wave-up::before, .wave-down::after{
        height: 65px;
    }
    .wave-up{
        padding-top: 35px
    }
    .wave-down{
        padding-bottom: 35px
    }
}

@media (min-width: 768px) {
  .footer-section::before, .wave-up::before, .wave-down::after{
        height: 85px;
    }
    .wave-up{
        padding-top: 45px
    }
    .wave-down{
        padding-bottom: 45px
    }
}

@media (min-width: 992px) {
.footer-section::before, .wave-up::before, .wave-down::after{
        height: 95px;
    }
    .wave-up{
        padding-top: 55px
    }
    .wave-down{
        padding-bottom: 55px
    }
}

@media (min-width: 1200px) {
   .footer-section::before, .wave-up::before, .wave-down::after{
        height: 180px;
    }
    .wave-up{
        padding-top: 75px
    }
    .wave-down{
        padding-bottom: 75px
    }
} 
/* Cta-block  */
.cta-block{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
.cta-block.cta-text-left{
    background-position: left;
}
.cta-block .section-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.cta-block .column:last-of-type{
    /* background-image: url("https://talentprimair-live-d1de27bb949945f49f64-cadf8d3.divio-media.com/filer_public/6b/16/6b16b7d7-7662-41a4-a9a8-603abdfd05af/blob-geel.svg"); */
background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    display: block;
    background-position: right;
}
.cta-block  .column:not(:has(img)) {
 padding: 20px;
}
.cta-block .multicolumn2 {
  align-items: center;
}
.cta-block img {
  border-radius: 5px;
}

@media (min-width: 992px) {
  .content-small .section-content {
    width: 60%;
    margin: auto;
  }
}

.logo-bg {
  position: relative;
}
.logo-bg .section-content > img {
  position: absolute;
  top: 0;
  left: 10%;
  display: none;
  height: 100%;
}
@media (min-width: 992px){
    .logo-bg .section-content > img{
        display: block;
    }
}
/*blockquote: */
.blockquote-footer{
    padding-top: 0;
}
.page-home .slider_content_center_overlay .school-text
{
  background: transparent;
  box-shadow: none;
      display: flex;
    flex-direction: column;
    text-shadow: var(--theme-box-shadow);
}
.page-home .slider_content_center_overlay .school-text .btn{
    text-shadow: none;
    cursor: pointer;
}
.page-home .slider_content_center_overlay .school_text-wrapper
{
  background: transparent;
}
.carousel-slide .img-fluid
{
  object-position: bottom !important;
}
.slider-wrapper::after
{
  content: '';
  background-image: url('data:image/svg+xml,<svg id="wave" style="transform:rotate(0deg); transition: 0.3s" viewBox="0 0 1440 140" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="%23EFEFEF" d="M0,28L60,44.3C120,61,240,93,360,109.7C480,126,600,126,720,121.3C840,117,960,107,1080,93.3C1200,79,1320,61,1440,65.3C1560,70,1680,98,1800,105C1920,112,2040,98,2160,77C2280,56,2400,28,2520,35C2640,42,2760,84,2880,102.7C3000,121,3120,117,3240,109.7C3360,103,3480,93,3600,81.7C3720,70,3840,56,3960,60.7C4080,65,4200,89,4320,91C4440,93,4560,75,4680,56C4800,37,4920,19,5040,23.3C5160,28,5280,56,5400,65.3C5520,75,5640,65,5760,56C5880,47,6000,37,6120,28C6240,19,6360,9,6480,16.3C6600,23,6720,47,6840,65.3C6960,84,7080,98,7200,93.3C7320,89,7440,65,7560,60.7C7680,56,7800,70,7920,67.7C8040,65,8160,47,8280,46.7C8400,47,8520,65,8580,74.7L8640,84L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path></svg>');
  width: 100%;
  display: block;
  height: 30%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: auto;
}
.school_text-wrapper
{
  position: absolute;
}
.hero-sub-page h1{
    width: fit-content;
    padding-right: 2rem;
}
.school_text-wrapper .school-name, .quote-text, .hero-sub-page h1{
position: relative;
}
.school_text-wrapper .school-name::after, .quote-text::after, .hero-sub-page h1::after{
content: '';
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="8bb4a6845f"><path d="M 128.140625 0 L 374.890625 0 L 374.890625 246.75 L 128.140625 246.75 Z M 128.140625 0 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(%238bb4a6845f)"><path fill="%237f2081" d="M 251.566406 246.855469 C 183.472656 246.855469 128.140625 191.519531 128.140625 123.425781 C 128.140625 55.335938 183.472656 0 251.566406 0 C 319.660156 0 374.996094 55.335938 374.996094 123.425781 C 374.996094 191.519531 319.660156 246.855469 251.566406 246.855469 Z M 251.566406 246.855469 " fill-opacity="1" fill-rule="nonzero"/></g><path stroke-linecap="butt" transform="matrix(0.000000001309, -0.75, 0.75, 0.000000001309, 240.319354, 374.999594)" fill="none" stroke-linejoin="miter" d="M -0.000541607 15.001279 L 206.968222 15.001278 " stroke="%237f2081" stroke-width="30" stroke-opacity="1" stroke-miterlimit="4"/></svg>');
width: 30px;
    display: block;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    right: 69px;
    transform: rotateZ(21deg);
}
.quote-text::after, .hero-sub-page h1::after{
    top: -50px;
    right: 0;
}
@media (min-width: 992px) {
.school_text-wrapper .school-name::after, .quote-text::after, .hero-sub-page h1::after{
width: 55px;
height: 55px;
right: -100px;
}
}
.school_text-wrapper .school-name::before, .quote-text::before, .hero-sub-page h1::before{
content: '';
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="8bb4a6845f"><path d="M 128.140625 0 L 374.890625 0 L 374.890625 246.75 L 128.140625 246.75 Z M 128.140625 0 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(%238bb4a6845f)"><path fill="%23f79100" d="M 251.566406 246.855469 C 183.472656 246.855469 128.140625 191.519531 128.140625 123.425781 C 128.140625 55.335938 183.472656 0 251.566406 0 C 319.660156 0 374.996094 55.335938 374.996094 123.425781 C 374.996094 191.519531 319.660156 246.855469 251.566406 246.855469 Z M 251.566406 246.855469 " fill-opacity="1" fill-rule="nonzero"/></g><path stroke-linecap="butt" transform="matrix(0.000000001309, -0.75, 0.75, 0.000000001309, 240.319354, 374.999594)" fill="none" stroke-linejoin="miter" d="M -0.000541607 15.001279 L 206.968222 15.001278 " stroke="%23f79100" stroke-width="30" stroke-opacity="1" stroke-miterlimit="4"/></svg>');
width: 30px;
    display: block;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    right: 0;
    transform: rotateZ(57deg);
}
.quote-text::before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="8bb4a6845f"><path d="M 128.140625 0 L 374.890625 0 L 374.890625 246.75 L 128.140625 246.75 Z M 128.140625 0 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(%238bb4a6845f)"><path fill="%23FFDF01" d="M 251.566406 246.855469 C 183.472656 246.855469 128.140625 191.519531 128.140625 123.425781 C 128.140625 55.335938 183.472656 0 251.566406 0 C 319.660156 0 374.996094 55.335938 374.996094 123.425781 C 374.996094 191.519531 319.660156 246.855469 251.566406 246.855469 Z M 251.566406 246.855469 " fill-opacity="1" fill-rule="nonzero"/></g><path stroke-linecap="butt" transform="matrix(0.000000001309, -0.75, 0.75, 0.000000001309, 240.319354, 374.999594)" fill="none" stroke-linejoin="miter" d="M -0.000541607 15.001279 L 206.968222 15.001278 " stroke="%23FFDF01" stroke-width="30" stroke-opacity="1" stroke-miterlimit="4"/></svg>');
}
@media (min-width: 992px) {
.school_text-wrapper .school-name::before, .quote-text::before, .hero-sub-page h1::before{
width: 55px;
height: 55px;
    top: -50px;
    right: -45px;
}
}
/*accordion */
.accordion-block .column img{
    margin-block-end: 0;
    height: 230px;
    object-fit: cover;
}
.accordion-block .accordion-toggle{
    flex-direction: column;
    gap: 1rem;
}
.accordion-block .accordion .accordion-header .accordion-title button i {
  font-size: 3rem;
  margin-right: 0 !important;
}
.accordion-block .accordion .accordion-header .accordion-title button .button-text {
  color: var(--dca-gray);
  display: block;
  margin: auto;
  text-transform: uppercase;
}
.accordion-block .accordion .accordion-header .accordion-title button .status-icon {
  display: block;
  width: 10px;
  height: 10px;
}
.accordion-block .accordion .accordion-body p {
  color: var(--dca-gray);
}
@media screen and (max-width: 769px) {
  .accordion-block .container >div{
    gap: 1rem;
  }
.accordion-block .container >div .column img{
    width: 100%;
  }
}

/* Subpagina's  */
.main-content{
    margin-bottom: 0
}
.featured-row{
    margin-bottom: 0;
}
.hero-sub-page .column:first-of-type{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
}
.hero-sub-page .column:last-of-type{
    position: relative;
    z-index: 1;
}
.hero-sub-page .section-content{
    position: static;
}
/* /images */
@media screen and (min-width: 768px) {
.img-width-35 .picture-plugin{
    width: 35%;
    margin: 0 1rem 1rem 0;
}
    
}

/* Main-pages */
.page-title{
    color: #fff;
    position: absolute;
    z-index: 1;
    padding: 2rem 0;
}
.hero-main-page .section-img-wrapper{
    border-bottom-right-radius: 70% 70%;
    overflow: hidden;
}
.section-page-links .button_picture, .section-page-links .button_picture .btn{
    width: 100%;
}
@media screen and (min-width: 992px) {

    .page-title{
        width: 50%;
    }
    .hero-main-page .section-content{
    padding-top: 250px;
    padding-left: 0;
}
.floating-img-left .section-content img{
    width: 30%;
    float: left;
    margin: 0 1rem 1rem 0;
}
.floating-img-right .section-content img{
    width: 30%;
    float: right;
    margin: 0 1rem 1rem 0;
}
}
@media screen and (min-width: 1400px){
    .hero-main-page .section-content{
    padding-top: 175px;
}
}
.cookie-notice{
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
}
.cookie-notice .cn-ok{
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}
.cookie-notice .cn-ok .cn-buttons{

    margin: 0;

}
@media (min-width: 992px){
    .cookie-notice{
        right: 20px !important;
        top: 20px !important;
        bottom: auto !important;
    }
}