/*
Theme Name: Pageking Flex (child)
Template: pk-theme
Author: Pageking
Author URI: https://www.pageking.nl/
Description: Pageking is een thema voor WordPress dat is ontworpen voor Pageking websites.
Requires at least: 5.9
Tested up to: 6.7.2
Requires PHP: 8.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --sint-white: #F2F2EE;
    --sint-green: #004B36;
}

/* ALS ER MAAR 1 ALINEA IS, GEEN MARGIN GEVEN */
p:only-child,
p:last-child {
    margin: 0;
}

.pk-page {
    overflow: clip;
}

.pk-page::before {
    content: '';
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 152.65%);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.pk-page:has(.pk-menu-item.has-submenu:hover)::before {
    opacity: 1;
}

/* HEADER STYLING */

.pk-page header {
    background-color: transparent;
    /* background-color: rgba(0,0,0, .2); */
    /* box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.20); */
}

.pk-page .pk-page-content {
    height: 500px;
    background-image: url('http://sint-oelbert.local/wp-content/uploads/2025/12/Video-Oelbert-zonder-logo-web-horizontal-klein.png');
}

.pk-page header .pk-header-wrapper {
    max-width: 1280px;
    margin: 0px auto;
    padding-inline: 20px;
    padding-top: 60px;
    justify-content: center;
}

.pk-page header .menu .menu-items-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}

.pk-page header .pk-menu-item a {
    font-family: 'Aptos';
    font-size: 20px;
    font-weight: 600;
    display: block;
}

.pk-page header .pk-menu-item:not(.portal-item) a, .pk-page header .pk-menu-item.portal-item {
    display: block;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.pk-page header .pk-menu-item.portal-item {
    display: flex !important;
    align-items: center;
    gap: 16px;
}

.pk-page header .pk-menu-item.portal-item .portal-link {
    position: relative;
    height: 100%;
}

.pk-page header .pk-menu-item.portal-item .portal-link:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--sint-white);
    transition: background-color .3s ease-in-out;
}

.pk-page header .pk-menu-item.portal-item .portal-link:hover:before {
    background-color: #407868;
}

.pk-page header .pk-menu-item.portal-item .portal-link.magister {
    aspect-ratio: 29/20;
    width: 29px; 
}

.pk-page header .pk-menu-item.portal-item .portal-link.microsoft {
    aspect-ratio: 21/24;
    max-height: 24px; 
}

.pk-page header .pk-menu-item.portal-item .portal-link.microsoft {
    aspect-ratio: 21/24;
    max-height: 24px;
}

.pk-page header .pk-menu-item.portal-item .portal-link.zermelo {
    aspect-ratio: 23/21;
    max-height: 21px;
}

.pk-page header .pk-menu-item.portal-item .portal-link.magister:before {
    mask: url("data:image/svg+xml,%3Csvg id='Component_17_1' data-name='Component 17 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.385' height='19.335' viewBox='0 0 28.385 19.335'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='28.385' height='19.335' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_80' data-name='Group 80' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_328' data-name='Path 328' d='M19.793,19.024c-.675,0-1.35,0-2.025,0-.068,0-.094-.014-.105-.086q-.243-1.533-.494-3.064-.244-1.506-.49-3.012-.218-1.347-.434-2.694c-.053-.33-.106-.66-.162-.989-.005-.03.008-.078-.036-.088s-.054.038-.072.065q-1.854,2.8-3.707,5.6c-.184.278-.368.555-.55.834a.125.125,0,0,1-.12.066q-.648,0-1.3,0a.119.119,0,0,1-.114-.06Q8.05,12.384,5.912,9.174A.113.113,0,0,0,5.9,9.16c-.024-.026-.032-.081-.081-.066s-.026.06-.031.091q-.219,1.342-.434,2.685-.2,1.235-.4,2.47t-.4,2.47c-.114.709-.23,1.417-.341,2.126-.012.074-.041.089-.113.089q-2.007,0-4.015,0c-.072,0-.1,0-.084-.092.208-1.191.409-2.383.613-3.574q.328-1.921.657-3.841.37-2.157.741-4.313.365-2.127.728-4.253.243-1.422.484-2.845C3.239.028,3.27,0,3.358,0c.459.005.918,0,1.377,0A.153.153,0,0,1,4.883.08q2.98,4.581,5.963,9.16l.038.059c.055.083.077.083.13,0l.417-.639Q14.22,4.379,17.006.1a.189.189,0,0,1,.185-.1c.447,0,.894,0,1.341,0,.094,0,.13.028.144.116.07.43.145.86.218,1.289q.19,1.113.381,2.226l.436,2.544q.2,1.156.4,2.311.209,1.22.419,2.44.274,1.6.548,3.2.306,1.792.611,3.583c.071.415.141.831.216,1.246.012.067,0,.075-.066.075q-1.021,0-2.043,0' transform='translate(0 0.001)' fill='%23f2f2ee'/%3E%3Cpath id='Path_329' data-name='Path 329' d='M1332.856,840.165a2.4,2.4,0,1,1-2.348-2.357,2.359,2.359,0,0,1,2.348,2.357' transform='translate(-1304.472 -823.178)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg id='Component_17_1' data-name='Component 17 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.385' height='19.335' viewBox='0 0 28.385 19.335'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='28.385' height='19.335' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_80' data-name='Group 80' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_328' data-name='Path 328' d='M19.793,19.024c-.675,0-1.35,0-2.025,0-.068,0-.094-.014-.105-.086q-.243-1.533-.494-3.064-.244-1.506-.49-3.012-.218-1.347-.434-2.694c-.053-.33-.106-.66-.162-.989-.005-.03.008-.078-.036-.088s-.054.038-.072.065q-1.854,2.8-3.707,5.6c-.184.278-.368.555-.55.834a.125.125,0,0,1-.12.066q-.648,0-1.3,0a.119.119,0,0,1-.114-.06Q8.05,12.384,5.912,9.174A.113.113,0,0,0,5.9,9.16c-.024-.026-.032-.081-.081-.066s-.026.06-.031.091q-.219,1.342-.434,2.685-.2,1.235-.4,2.47t-.4,2.47c-.114.709-.23,1.417-.341,2.126-.012.074-.041.089-.113.089q-2.007,0-4.015,0c-.072,0-.1,0-.084-.092.208-1.191.409-2.383.613-3.574q.328-1.921.657-3.841.37-2.157.741-4.313.365-2.127.728-4.253.243-1.422.484-2.845C3.239.028,3.27,0,3.358,0c.459.005.918,0,1.377,0A.153.153,0,0,1,4.883.08q2.98,4.581,5.963,9.16l.038.059c.055.083.077.083.13,0l.417-.639Q14.22,4.379,17.006.1a.189.189,0,0,1,.185-.1c.447,0,.894,0,1.341,0,.094,0,.13.028.144.116.07.43.145.86.218,1.289q.19,1.113.381,2.226l.436,2.544q.2,1.156.4,2.311.209,1.22.419,2.44.274,1.6.548,3.2.306,1.792.611,3.583c.071.415.141.831.216,1.246.012.067,0,.075-.066.075q-1.021,0-2.043,0' transform='translate(0 0.001)' fill='%23f2f2ee'/%3E%3Cpath id='Path_329' data-name='Path 329' d='M1332.856,840.165a2.4,2.4,0,1,1-2.348-2.357,2.359,2.359,0,0,1,2.348,2.357' transform='translate(-1304.472 -823.178)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.pk-page header .pk-menu-item.portal-item .portal-link.microsoft:before {
    mask: url("data:image/svg+xml,%3Csvg id='Component_18_1' data-name='Component 18 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.811' height='24.059' viewBox='0 0 21.811 24.059'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_150' data-name='Rectangle 150' width='21.811' height='24.059' transform='translate(0 0)' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_266' data-name='Group 266' transform='translate(0 -0.001)'%3E%3Cg id='Group_265' data-name='Group 265' transform='translate(0 0.001)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_475' data-name='Path 475' d='M8.491,15.76a4.736,4.736,0,0,1-2.246-4.02V3.96A4.964,4.964,0,0,1,6.8,1.675L2.25,4.45A4.729,4.729,0,0,0,0,8.47v7.075a4.755,4.755,0,0,0,.575,2.25A3.933,3.933,0,0,0,2,19.165a3.836,3.836,0,0,0,3.956-.075l3.976-2.45Zm11.257-2.68-4.184-2.525V11.7a4.736,4.736,0,0,1-2.226,4.01L6.479,19.945a4.806,4.806,0,0,1-2.414.73l4.427,2.7a4.625,4.625,0,0,0,4.828,0l4.5-2.75,1.745-1.065a3.362,3.362,0,0,0,.387-.27c.04-.025.079-.055.114-.08a4.8,4.8,0,0,0,.848-.895l.03-.045a3.729,3.729,0,0,0-1.195-5.195M19.56,4.45,14.817,1.555,13.319.64A4.151,4.151,0,0,0,12.67.315,3.711,3.711,0,0,0,11.922.08,3.829,3.829,0,0,0,9.215.525,3.917,3.917,0,0,0,7.237,3.96v4.8l1.388-.825a4.433,4.433,0,0,1,4.555.015l7.079,4.27a4.726,4.726,0,0,1,1.547,1.51l0-5.26a4.729,4.729,0,0,0-2.25-4.02' transform='translate(0 -0.001)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg id='Component_18_1' data-name='Component 18 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.811' height='24.059' viewBox='0 0 21.811 24.059'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_150' data-name='Rectangle 150' width='21.811' height='24.059' transform='translate(0 0)' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_266' data-name='Group 266' transform='translate(0 -0.001)'%3E%3Cg id='Group_265' data-name='Group 265' transform='translate(0 0.001)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_475' data-name='Path 475' d='M8.491,15.76a4.736,4.736,0,0,1-2.246-4.02V3.96A4.964,4.964,0,0,1,6.8,1.675L2.25,4.45A4.729,4.729,0,0,0,0,8.47v7.075a4.755,4.755,0,0,0,.575,2.25A3.933,3.933,0,0,0,2,19.165a3.836,3.836,0,0,0,3.956-.075l3.976-2.45Zm11.257-2.68-4.184-2.525V11.7a4.736,4.736,0,0,1-2.226,4.01L6.479,19.945a4.806,4.806,0,0,1-2.414.73l4.427,2.7a4.625,4.625,0,0,0,4.828,0l4.5-2.75,1.745-1.065a3.362,3.362,0,0,0,.387-.27c.04-.025.079-.055.114-.08a4.8,4.8,0,0,0,.848-.895l.03-.045a3.729,3.729,0,0,0-1.195-5.195M19.56,4.45,14.817,1.555,13.319.64A4.151,4.151,0,0,0,12.67.315,3.711,3.711,0,0,0,11.922.08,3.829,3.829,0,0,0,9.215.525,3.917,3.917,0,0,0,7.237,3.96v4.8l1.388-.825a4.433,4.433,0,0,1,4.555.015l7.079,4.27a4.726,4.726,0,0,1,1.547,1.51l0-5.26a4.729,4.729,0,0,0-2.25-4.02' transform='translate(0 -0.001)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.pk-page header .pk-menu-item.portal-item .portal-link.zermelo:before {
    mask: url("data:image/svg+xml,%3Csvg id='Component_19_1' data-name='Component 19 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.091' height='21.326' viewBox='0 0 23.091 21.326'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_82' data-name='Rectangle 82' width='23.091' height='21.326' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_78' data-name='Group 78'%3E%3Cg id='Group_77' data-name='Group 77' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_322' data-name='Path 322' d='M66.872,0a14.359,14.359,0,0,1-1.4,7.717.59.59,0,0,0-.044.5,9.644,9.644,0,0,1-.177,6.641.288.288,0,0,1-.321.221q-4.386-.01-8.772,0c-.183,0-.278-.044-.321-.219-.048-.2-.224-.429-.159-.564s.359-.164.555-.234a18.533,18.533,0,0,0,5.291-2.792A11.536,11.536,0,0,0,65.9,4.019a21.464,21.464,0,0,0,.258-3.99L66.872,0' transform='translate(-43.829)' fill='%23f2f2ee'/%3E%3Cpath id='Path_323' data-name='Path 323' d='M.08,49.749a13.309,13.309,0,0,1,1.475-5.106.434.434,0,0,0,.029-.368,9.658,9.658,0,0,1,.126-6.366.28.28,0,0,1,.317-.221q4.081.01,8.162,0c.183,0,.282.04.314.221s.218.4.131.545c-.076.127-.336.155-.516.225a17.355,17.355,0,0,0-5.292,3.073,11.4,11.4,0,0,0-3.661,6.135A13.9,13.9,0,0,0,.8,51.1c0,.169.088.219-.226.217-.192,0-.384-.008-.576-.011' transform='translate(0 -29.996)' fill='%23f2f2ee'/%3E%3Cpath id='Path_324' data-name='Path 324' d='M29.008,6.269a11.29,11.29,0,0,1,5.209,2.577c.066.06.126.126.216.217H19.545a8.443,8.443,0,0,1,.979-.843,10.6,10.6,0,0,1,5.157-2.059,7.293,7.293,0,0,1,.826-.044,14.532,14.532,0,0,1,2.5.152' transform='translate(-15.391 -4.868)' fill='%23f2f2ee'/%3E%3Cpath id='Path_325' data-name='Path 325' d='M63.559,5.91a14.4,14.4,0,0,1-.691,4.366A11.259,11.259,0,0,1,57.8,16.351a19.88,19.88,0,0,1-4.012,1.807c-.163.054-.2,0-.244-.129-.136-.384-.141-.384.261-.521a16.4,16.4,0,0,0,5.254-2.8,10.26,10.26,0,0,0,3.637-6.254,11.543,11.543,0,0,0,.2-2.547Z' transform='translate(-42.096 -4.704)' fill='%23f2f2ee'/%3E%3Cpath id='Path_326' data-name='Path 326' d='M20.619,90.851H35.041a10.752,10.752,0,0,1-14.422,0' transform='translate(-16.236 -72.309)' fill='%23f2f2ee'/%3E%3Cpath id='Path_327' data-name='Path 327' d='M7.848,57A11.85,11.85,0,0,1,9.9,50.493a12.7,12.7,0,0,1,4.754-3.948,21.985,21.985,0,0,1,2.262-.979.2.2,0,0,1,.262.124c.116.385.125.382-.269.531a15.343,15.343,0,0,0-4.868,2.805A10.288,10.288,0,0,0,8.662,55.18a13.584,13.584,0,0,0-.192,2.209c0,.147-.03.192-.2.19H8.147c-.253,0-.312.038-.3-.282,0-.1,0-.2,0-.294' transform='translate(-6.177 -36.256)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg id='Component_19_1' data-name='Component 19 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.091' height='21.326' viewBox='0 0 23.091 21.326'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_82' data-name='Rectangle 82' width='23.091' height='21.326' fill='%23f2f2ee'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_78' data-name='Group 78'%3E%3Cg id='Group_77' data-name='Group 77' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_322' data-name='Path 322' d='M66.872,0a14.359,14.359,0,0,1-1.4,7.717.59.59,0,0,0-.044.5,9.644,9.644,0,0,1-.177,6.641.288.288,0,0,1-.321.221q-4.386-.01-8.772,0c-.183,0-.278-.044-.321-.219-.048-.2-.224-.429-.159-.564s.359-.164.555-.234a18.533,18.533,0,0,0,5.291-2.792A11.536,11.536,0,0,0,65.9,4.019a21.464,21.464,0,0,0,.258-3.99L66.872,0' transform='translate(-43.829)' fill='%23f2f2ee'/%3E%3Cpath id='Path_323' data-name='Path 323' d='M.08,49.749a13.309,13.309,0,0,1,1.475-5.106.434.434,0,0,0,.029-.368,9.658,9.658,0,0,1,.126-6.366.28.28,0,0,1,.317-.221q4.081.01,8.162,0c.183,0,.282.04.314.221s.218.4.131.545c-.076.127-.336.155-.516.225a17.355,17.355,0,0,0-5.292,3.073,11.4,11.4,0,0,0-3.661,6.135A13.9,13.9,0,0,0,.8,51.1c0,.169.088.219-.226.217-.192,0-.384-.008-.576-.011' transform='translate(0 -29.996)' fill='%23f2f2ee'/%3E%3Cpath id='Path_324' data-name='Path 324' d='M29.008,6.269a11.29,11.29,0,0,1,5.209,2.577c.066.06.126.126.216.217H19.545a8.443,8.443,0,0,1,.979-.843,10.6,10.6,0,0,1,5.157-2.059,7.293,7.293,0,0,1,.826-.044,14.532,14.532,0,0,1,2.5.152' transform='translate(-15.391 -4.868)' fill='%23f2f2ee'/%3E%3Cpath id='Path_325' data-name='Path 325' d='M63.559,5.91a14.4,14.4,0,0,1-.691,4.366A11.259,11.259,0,0,1,57.8,16.351a19.88,19.88,0,0,1-4.012,1.807c-.163.054-.2,0-.244-.129-.136-.384-.141-.384.261-.521a16.4,16.4,0,0,0,5.254-2.8,10.26,10.26,0,0,0,3.637-6.254,11.543,11.543,0,0,0,.2-2.547Z' transform='translate(-42.096 -4.704)' fill='%23f2f2ee'/%3E%3Cpath id='Path_326' data-name='Path 326' d='M20.619,90.851H35.041a10.752,10.752,0,0,1-14.422,0' transform='translate(-16.236 -72.309)' fill='%23f2f2ee'/%3E%3Cpath id='Path_327' data-name='Path 327' d='M7.848,57A11.85,11.85,0,0,1,9.9,50.493a12.7,12.7,0,0,1,4.754-3.948,21.985,21.985,0,0,1,2.262-.979.2.2,0,0,1,.262.124c.116.385.125.382-.269.531a15.343,15.343,0,0,0-4.868,2.805A10.288,10.288,0,0,0,8.662,55.18a13.584,13.584,0,0,0-.192,2.209c0,.147-.03.192-.2.19H8.147c-.253,0-.312.038-.3-.282,0-.1,0-.2,0-.294' transform='translate(-6.177 -36.256)' fill='%23f2f2ee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.pk-menu .pk-menu-item.has-submenu .pk-submenu::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 46px;
    top: 0px;
}

.pk-menu .pk-menu-item.has-submenu .pk-submenu {
    top: calc(100% + 20px);
    left: 50%;
    transform: translate(-50%, 0);
    padding: 24px;
    border-radius: 24px;
    background-color: #000;
}

/* .pk-menu .pk-menu-item.has-submenu .pk-submenu .pk-submenu-inner {
    display: flex;
    flex-direction: column;
    gap: .5rem;
} */

.pk-page header .pk-menu .menu-top-icon , .pk-page header .menu-bottom-shape {
    display: none;
}

@media only screen and (min-width: 993px) {
    
    .pk-page header .header-logo {
        display: none;
    }
    
    .pk-page header .pk-menu-item:not(.portal-item) a, .pk-page header .pk-menu-item.portal-item {
        display: block;
        color: var(--sint-white);
        background-color: rgba(242, 242, 238, .15);
        padding: 12px 20px;
        border-radius: 24px;
        height: 44px;
    }
    
    .pk-page header .pk-menu-item:not(.portal-item):hover > a {
        background-color: #407868;
    }
    
    .pk-page header .pk-menu-item:not(.portal-item):hover a, .pk-page header .pk-menu-item:not(.portal-item) a:active, .pk-page header .pk-menu-item.portal-item:hover {
        color: var(--sint-white);
    }
    
}

@media only screen and (max-width: 992px) {
    
    .pk-menu {
        padding: 0px !important;
    }
    
    .pk-menu .back-button-wrapper {
        display: none;
    }
    
    .pk-page header .pk-header-wrapper {
        padding: 24px 20px;
        justify-content: end;
        transition: background-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-image 250ms ease-in-out;
        position: relative;
        background-repeat: no-repeat;
        background-size: 120px;
        background-position: center;
    }
    
    /* alleen voor de homepage (ivm video hero) */
    
    .pk-page header.header-scrolled .pk-header-wrapper .menu-bottom-shape {
        opacity: 1;
    }
    
    .pk-page header.header-scrolled  .pk-header-wrapper::before {
        opacity: 1;
    }
    
    body.home .pk-page header.header-scrolled .pk-header-wrapper {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }
    
    body.home .pk-page header.header-scrolled .pk-header-wrapper {
        background-color: var(--sint-white);
        background-image: url(/wp-content/uploads/2025/12/headerlogo-green.svg);
    }
    
    body.home .pk-page header.header-scrolled .pk-menu .hamburger span {
        background-color: var(--sint-green);
    }
    
    body.home .pk-page header.header-scrolled .pk-header-wrapper .menu-bottom-shape {
        background-image: url('/wp-content/uploads/2025/12/Frame-1171277156.svg');
    }

    
    /* standaard menu op andere pagina's dan home */
    
    body:not(.home) .pk-page header.header-scrolled .pk-header-wrapper {
        background-image: url(/wp-content/uploads/2025/12/headerlogo-white.svg);
    }
    
    body:not(.home) .pk-page header .pk-header-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, var(--sint-green), #006347);
        pointer-events: none;
        opacity: 0;
        transition: opacity 200ms ease-in-out;
        -moz-transition: opacity 200ms ease-in-out;
        -webkit-transition: opacity 200ms ease-in-out;
        z-index: -1;
    }
    
    body:not(.home) .pk-page header.header-scrolled .pk-header-wrapper::before {
        opacity: 1;
    }
    
    body:not(.home) .pk-page header.header-scrolled .pk-header-wrapper .menu-bottom-shape {
        background-image: url('/wp-content/uploads/2025/12/Frame-1171277157.svg');
    }
    
    
    .pk-page header .pk-header-wrapper .menu-bottom-shape {
        content: '';
        position: absolute;
        display: block;
        z-index: 2;
        width: 46px;
        aspect-ratio: 54/13;
        height: auto;
        bottom: 1px;
        left: calc(50% + 36px);
        background-repeat: no-repeat;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(-50%, 100%);
        opacity: 0;
        transition: opacity 200ms ease-in-out;
        -moz-transition: opacity 200ms ease-in-out;
        -webkit-transition: opacity 200ms ease-in-out;
        filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.10));
    }
    
    .pk-page header .pk-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    .pk-page header .pk-menu .menu-top-icon {
        position: relative;
        z-index: 10;
        opacity: 0;
        transition: opacity 250ms ease-in-out;
        transition-delay: 0ms;
        display: block;
    }
    
    .pk-page header .pk-menu:has(.menu.open) .menu-top-icon {
        opacity: 1;
        transition-delay: 250ms;
    }
    
    .pk-page header .pk-menu .menu {
        background: linear-gradient(to bottom, #F2F2EE, #F7B31C);
        gap: 12px;
    }
    
    .pk-page header .pk-menu .hamburger {
        position: relative;
        background: none;
        width: 32px;
        padding: 0px;
        gap: 3px;
        border: none;
    }
    
    .pk-page header .pk-menu .menu .pk-menu-item {
        width: 100%;
    }
    
    .pk-page header .pk-menu .menu > .pk-menu-item, .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item {
        padding: 12px 24px;
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item {
        border-top: 1px solid var(--sint-green);
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item a {
        color: var(--sint-green);
        font-size: 18px;
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item.has-submenu a {
        display: flex;
        align-items: center;
        gap: .4em;
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item.has-submenu > a::after {
        transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transform-origin: center;
        content: '';
        width: 12px;
        height: 7px;
        background-color: currentColor;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.999' height='7.4' viewBox='0 0 11.999 7.4'%3E%3Cpath id='Path_466' data-name='Path 466' d='M10.6,0,6,4.6,1.4,0,0,1.4l6,6,6-6Z' transform='translate(0 0)' fill='%23004b36'/%3E%3C/svg%3E%0A") no-repeat center / contain;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.999' height='7.4' viewBox='0 0 11.999 7.4'%3E%3Cpath id='Path_466' data-name='Path 466' d='M10.6,0,6,4.6,1.4,0,0,1.4l6,6,6-6Z' transform='translate(0 0)' fill='%23004b36'/%3E%3C/svg%3E%0A") no-repeat center / contain;
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item.has-submenu:has(.pk-submenu.menu-open) > a::after {
        transform: rotate(180deg);
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item.has-submenu .pk-submenu-wrapper li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0,75,54, 25%);
        padding-block: 8px;
    }
    
    .pk-page header .pk-menu .menu .menu-items-wrapper > .pk-menu-item.has-submenu .pk-submenu-wrapper li a {
        font-size: 16px;
    }
    
    .pk-page header .menu .menu-items-wrapper {
        width: 100%;
        flex-direction: column;
        gap: 0px;
        overflow-y: scroll;
    }
    
    /* .pk-page header .pk-menu .hamburger:before {
        content: 'Open';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(calc(-100% - 10px), -50%);
        right: unset;
        width: 40px;
        height: auto;
        font-size: 16px;
        color: white;
    }
    
    .pk-page header .pk-menu:has(.menu.open) .hamburger:before {
        content: 'Sluiten';
    } */
    
    .pk-page header .pk-menu .hamburger span {
        background-color: white;
        transition: 
        transition: rotate 250ms 
        ease-out var(--delay), scale 250ms 
        ease-in-out var(--delay-out), transform 250ms 
        ease-out var(--delay), translate 250ms 
        ease-in-out var(--delay-out),
        background-color 250ms ease-in-out;
    }
    
    .pk-page header .pk-menu:has(.menu.open) .hamburger span {
        background-color: var(--sint-green);
    }
    
    .pk-page header .pk-menu .hamburger span:nth-child(2) {
        opacity: 0;
    }
    
    .pk-menu .pk-menu-item.has-submenu .pk-submenu {
        position: static !important;
        transform: unset !important;
        background-color: unset !important;
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
        padding: 0px;
        display: grid;
        grid-template-rows: 0fr;
        transition: all 0.3s ease-in-out; 
        -moz-transition: all 0.3s ease-in-out; 
        -webkit-transition: all 0.3s ease-in-out;
    }
    
    .pk-menu .pk-menu-item.has-submenu .pk-submenu.menu-open {
        grid-template-rows: 1fr;
    }
    
    .pk-menu .pk-menu-item.has-submenu .pk-submenu .pk-submenu-wrapper {        
        overflow: hidden;
        transition: padding 0.3s ease-in-out; 
        -moz-transition: padding 0.3s ease-in-out; 
        -webkit-transition: padding 0.3s ease-in-out;
        padding: 0px;
    }
    
    .pk-menu .pk-menu-item.has-submenu .pk-submenu.menu-open .pk-submenu-wrapper {
        padding: 8px 0px;
    }
    
    .pk-page header .pk-menu-item.portal-item {
        margin-top: auto;
        justify-content: center;
        gap: 12px;
    }
    
    .pk-page header .pk-menu-item.portal-item .portal-link {
        aspect-ratio: 1 !important;
        width: 53px !important;
        max-height: unset !important;
        background-color: var(--sint-green);
        padding: 8px;
        border-radius: 8px;
    }
    
    .pk-page header .pk-menu-item.portal-item .portal-link:before {
        width: 65%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
}