/*
Theme Name: Montessorischool Beverwijk
Author: Cloudwise
Template: kadence
Version: 1.0.1
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root{
    --donkerblauw:#211f5e;
    --blauw:#00A5E4;
    --lichtblauw:#ABE1F6;
    --rood:#9C0A6D;
    --roze:#D9B4D0;
}

/* Header */
.header_ctabox{
    z-index:1;
    position: relative;
}
.header_ctabox .kt-inside-inner-col{z-index:5}
.header_ctabox:after{  
    content:'';
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:2;
    background-position: right;
}
.header_ctabox:has(.kb-button:hover):after{
    animation:spin 60s linear infinite;
}
@keyframes spin {
    100%{
        transform:rotate(360deg); 
    }
}
@keyframes spinback {
    100%{
        transform:rotate(-360deg); 
    }
}

.site-header-upper-inner-wrap.child-is-fixed .site-header-row-container-inner>.site-container{
    padding-top:0;
}

.site-header-upper-inner-wrap.child-is-fixed .header-navigation .menu{
    padding-top: 32px;
}
.site-header-top-section-left{position: relative;}
.site-branding a.brand img.svg-logo-image{z-index:2;}

.site-branding a.brand{position: relative;padding-top:20px;}

.homepageheader{
    -webkit-mask-image: url(images/blue-shape.svg);
    -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center bottom;
    -webkit-mask-size: 90%;
}

.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination{
    bottom:40px !important;
}
.site-header-upper-wrap .site-header-section-right{margin-top:-11px;}    

body.archive #inner-wrap{padding-bottom:80px;}
.kt-row-layout-inner>.kb-blocks-bg-slider, .kb-row-layout-wrap>.kb-blocks-bg-slider{z-index: 3;}

/* Laatste nieuws */
.wp-block-kadence-posts.laatsteNieuws article.content-bg, .archive.content-style-unboxed .entry, .search-archive .entry{
    background-color: var(--lichtblauw);
    border-radius:25px;
}

.wp-block-kadence-posts.laatsteNieuws .loop-entry .entry-content-wrap,  .search-archive .entry.loop-entry .entry-content-wrap{
	    padding: 4rem;
        background-color: var(--lichtblauw);
        border-radius:25px;
}
.archive.content-style-unboxed .entry-content-wrap,  .search-archive .entry.loop-entry .entry-content-wrap{
    padding: 2rem !important;
}
.kt-row-column-wrap:has(.laatsteNieuws) .kt-row-column-wrap {padding:0 !important;}
.wp-block-kadence-posts.laatsteNieuws article + article{margin-top:0;}
.wp-block-kadence-posts.laatsteNieuws .loop-entry .post-thumbnail.kadence-thumbnail-ratio-9-16,  .archive.content-style-unboxed .post-thumbnail,
.search-archive .entry.loop-entry .post-thumbnail{border-radius:25px 25px 0 0;}

/* knoppen */
.button, 
.secondary-menu-container .menu-item {
    padding: 10px 1em !important;
    position:relative;
    min-width:160px;
    text-align:center;
    font-weight:bold;
    overflow: hidden;
}
.secondary-menu-container .menu-item{
    padding: 0px 1em !important;
    background-color:#EEE8F1;
}
.header-button-inner-wrap{display:flex;}

.kb-button.button:before, 
.secondary-menu-container 
.menu-item:before, 
.header-button.button:before{
	content:'';
	position:relative;
    background-image:url('images/btn-back.svg');
    background-repeat:no-repeat;
    background-size:cover;
   	background-position: center;
    position:absolute;
    left:00px;
    top:-30px;
    width:100%;
    height:120%;
    opacity:1;
    transition:0.3s;
}


/* Agenda */
.agendaHome .tribe-common .tribe-common-g-row{gap:80px;}
.agendaHome .tribe-common.tribe-events .tribe-events-widget-events-list >  header{ display:none}
.agendaHome .tribe-common.tribe-events .tribe-events-widget-events-list__event-title a{
	color:var(--donkerblauw);
    font-size:32px;
    line-height:40px;
    font-weight:bold;
    font-family:"kreon", sans-serif;
}
.agendaHome .tribe-events-widget .tribe-events-widget-events-list__view-more{margin-top:40px;}

.agendaHome .tribe-events-widget-events-list__event-datetime-wrapper time{
	color:var(--blauw);
    font-size:20px;
    line-height:27px;
    font-weight:400;
    font-family:"Open Sans", sans-serif;
}

.agendaHome .tribe-events-widget-events-list__event-date-tag.tribe-common-g-col, .tribe-events-calendar-list__event-date-tag.tribe-common-g-col{
	background-image:url('images/agenda-back.svg');
    background-size:100%;
    background-repeat:no-repeat;
    min-height: 120px;
    min-width: 120px;
}
.agendaHome .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime, .tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
	flex-direction:column-reverse;
    justify-content: center;
}

.agendaHome .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-date-tag, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col{
    width:106px;
    height:106px;
}
.agendaHome .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span, .tribe-events-page-template #primary .tribe-events .tribe-events-calendar-list__event-date-tag-weekday{color:#fff;}

.agendaHome .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span.tribe-events-widget-events-list__event-date-tag-daynum, .tribe-events-page-template #primary .tribe-events .tribe-events-calendar-list__event-date-tag-weekday, #wrapper #primary .tribe-events .tribe-common-h5{
	font-family:Grandstander, sans-serif;
    font-size:48px;
    font-weight:bold;
    line-height:48px;
    color:#fff;
}
.agendaHome .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span.tribe-events-widget-events-list__event-date-tag-month, .tribe-events-page-template  #primary .tribe-events .tribe-common-h5.tribe-events-calendar-list__event-date-tag-daynum, #wrapper #primary .tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
	font-family:Grandstander, sans-serif;
    font-size:28px;
    line-height:28px;
    font-weight:400;
    color:#fff;
}
.agendaHome .tribe-events-widget-events-list__event-wrapper.tribe-common-g-col{
	display:flex;
    align-items:center;
}

#primary .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input{
    padding:10px;
}
#wrapper #primary .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner{background-color:transparent}
#wrapper #primary h3.tribe-events-calendar-month__calendar-event-title,#wrapper #primary h3.tribe-events-calendar-month__calendar-event-title a{color:var(--blauw);font-size:20px;line-height:24px;}
#wrapper #primary h3.tribe-events-calendar-month__calendar-event-title a:hover{text-decoration: underline;}


/* vacatures */
#primary .tribe-common .tribe-common-c-btn,#primary .tribe-common a.tribe-common-c-btn,#primary .tribe-events .tribe-common-c-btn.tribe-events-c-search__button{background-color:#0097DF}

 .tribe-events .tribe-events-c-subscribe-dropdown__container{display:none}
 .tooltipster-base{display:none !important}


/* Footer */
#wrapper > footer #nav_menu-3 ul, #wrapper > footer #nav_menu-2 ul{
	list-style-type:disclosure-closed;
    margin-left:20px;
    color:#b9699b;
}
#wrapper > footer #nav_menu-3 ul{
	color:var(--blauw);
}

#wrapper > footer #nav_menu-3 ul li a, #wrapper > footer #nav_menu-2 ul li a{
	color:#fff;
    font-size:16px;
    font-family:"Open Sans";
    line-height:32px;
}
.widget-area .footer-social-wrap h2.widget-title{
    color:var(--lichtblauw);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom:0;
    text-transform: none;
}
#wrapper > footer .site-top-footer-inner-wrap .widget{margin-bottom:0.5em}

.site-bottom-footer-wrap .footer-widget-area .footer-widget-area-inner{display:flex;}

.biggerZIndex .kt-row-layout-bottom-sep{z-index:10}
footer{position:relative;}

#wrapper > footer .site-footer-wrap{z-index:2;}
#wrapper > footer .site-footer-bottom-section-2 .footer-widget-area .footer-widget-area-inner{justify-content:flex-end}

/* Social media */
#sbi_images > div{border-radius:40px;}

/*CTA box*/
.stralen .ctabox{
	background-image:url('images/c2arood.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: right;
    height: 480px;
    width: 500px;
    justify-self:right;
}
.stralen .ctabox .sterimg{
    position: absolute;
    right:-65px;
    top:-65px;

}
.stralen .ctabox .sterimg img{
    width:133px;
    height:133px;
}

/* lijn */
.lijn{    z-index: 0;}
.lijn > div{
height: 200px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
}
.lijn > div .kt-inside-inner-col{
    height: 200px;
    width:100%;
}

/* Vacatures */
.vacatures.wp-block-kadence-posts .loop-entry .post-thumbnail img{
	width:32px; height:32px;
}
.wp-block-kadence-posts.grid-lg-col-1.item-image-style-beside.vacatures article,.agendaHome .tribe-events-widget-events-list__events > div{
    border-bottom: 1px dashed var(--lichtblauw);
    padding-bottom: 20px;
}
.wp-block-kadence-posts.grid-lg-col-1.item-image-style-beside.vacatures article:last-child,  .agendaHome .tribe-events-widget-events-list__events  > div:last-child{
    border-bottom:0;
    padding-bottom:0;
}
.wp-block-kadence-posts.grid-lg-col-1.item-image-style-beside.vacatures article.loop-entry.has-post-thumbnail:not(.kb-post-no-image){
    grid-template-columns: 40px auto;
    align-items: center;
}


.vacatures.wp-block-kadence-posts article .post-thumbnail {width:32px;height:32px;}

.vacatures.wp-block-kadence-posts .entry-content-wrap{
    display: Flex;
    align-items: center;
    justify-content: space-between;
}
.vacatures.wp-block-kadence-posts .entry-content-wrap .entry-header:before{
    content:'';
    width:33px;
    height:33px;
    display:block;
    background-image:url('images/bluesquare.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    margin-right:20px;
}
.vacatures.wp-block-kadence-posts  .entry-header{
    margin-bottom:0;
    display:flex;
    align-items:center;
}
.vacatures.wp-block-kadence-posts .more-link-wrap{
    margin-top:0;
}
.vacatures.wp-block-kadence-posts .post-more-link, .tribe-events-widget-events-list__view-more-link{
    -webkit-mask-image: url(images/btn-shape.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    padding: 10px 1em !important;
    position:relative;
    min-width:160px;
    text-align:center;
    color:#211F5E;
    background-color:#cdcacf;
    font-weight:bold;
}

.tribe-events-sub-nav a, .tribe-events-back a{ color:#211F5E;}

.tribe-events-widget-events-list__view-more-link{
    text-decoration: none;
    background-color:var(--rood);
    color:#fff !important;
}
#inner-wrap #primary .tribe-common .tribe-common-l-container{padding-top:100px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col.tribe-events-calendar-list__event-wrapper{height:auto;}
.vacatures.wp-block-kadence-posts .post-more-link:before, .tribe-events-widget-events-list__view-more-link:before{
	content:'';
	position:relative;
    background-image:url('images/btn-back.svg');
    background-repeat:no-repeat;
    background-size:cover;
   	background-position: center;
    position:absolute;
    left:00px;
    top:-30px;
    width:100%;
    height:120%;
    opacity:1;
    transition:0.3s;
}
.vacatures.wp-block-kadence-posts .post-more-link:hover:before, .tribe-events-widget-events-list__view-more-link:hover:before{
	top:-25px;
    widtH:100%;
}
.vacatures.wp-block-kadence-posts a.post-more-link:hover,
.vacatures.wp-block-kadence-posts a.post-more-link:hover span{
    color:#211F5E;
}

.vacatures.wp-block-kadence-posts .post-more-link span.kadence-svg-iconset{
    display:none;
}
.vacatures.wp-block-kadence-posts.grid-cols{row-gap:20px;}

/* linklijst */
a.wp-block-pages-list__item__link{color:var(--global-palette4)}

.videobox video{border-radius:40px;}

ul.wp-block-latest-posts__list.wp-block-latest-posts{margin-left:0;}


/* Documenten */
.documenten{}
.documenten a{
	 display:inline-block;
	 background-color:var(--blauw); 
	 color:#fff;
	-webkit-mask-image: url(images/btn-shape.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    padding: 10px 1em !important;
    position:relative;
    min-width:160px;
    text-align:center;
    font-weight:bold;
	text-decoration:none;
}
.documenten a:hover,
.documenten a:active,
.documenten a:visited{
	color:#fff;
}
.documenten a:before{
	content:'';
	position:relative;
    background-image:url('images/btn-back.svg');
    background-repeat:no-repeat;
    background-size:cover;
   	background-position: center;
    position:absolute;
    left:00px;
    top:-30px;
    width:100%;
    height:120%;
    opacity:1;
    transition:0.3s;
}
.documenten a:hover:before{
	top:-25px;
    widtH:100%;
}

/* agenda */
.calendar-header span{color:#0064B1}
.calendar-days .calendar-day{background-color: rgba(252,221,0,0.1);}
.calendar-days .day-header,#klasbord-calendar .calendar-days .day-header:hover{background-color:#FCDD00;min-height:inherit}
.calendar-days .calendar-day.empty,.calendar-days .calendar-day.empty:hover{background-color:#0067B0;}
.calendar-days .calendar-day .event-title{color:#0067B0;text-align: center;}
.calendar-days .calendar-day .day-number{color:#0067B0}

.calendar-days .calendar-day:hover{background-color: rgba(252,221,0,0.1);}

.single-content ul.agenda-list{list-style-type: none;padding-left:0;max-width: 400px;}
ul.agenda-list li{border-bottom:1px solid #0067B0; padding-bottom:4px;margin-bottom:4px; }
ul.agenda-list li:last-child{margin-bottom:0; padding-bottom: 0; border-bottom:0;}

/* media queries*/
@media only screen and (max-width: 1300px) {

}


@media only screen and (max-width: 992px) {

    .header_ctabox{    background-position: left; width:60%}
    #wrapper > footer:after{display:none;}
    #wrapper > footer .site-footer-bottom-section-2 .footer-widget-area .footer-widget-area-inner{    justify-content: flex-start;}
}
@media only screen and (max-width: 767px) {
	.homepageheader{
    	-webkit-mask-image: none;
    }
    .header_ctabox{
    	width: 100%;
    }
    .header_ctabox > div{max-width:541px}
    .wp-block-kadence-posts.laatsteNieuws article.content-bg{
    	-webkit-mask-image:none;
    }
    .wp-block-kadence-posts.laatsteNieuws .loop-entry .entry-content-wrap{
	    padding: 15px;
    }
    .has-logo-image:after{   height: 100px;    width: 275px;}
    .vragen .kb-row-layout-wrap{background-image: none !important;}
}


@media only screen and (max-width: 600px) {
    .site-branding a.brand img.svg-logo-image{width:260px}
}

@media only screen and (max-width: 500px) {
    .header_ctabox{    
        position: absolute;
        width: 479px;
        height: 481px;
        right: 0;
        padding: 0;
        top:-480px;
    }

    .agendaHome .tribe-common .tribe-common-g-row{gap:20px;}

    .vacatures.wp-block-kadence-posts .entry-content-wrap{flex-direction: column;align-items: flex-start;gap:12px;}

    .stralen .ctabox{    
        justify-self: left;        
        width: 100%;
        height:500px;
        min-width:430px;
        margin-left: -80px;
    }
    .stralenheading{
        font-size:26px !important;
        line-height:32px;
    }
}
@media only screen and (max-width: 400px) {
    .header_ctabox {    
        position: absolute;
        width: 400px;
        height: 410px;
        right: 0;
        padding: 0;
        top:-410px;
        margin-right: -20px;
    }
    .headerimg{margin-bottom:420px !important}
    .header_ctabox > div{
        padding-top:80px !important;
        padding-right: 75px !important;
    }

    .agendaHome .tribe-common.tribe-events .tribe-events-widget-events-list__event-title a{font-size:24px; line-height:32px;}
}