/*
Theme Name: bootScore
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.2.3.4
Tested up to: 6.2
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

a, a h1, a h2, a h3, a h5, a h6 {
	text-decoration: none;
	border-bottom: 0;
}

ul.teachers-list li a {
    color: #5B3E0C;
    text-decoration: none;
    display: block;
    position: relative;
}
ul.teachers-list li a.active::after {
    content: '';
    background-color: #8EB01D;
    width: 100%;
    display: inline-block;
    position: absolute;
    height: 7px;
    margin-bottom: 0px;
    padding: 0px;
    bottom: 8px;
    left: 0px;
    z-index: -1;
}

ul.teachers-list li button.mixitup-control {

}
ul.teachers-list li button.mixitup-control:hover,
ul.teachers-list li button.mixitup-control.mixitup-control-active {
    background: #5B3E0C!important;
    color: #fff !important;
    border: 2px solid #5B3E0C!important;
}

section.drie_pilaren-block {
    margin-top: 40px;
}
section.drie_pilaren-block h2 {
    font-size: 28px !important;
}
.drie_pilaren_item {

}
.drie_pilaren_item_img {
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 40px;
}
.drie_pilaren_item_titel {
    font-family: "larken", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #5B3E0C;
    line-height: 100%;
    margin-bottom: 32px;
}
.drie_pilaren_item_content {
    font-weight: 500;
}
.drie_pilaren_item_content ul {
    padding: 0;
    list-style: none;
}
.drie_pilaren_item_content ul li {
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 170%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.147' height='16' viewBox='0 0 9.147 16'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M17.64,14.192,11.586,8.142a1.143,1.143,0,1,1,1.619-1.615l6.859,6.854a1.141,1.141,0,0,1,.033,1.577l-6.888,6.9a1.143,1.143,0,0,1-1.619-1.615Z' transform='translate(-11.251 -6.194)' fill='%235b3e0c'/%3E%3C/svg%3E%0A");
    background-position: 0 5px;
}

.content a, .green-bg .content a, .contact-content a {
	color: #8EB01D;
	font-weight: 500;
	text-decoration: none;
}

.content a:hover, .green-bg .content a:hover {
	color: #5B3E0C !important;
}

.green-bg .content a {
	color: #ffffff;
}

.contact-content h2, .contact-content .h2 {
	margin-bottom: 1rem;
}

.contact-content h3, .contact-content .h3 {
    font-size: 1.25rem;
	line-height: 1.1;
}

.widget_text a {
	font-weight: 500;
	text-decoration: underline;
}

ul#footer-menu li {
 	word-break: break-word;
}

@media (min-width: 992px) {
    section.drie_pilaren-block {
        margin-top: -50px;
    }
    .row_drie_pilaren {
        --bs-gutter-x: 60px;
    }
    section.drie_pilaren-block h2 {
        font-size: 40px !important;
        line-height: 120%;
    }
    .drie_pilaren_item_titel {
    }
}


.row_drie_pijlers {
    --bs-gutter-y: 4rem;
}
.pijler_item_container {
    
}

.pijler_item {
}
.pijler_item h3 {
    font-size: clamp(24px, 5vw, 40px);
    line-height: 112.5%;
    max-width: 300px;
    text-align: center;
    margin: 0 auto 24px;
}   
.pijler_item_img {  
    max-width: 265px;
    margin: 0 auto 30px;
}

.pijler_item_items {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.pijler_item_item ul {
    padding-left: 18px;
}
.pijler_item_items p {
    color: #5B3E0C !important;
}
.pijler_item_item {

}
.pijler_item_item_top {
    display: flex;
    align-items: end;
    margin-bottom: 14px;
}
.pijler_item_item_pijl {
    width: 20px;
    margin: 0 7px 10px 0;
}
.pijler_item_item_nummer {
    font-family: "larken", sans-serif !important;
    font-weight: 700;
    font-size: clamp(34px, 5vw, 40px);
    letter-spacing: 3px;
    line-height: 100%;
    flex-shrink: 0;
    margin-right: 11px;
}
.pijler_item_item_titel {
    font-size: 18px;
    line-height: 100%;
    font-weight: 700;
    max-width: 275px;
    transform: translateY(-4px);
}



@media (min-width: 768px) {
    .row_drie_pijlers {
        --bs-gutter-x: 50px;
    }
    .pijler_item_container:nth-of-type(1) {
        border-right: 1px solid #5B3E0C;
    }
    .pijler_item_item_titel {
        transform: translateY(-8px);
    }
}

@media (min-width: 992px) {
    .row_drie_pijlers {
        --bs-gutter-x: 70px;
    }
    .pijler_item_container:nth-of-type(2) {
        border-right: 1px solid #5B3E0C;
    }
}

.section_fotoslider {
    display: flex; 
    justify-content: center;
}
.container_fotoslider {
    max-width: 100%;
    --swiper-pagination-color: #5B3E0C;
}
.fotoslider {
    padding-top: 0 !important;
}
.fotoslider .swiper-slide {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.fotoslider .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 768px;
    max-height: initial;
    object-fit: initial;
    filter: initial;
}
.section_fotoslider_onder {
    font-size: clamp(18px, 5vw, 24px);
}
@media (min-width: 768px) {
    .section_drie_pijlers,
    .section_fotoslider {
        max-width: 1640px;
        margin-left: auto;
        margin-right: auto;
    }
    .container_fotoslider {
        max-width: 100%;
    }
    .fotoslider {
    }
    .fotoslider .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .fotoslider .swiper-slide {
        place-self: center;
    }
    .fotoslider .swiper-slide,
    .fotoslider .swiper-slide img {
        width: 100%;
        height: auto;
        max-width: 410px;
    }

}
@media (min-width: 992px) {
    .fotoslider .swiper-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .fotoslider .swiper-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
html, body, #page {
    height: initial;
}





/* Menu 2025 */

html.no_scroll,
html.no_scroll body{
	overflow-y: hidden;
}




button.toggle_menu {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 30px;
    padding: 6px 12px;
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    transition: all 0.4s ease;
}
button.toggle_menu.close {
    border: none;
    width: 50px;
    height: 50px;
    font-weight: 600;
}

.mainmenu_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;
}
.mainmenu_container {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: rgba(91, 62, 12, 0.95);
    width: 100%;
    z-index: 1;
    transform: translateX(100%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mainmenu_header {
    padding: 1rem;
    display: flex;
    justify-content: flex-end;
}
.mainmenu_body {
    padding: 2rem 3rem;
    overflow-y: auto; 
    height: 100%;
}
ul.mainmenu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 1rem 0 0 0;
    gap: 2rem;
}
ul.mainmenu li {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0;
}
ul.mainmenu li a {
    color: #fff;
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    position: relative;
    transition: all 0.3s ease;
}




ul.mainmenu > li.menu-item-has-children {
    position: relative;
    overflow: hidden;
    max-height: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.mainmenu > li.menu-item-has-children .toggle_submenu {
    content: '';
    position: relative;
    display: inline-block;
    width: 0; 
    height: 0; 
    margin-left: 25px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ffffff;
    vertical-align: super;
}

ul.mainmenu > li > ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 8px;
}


ul.mainmenu > li > ul.sub-menu > li > a {
    font-weight: 400;
    font-size: 1.75rem;
}
ul.mainmenu > li.submenu_active {
    max-height: 500px;
}
ul.mainmenu > li.submenu_active > ul.sub-menu {
}

/* Menu active */
.navbar.active .mainmenu_wrapper {
    visibility: visible;
}
.navbar.active .mainmenu_container {
    transform: translateX(0);
}
.navbar.active .mainmenu_backdrop {
    visibility: visible;
    opacity: 1;
}


@media (min-width: 992px) {
    .mainmenu_wrapper {
        position: relative;
        height: auto;
        width: auto;
        visibility: visible;
    }
    .mainmenu_container {
        height: auto;
        width: 100%;
        max-width: 100%;
        transform: initial;
        background: none;
    }
    .mainmenu_header,
    .mainmenu_footer {
        display: none;
    }
    button.toggle_menu {
        display: none;
    }
    .mainmenu_body {
        padding: 0;
        overflow: initial;
    }
    ul.mainmenu {
        flex-direction: row;
        gap: 1rem;
    }
    ul.mainmenu li {
        margin-top: 0;
        padding: 10px 20px;
        text-align: left;
    }
    ul.mainmenu li a {
        font-size: 15px;
        font-weight: 400;
    }
    
    ul.mainmenu > li.menu-item-has-children {
        max-height: initial;
        overflow: initial;
    }
    ul.mainmenu > li.menu-item-has-children:hover {
        background-color: #6c5225;
        border-radius: 8px 8px 0 0;
    }
    ul.mainmenu > li:hover, 
    ul.mainmenu > li.current_page_item,
    ul.mainmenu > li.current_page_parent {
        background-color: #6c5225;
        border-radius: 8px;
    }

    ul.mainmenu > li:hover > a,
    ul.mainmenu > li.current_page_item > a,
    ul.mainmenu > li.current_page_parent > a {
        color: #ffffff;
    }

    ul.mainmenu > li:first-child {
        margin-left: 0;
    }
        
    ul.mainmenu > li.menu-item-has-children .toggle_submenu { 
        display: none;
    }

    


    ul.mainmenu > li.menu-item-has-children::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0; 
        height: 0; 
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ffffff;
        vertical-align: middle;
        margin-left: 5px;
    }
    ul.mainmenu > li > ul.sub-menu {
        position: absolute;
        left: 0;
        display: flex;
        margin-top: 10px; /* zelfde als before height */
        visibility: hidden;
        background-color: #6c5225;
        border-radius: 0 8px 8px 8px;
        padding: 15px 20px;
        width: auto;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        gap: 0.4rem;
    }
    ul.mainmenu > li > .sub-menu::before {
        content: "";
        display: block;
        width: 100%;
        height: 10px;
        background-color: transparent;
        position: absolute;
        top: -10px;
        left: 0;
    }
    ul.mainmenu > li:hover > ul.sub-menu {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
    ul.mainmenu > li > ul.sub-menu li {
        padding: 0;
    }
    ul.mainmenu > li > ul.sub-menu > li > a {
        color: #ffffff;
        font-size: 15px;
        white-space: nowrap;
    }
    ul.mainmenu > li > ul.sub-menu a:hover {
        color: #8EB01D;
    }
    
}


/* Correcties overschrijven */
#news .owl-item a.btn-primary {
    border-radius: 30px !important;
    padding: 10px 30px !important;
}
section.imageheader > .container{
    position: relative;
    z-index: 2;
}