/*
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 {
  --volant-white: #FFFFFF;
  --volant-black: #000000;
}

p a:not(.pk-button) {
    color: inherit;
}

.pk-page{
  overflow: clip;
}

.highlight-subtitle {
  color: var(--pk-color-primary);
  font-size: clamp(1.2rem, 1.84vw, 1.5rem);
  font-weight: 700;
}

/* SPEED OPTIMIZATIONS */
/* Layout Shift Prevention - CLS Optimization */
img {
  max-width: 100%;
  height: auto;
  /* Preserve aspect ratio to prevent layout shifts */
  aspect-ratio: attr(width) / attr(height);
}

img[width][height] {
  /* Browser calculates aspect-ratio from width/height attributes */
  aspect-ratio: auto;
}

/* Ensure hero images maintain aspect ratio */
.hero-bg {
  width: 100%;
  height: auto;
  object-fit: cover;
}

header {
  background-color: var(--volant-white) !important;
  border-bottom: 1px solid #F0F0F0;
}

/* HEADER */
.pk-topbar-text {
  background-color: var(--pk-color-primary);
  padding-inline: var(--pk-site-gutter);
}

.pk-topbar-text__inner {
  max-width: var(--pk-container-width);
  margin: 0 auto;
  padding-block: 0.5rem;
  text-align: center;
  font-size: 0.87em;
  color: var(--volant-white);
}

.pk-topbar-text__inner a {
  color: inherit;
  text-decoration: underline;
}

.pk-topmenu {
  background-color: var(--pk-color-secondary);
  padding-inline: var(--pk-site-gutter);
  color: var(--volant-white);
}

.pk-topmenu-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-block: 0.50rem;
  max-width: var(--pk-container-width);
  margin: 0 auto;
}

.pk-topmenu-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pk-topmenu-menu .tel-button, .pk-topmenu-menu .mail-button {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.pk-topmenu-menu .tel-button::before, .pk-topmenu-menu .mail-button::before {
  content: '';
  width: 1em;
  height: 1em;
  background-color: var(--pk-color-primary);
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6608 8.80679L9.98616 7.13215C9.38807 6.53407 8.37133 6.77333 8.1321 7.55081C7.95267 8.08911 7.35459 8.38815 6.81631 8.26852C5.62014 7.96947 4.00531 6.41445 3.70627 5.15848C3.52685 4.62018 3.8857 4.02209 4.42397 3.84269C5.20148 3.60346 5.44072 2.58671 4.84263 1.98863L3.168 0.313994C2.68953 -0.104665 1.97183 -0.104665 1.55317 0.313994L0.416809 1.45035C-0.719551 2.64652 0.536426 5.81637 3.34742 8.62737C6.15842 11.4384 9.32826 12.7542 10.5244 11.558L11.6608 10.4216C12.0795 9.94315 12.0795 9.22545 11.6608 8.80679Z' fill='%23B7CE23'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6608 8.80679L9.98616 7.13215C9.38807 6.53407 8.37133 6.77333 8.1321 7.55081C7.95267 8.08911 7.35459 8.38815 6.81631 8.26852C5.62014 7.96947 4.00531 6.41445 3.70627 5.15848C3.52685 4.62018 3.8857 4.02209 4.42397 3.84269C5.20148 3.60346 5.44072 2.58671 4.84263 1.98863L3.168 0.313994C2.68953 -0.104665 1.97183 -0.104665 1.55317 0.313994L0.416809 1.45035C-0.719551 2.64652 0.536426 5.81637 3.34742 8.62737C6.15842 11.4384 9.32826 12.7542 10.5244 11.558L11.6608 10.4216C12.0795 9.94315 12.0795 9.22545 11.6608 8.80679Z' fill='%23B7CE23'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  transform: translateY(-2px);  
}

.pk-topmenu-menu .mail-button:before {
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_952)'%3E%3Cpath d='M13.8767 2.78125L9.63077 6.99982L13.8767 11.2184C13.9534 11.058 14 10.8806 14 10.6912V3.30841C14 3.119 13.9534 2.94168 13.8767 2.78125Z' fill='%23B7CE23'/%3E%3Cpath d='M12.7695 2.07812H1.23047C1.04106 2.07812 0.863734 2.12469 0.703308 2.20145L6.13003 7.60082C6.60986 8.08065 7.39014 8.08065 7.86997 7.60082L13.2967 2.20145C13.1363 2.12469 12.9589 2.07812 12.7695 2.07812Z' fill='%23B7CE23'/%3E%3Cpath d='M0.12332 2.78125C0.0465664 2.94168 0 3.119 0 3.30841V10.6912C0 10.8806 0.0465664 11.058 0.12332 11.2184L4.36923 6.99982L0.12332 2.78125Z' fill='%23B7CE23'/%3E%3Cpath d='M9.05078 7.58008L8.44996 8.1809C7.65045 8.98041 6.34952 8.98041 5.55001 8.1809L4.94922 7.58008L0.703308 11.7986C0.863734 11.8754 1.04106 11.922 1.23047 11.922H12.7695C12.9589 11.922 13.1363 11.8754 13.2967 11.7986L9.05078 7.58008Z' fill='%23B7CE23'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_952'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_952)'%3E%3Cpath d='M13.8767 2.78125L9.63077 6.99982L13.8767 11.2184C13.9534 11.058 14 10.8806 14 10.6912V3.30841C14 3.119 13.9534 2.94168 13.8767 2.78125Z' fill='%23B7CE23'/%3E%3Cpath d='M12.7695 2.07812H1.23047C1.04106 2.07812 0.863734 2.12469 0.703308 2.20145L6.13003 7.60082C6.60986 8.08065 7.39014 8.08065 7.86997 7.60082L13.2967 2.20145C13.1363 2.12469 12.9589 2.07812 12.7695 2.07812Z' fill='%23B7CE23'/%3E%3Cpath d='M0.12332 2.78125C0.0465664 2.94168 0 3.119 0 3.30841V10.6912C0 10.8806 0.0465664 11.058 0.12332 11.2184L4.36923 6.99982L0.12332 2.78125Z' fill='%23B7CE23'/%3E%3Cpath d='M9.05078 7.58008L8.44996 8.1809C7.65045 8.98041 6.34952 8.98041 5.55001 8.1809L4.94922 7.58008L0.703308 11.7986C0.863734 11.8754 1.04106 11.922 1.23047 11.922H12.7695C12.9589 11.922 13.1363 11.8754 13.2967 11.7986L9.05078 7.58008Z' fill='%23B7CE23'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_952'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.pk-topmenu-menu .menu-button a {
  display: block;
  background-color: var(--pk-color-primary);
  padding: .1rem .6rem .1rem .6rem;
  border-radius: var(--pk-button-radius, 5px);
}

.pk-topmenu-menu .menu-button a:hover {

}

.pk-topmenu-menu a {
  text-decoration: none;
  color: var(--volant-white);
  transition: color 0.3s ease;
  font-size: 0.87em;
  font-weight: 700;
}

.pk-topmenu-menu a:hover {
  color: var(--volant-white);
}

.pk-header{
  padding-inline: var(--pk-site-gutter);
  background-color: var(--volant-white);
}

.pk-menu .pk-submenu .back-button-wrapper .back{
  font-size: 0px !important;
}

.pk-menu .pk-submenu .back-button-wrapper .back::after{
  content: 'terug';
  font-size: 1rem !important;
}

body header > .pk-header-wrapper {
  /* max-width: calc(var(--pk-container-width) + var(--pk-site-gutter) * 2); */
  /* padding-inline: var(--pk-site-gutter); */
  padding-inline: 0px;
  max-width: var(--pk-container-width);
  margin: 0 auto;
  padding-block: 1rem;
  transition: padding-block 0.3s ease;
}

body header.header-scrolled > .pk-header-wrapper {
  padding-block: .5rem;
}

.pk-menu .menu .submenu-toggle {
  border: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: transparent; background-position: center; background-size: contain; background-repeat: no-repeat;
  height: 1em;
}

.pk-menu ul.menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.pk-menu ul.menu > li {
  list-style: none;
}

.pk-menu ul.menu > li.mobile-button {
  display: none;
}

.pk-menu ul.menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background-color: var(--pk-color-secondary);
  color: #ffffff;
  border-radius: var(--pk-button-radius, 5px);
  text-decoration: none;
  font-weight: 400;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.pk-menu ul.menu > li > a::after {
  content: '';
  width: .7em;
  height: .7em;
  display: inline-block;
  background-color: var(--pk-color-tertiary);
  mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  -webkit-mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: .3s ease-in-out transform;
}

.pk-menu ul.menu > li > a:hover,
.pk-menu ul.menu > li > a:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.pk-menu ul.menu > li > a:hover::after,
.pk-menu ul.menu > li > a:focus-visible::after {
  transform: translateX(2px);
}

/* Submenu layout: label row + max 4 columns grid */
.pk-menu ul.menu:not(.open) .pk-submenu {
  background: #ffffff;
  padding: 0;
  margin-top: 0.5rem;
  padding: 2rem 2rem;
  max-width: 920px;
  width: max-content;
  border: 1px solid rgba(0, 0, 0, 0.22);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  --pk-submenu-indicator-left: 40px;
  --pk-submenu-indicator-width: 100px;
  transform: translateX(var(--pk-submenu-shift, 0));
  transition: transform 0.2s ease;
  will-change: transform;
}

.pk-menu ul.menu:not(.open) .pk-submenu::before {
  content: '';
  position: absolute;
  top: 0px;
  left: var(--pk-submenu-indicator-left, 40px);
  width: var(--pk-submenu-indicator-width, 100px);
  height: 5px;
  background-color: var(--pk-color-primary);
  z-index: 3;
  transform: translate(0%, 0%);
}

.pk-menu ul.menu:not(.open) .pk-submenu::after{
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: transparent;
  z-index: 3;
  transform: translate(0%, 0%);
}

body .pk-menu .pk-submenu-wrapper {
  list-style: none;
  margin: 0;
  padding: 0 1rem;
  display: grid;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 0.25rem;
  align-items: start;
}

/* Label row (back-button wrapper) */
.pk-menu .pk-submenu .back-button-wrapper {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  list-style: none;
  margin-bottom: 0.3rem;
}

.pk-menu ul.menu:not(.open) .pk-submenu .back-button-wrapper .back {
  display: none;
}

.pk-menu .pk-submenu .back-button-wrapper > a {
  font-weight: 700;
  font-size: 1.25em;
  text-decoration: none;
  pointer-events: none;
  color: var(--pk-color-secondary);
}

/* Submenu items */
.pk-menu .pk-submenu .pk-menu-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pk-menu .pk-submenu .pk-menu-item a, .pk-menu .pk-submenu .back-button-wrapper .back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  padding: 0.1rem 0;
  box-shadow: none;
  font-weight: 500;
  font-size: 1.1rem;
  transition: color 0.2s ease, transform 0.2s ease;
  color: var(--pk-text-color);
  text-decoration: none;
}

.pk-menu .pk-submenu .pk-menu-item a:hover {
  color: var(--pk-color-secondary);
  filter: none !important;
  transform: translateX(3px) !important;
  box-shadow: none !important;
}

.pk-menu .pk-submenu .pk-menu-item a::after {
  content: none !important;
}

.pk-menu .pk-submenu .pk-menu-item a::before {
  content: '';
  flex-shrink: 0;
  width: .7em;
  height: .7em;
  background-color: var(--pk-color-primary);
  mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  -webkit-mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
}

/* BREADCRUMBS */

.breadcrumb a {
  color: var(--pk-text-color);
}

.breadcrumb li::after, .breadcrumb .active span {
  color: #D9D9D9;
}

/* BUTTONS */
.pk-button {
  background-color: var(--pk-color-secondary);
  padding: 1.1em 1.3em;
  border-radius: var(--pk-button-radius, 100px);
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.site-2 .pk-button,
.site-3 .pk-button {
  flex-direction: row-reverse;
}

.pk-button:not(.back-link)::after {
  content: '';
  width: 0.8em;
  height: 0.8em;
  background-color: var(--pk-color-primary);
  mask-image: var(--pk-button-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  -webkit-mask-image: var(--pk-button-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: transform 0.3s ease;
}

.pk-button:not(.back-link):hover::after, .pk-button:not(.back-link):focus-visible::after, .pk-button:not(.back-link):active::after {  
  transform: translateX(2px);
}

.pk-button.back-link {
    background-color: var(--pk-color-primary);
    transition: background-color 0.3s ease;
}

.pk-button.back-link:hover, .pk-button.back-link:focus-visible, .pk-button.back-link:active {
    background-color: var(--pk-color-primary);
}

.pk-button.back-link::before {
  content: '';
  width: 1em;
  height: 1em;
  background-color: var(--volant-white);
  mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.75 9.75L0.75 9.75M0.75 9.75L9.72222 0.75M0.75 9.75L9.72222 18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.75 9.75L0.75 9.75M0.75 9.75L9.72222 0.75M0.75 9.75L9.72222 18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: transform 0.3s ease;
}

.pk-button.back-link:hover::before, .pk-button.back-link:focus-visible::before, .pk-button.back-link:active::before {  
  transform: translateX(-2px);
}

.pk-button:not(.back-link):hover{
  background-color: #333;
}

.pk-button:not(.back-link):active{
  background-color: #222222;
}

.pk-button span{
  color: var(--volant-white);
}

input.gform-button{
    background-color: var(--pk-color-secondary) !important;
}

.transparent .pk-button{
  background-color: transparent;
  padding-inline: 0px;
  color: var(--pk-color-secondary)
}

.transparent .pk-button span{
  color: var(--pk-color-secondary);
}

.transparent .pk-button::after{
  background-color: var(--pk-color-secondary);
}

.arrow_left .pk-button {
  flex-direction: row-reverse;
}

button{
  font-family: var(--pk-text-font-family);
}

/* DEFAULTS PAGE-CONTENT */
.pk-page-content h1, .pk-page-content h2, .pk-page-content h3, .pk-page-content h4, .pk-page-content h5, .pk-page-content h6 {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
.pk-page-content p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.pk-page-content ul, .pk-page-content ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.1rem;
}
.pk-page-content li {
  margin-bottom: 0.5rem;
}
.pk-page-content img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pk-page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
.pk-page-content th, .pk-page-content td {
  padding: 0.75rem 1rem;
  border: 1px solid #e0e0e0;
  text-align: left;
}
.pk-page-content blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
}
.pk-page-content hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 2rem 0;
}

.sidebar{
  padding: var(--pk-row-spacing);
  border-radius: var(--pk-button-radius) ;
}
.gallery-item,
.image{
  border-radius: var(--pk-button-radius);
  overflow: hidden;
}

.text-twenty p {
  font-size: 20px;
}

/* OPTIONAL, NO MARGIN 1 PARAGRAPH */
/* p:only-child,
p:last-child {
    margin: 0;
} */

/* OPTIONAL, NO MARGIN TOP EXEPT FIRST ROW */
/* .flex-content > .flex-layout:not(:first-child) > .pk-row {
	padding-top: 0;
} */

/* DIALOG */
body dialog {
  border-radius: 10px;
}
body dialog h3 {
  margin-bottom: 1rem;
}

body .pk-page dialog > button{
  border-radius: 100px;
  right: 1rem;
  top: 1rem;
  background-color: var(--pk-color-primary);
  color: white;
}

/* FORMULIER (GLOBAL) */
.formulier-layout .gform_fields,
.contact-layout .gform_fields{
  grid-row-gap: 20px !important;
  row-gap: 20px !important;
}

.formulier-layout .gform_title,
.contact-layout .gform_title {
  font-size: var(--heading-5);
}

.formulier-layout .gform_required_legend,
.contact-layout .gform_required_legend {
  font-size: 16px;
  font-style: italic;
  margin: 1rem 0;
}

.formulier-layout .gfield,
.contact-layout .gfield {
  position: relative;
}

.formulier-layout .gform_body .ginput_container:not(.ginput_container_consent) select,
.contact-layout .gform_body .ginput_container:not(.ginput_container_consent) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.36196 6.61999L11.672 1.04699C11.7606 0.953997 11.8101 0.830455 11.8101 0.701985C11.8101 0.573514 11.7606 0.449974 11.672 0.356986L11.666 0.350985C11.623 0.30575 11.5713 0.26973 11.5139 0.245117C11.4566 0.220503 11.3949 0.20781 11.3325 0.20781C11.2701 0.20781 11.2083 0.220503 11.151 0.245117C11.0937 0.26973 11.0419 0.30575 10.999 0.350985L5.99896 5.59899L1.00096 0.350985C0.95799 0.30575 0.906263 0.26973 0.84893 0.245117C0.791597 0.220503 0.729857 0.20781 0.667463 0.20781C0.60507 0.20781 0.543329 0.220503 0.485996 0.245117C0.428663 0.26973 0.376937 0.30575 0.333963 0.350985L0.327963 0.356986C0.239318 0.449974 0.189867 0.573514 0.189867 0.701985C0.189867 0.830455 0.239318 0.953997 0.327963 1.04699L5.63796 6.61999C5.68466 6.669 5.74082 6.70802 5.80305 6.73468C5.86528 6.76134 5.93227 6.77509 5.99996 6.77509C6.06766 6.77509 6.13465 6.76134 6.19688 6.73468C6.2591 6.70802 6.31527 6.669 6.36196 6.61999Z' fill='%236D6F71'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 16px) center;
  background-size: 15px;
  background-repeat: no-repeat;
  padding-right: 40px !important;
  background-color: #fcfcfc;
}

.formulier-layout .gform_body .ginput_complex > span,
.contact-layout .gform_body .ginput_complex > span {
  position: relative;
}

.formulier-layout .gform_body .ginput_container:not(.ginput_container_consent) input:not([type="checkbox"]):not([type="radio"]),
.formulier-layout .gform_body .ginput_container:not(.ginput_container_consent) textarea,
.formulier-layout .gform_body .ginput_container:not(.ginput_container_consent) select,
.formulier-layout .gform_body textarea,
.contact-layout .gform_body .ginput_container:not(.ginput_container_consent) input:not([type="checkbox"]):not([type="radio"]),
.contact-layout .gform_body .ginput_container:not(.ginput_container_consent) textarea,
.contact-layout .gform_body .ginput_container:not(.ginput_container_consent) select,
.contact-layout .gform_body textarea {
  min-height: 50px;
  border: 1px solid #a6a6a6;
  width: 100%;
  border-radius: var(--pk-button-radius);
  padding-inline: 1rem;
  padding-block: 1.7rem;
  background-color: #fff;
  min-width: 100%;
}

.formulier-layout .gfield.is-focused .ginput_container:not(.ginput_container_consent) input:not([type="checkbox"]):not([type="radio"]),
.formulier-layout .gfield.is-focused .ginput_container:not(.ginput_container_consent) select,
.formulier-layout .gfield.is-focused textarea,
.contact-layout .gfield.is-focused .ginput_container:not(.ginput_container_consent) input:not([type="checkbox"]):not([type="radio"]),
.contact-layout .gfield.is-focused .ginput_container:not(.ginput_container_consent) select,
.contact-layout .gfield.is-focused textarea {
  border: 1px solid #003a51;
}

.formulier-layout .gform_body input:focus,
.formulier-layout .gform_body textarea:focus,
.contact-layout .gform_body input:focus,
.contact-layout .gform_body textarea:focus {
  border: 1px solid var(--circuit-blue);
}

.formulier-layout .gform_body label,
.contact-layout .gform_body label {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  left: 1rem;
  top: 1rem;
  transition: all 0.3s;
}

.formulier-layout .gform_body input[type="checkbox"] + label,
.formulier-layout .gform_body input[type="radio"] + label,
.contact-layout .gform_body input[type="checkbox"] + label,
.contact-layout .gform_body input[type="radio"] + label{
  top: 0px;
}

.formulier-layout .gform-theme--foundation #field_submit,
.formulier-layout .gform_wrapper.gravity-theme #field_submit,
.formulier-layout .gform_wrapper.gravity-theme .gform_footer,
.contact-layout .gform-theme--foundation #field_submit,
.contact-layout .gform_wrapper.gravity-theme #field_submit,
.contact-layout .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-end;
}

.formulier-layout .ginput_container.ginput_container_consent label a,
.contact-layout .ginput_container.ginput_container_consent label a {
  text-decoration: underline !important;
}

.formulier-layout .gform_footer,
.contact-layout .gform_footer {
  padding: 0;
  margin: 0;
}

.formulier-layout .gfield.is-focused > label,
.formulier-layout .gfield--input-type-select > label,
.formulier-layout .gfield.is-filled > label,
.contact-layout .gfield.is-focused > label,
.contact-layout .gfield--input-type-select > label,
.contact-layout .gfield.is-filled > label {
  color: var(--circuit-blue);
  background: linear-gradient(var(--pseudu-color, #fff) 53%, #fcfcfc 50%);
  top: 0;
  translate: 0% -50%;
  font-size: 14px;
  padding-inline: 4px;
}

.formulier-layout .ginput_complex > span > label,
.contact-layout .ginput_complex > span > label {
  padding-top: 0;
}

.formulier-layout .ginput_complex > span.is-focused > label,
.formulier-layout .ginput_complex > span.is-filled > label,
.contact-layout .ginput_complex > span.is-focused > label,
.contact-layout .ginput_complex > span.is-filled > label {
  color: var(--circuit-blue);
  top: -10px;
  font-size: 14px;
  background: #fcfcfc;
  padding: 0 4px;
  position: absolute;
  left: 1rem;
}

.formulier-layout .gform_body .gfield_required,
.contact-layout .gform_body .gfield_required {
  color: #000000;
}

@media screen and (max-width: 767px) {
  .formulier-layout .gform_wrapper.gravity-theme #field_submit input,
  .formulier-layout .gform_wrapper.gravity-theme .gform_footer input,
  .contact-layout .gform_wrapper.gravity-theme #field_submit input,
  .contact-layout .gform_wrapper.gravity-theme .gform_footer input {
    width: 100%;
    min-height: unset;
    border: 0;
    padding: 0.75rem 1rem;
    transition: all 0.3s;
  }
}

/* FAQ STYLES */
.faq-items {
	display: flex; flex-direction: column; gap: 1rem;
}
.faq-item {
  border-radius: var(--pk-button-radius);
}
.faq-item .faq-title {
  width: 100%;
	cursor: pointer;
	display: flex; align-items: center; justify-content: space-between;
	padding: 1rem 1.5rem; margin: 0; gap: 1rem;
  font-size: var(--pk-text-desktop-font-size);
  outline: unset;
  border: 1px solid #F0F0F0;
  border-radius: 5px;
  background-color: transparent;
  color: var(--pk-text-color);
}
.faq-item .faq-title .open-icon,
.faq-item .faq-title .close-icon {
	flex-shrink: 0;
}
.faq-item:not(.active) .close-icon {
	display: none;
}
.faq-item.active .open-icon {
	display: none;
}
.faq-item .faq-content {
	display: grid; grid-template-rows: 0fr; padding-inline: 1.5rem;
	overflow: hidden; transition: all 0.3s ease-in-out;
}
.faq-item.active .faq-content {
	padding-block: 1rem;
	grid-template-rows: 1fr;
}
.faq-item .faq-inner {
	overflow: hidden;
}


/* FOOTER */

.pk-footer {
  padding-inline: 0px;
}

footer {
  background-color: var(--sc-black-secondary);
  padding-inline: var(--pk-site-gutter);
}

footer .ctabar-row {
  background-color: var(--pk-color-primary);
  padding-inline: var(--pk-site-gutter);
  max-width: unset;
}

footer .ctabar-row > .pk-row-content {
  margin-inline: auto;
}

footer .ctabar-row .footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

footer .ctabar-row .footer-top .title {
  font-size: clamp(24px, 2.45vw, 32px);
  font-weight: 700;
  color: var(--volant-white)
}

footer .ctabar-row .footer-top .pk-button-group {
  gap: 32px;
}

footer .main-row {
  background-color: var(--pk-color-secondary);
  padding-inline: var(--pk-site-gutter);
  max-width: unset;
}

footer .main-row > .pk-row-content {
  margin-inline: auto;
}

footer .footer-main * {
  color: var(--volant-white);
}

footer .footer-main .info-col, footer .footer-main .info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

footer .footer-main .footer-logo {
  display: block;
  width: 100%;
  max-width: 230px;
}

footer .footer-main .footer-logo img {
  width: 100%;
}

footer .footer-main .footer-socials {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

footer .footer-main .footer-socials .section-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--volant-white);
}

footer .footer-main .footer-socials .social-links {
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: 16px;
}

footer .footer-main .footer-socials .social-links a {
    position: relative;;
    width: fit-content;
    display: block;
    height: auto;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 8px;
    background-color: var(--volant-white);
    transition: opacity 0.2s ease-in-out;
}

footer .footer-main .footer-socials .social-links a .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--volant-black);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

footer .footer-main .social-links a:hover {
    opacity: .8;
}

footer .footer-menu-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

footer .footer-menu-wrapper .menu-links-title {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 700;
}

footer .footer-menu-wrapper .menu-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

footer .footer-menu-wrapper .menu-links a {
  text-decoration: none;
}

footer .footer-menu-wrapper .menu-links a:hover {
  text-decoration: underline;
}


footer .footer-main > .pk-row-content {
  row-gap: 60px;
}

footer .footer-main {
  padding-bottom: 40px;
}

footer .footer-bottom {
  padding-top: 40px;
  border-top: 1px solid rgba(0,0,0, .4);
}

footer .bottom-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .bottom-footer-content .main-site-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
}

footer .bottom-footer-content .main-site-wrapper .main-site-logo {
  margin-top: 20px;
  display: block;
  width: 100%;
  max-width: 200px;
}

footer .bottom-footer-content .main-site-wrapper .main-site-logo img {
  width: 100%;
}

footer .bottom-footer-content * {
  font-size: 12px;
  text-decoration: none;
  color: var(--volant-white);
  margin: 0;
  transition: color .2s ease-in-out;
}

footer .bottom-footer-content .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

footer .bottom-footer-content .footer-links a:hover {
  text-decoration: underline;
}


.flex-layout.contentbanner-layout + .flex-layout.contentbanner-layout > .pk-row{
  padding-top: 0px;
}


/* MU SPECIFIC */

.site-2 .pk-button:not(.back-link)::after,
.site-2 .pk-topmenu-menu .menu-button a,
.site-2 .pk-topmenu-menu .tel-button::before, .site-2 .pk-topmenu-menu .mail-button::before,
.site-2 .pk-menu ul.menu:not(.open) .pk-submenu::before,
.site-2 .pk-menu .pk-submenu .pk-menu-item a::before,
.site-2 .pk-menu ul.menu > li > a::after{
  background-color: #23B9D6;
}

.site-3 .pk-button:not(.back-link)::after,
.site-3 .pk-topmenu-menu .menu-button a,
.site-3 .pk-topmenu-menu .tel-button::before, .site-3 .pk-topmenu-menu .mail-button::before,
.site-3 .pk-menu ul.menu:not(.open) .pk-submenu::before,
.site-3 .pk-menu .pk-submenu .pk-menu-item a::before,
.site-3 .pk-menu ul.menu > li > a::after{
  background-color: var(--pk-color-primary)
}

@media screen and (min-width: 768px) {
  #style_back{
    position: relative;
    z-index: 1;
  }
  #style_back::after{
    content: '';
    height: 150%;
    width: 400px;
    background-image: url("data:image/svg+xml,%3Csvg width='446' height='998' viewBox='0 0 446 998' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='550.616' width='668.379' height='668.379' transform='rotate(-45 0 550.616)' fill='%23203668'/%3E%3Crect x='314' y='131.635' width='186.16' height='186.16' transform='rotate(-45 314 131.635)' fill='%23F5D191'/%3E%3C/svg%3E%0A");
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: calc(-1 * var(--pk-site-gutter));
    top: -25%;
    z-index: -1;
  }
}

  #style_full_back{
    position: relative;
    z-index: 1;
  }
  #style_full_back::after{
    content: '';
    height: 100%;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='1512' height='984' viewBox='0 0 1512 984' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='1512' height='984' fill='url(%23pattern0_1_191)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_1_191' patternUnits='userSpaceOnUse' patternTransform='matrix(4547.16 0 0 2356.2 0 0)' preserveAspectRatio='none' viewBox='0 0 1486 770' width='1' height='1'%3E%3Cg id='pattern0_1_191_inner'%3E%3Cg clip-path='url(%23clip0_1_191)'%3E%3Cpath d='M540.418 316.993L393.191 169.716L281.438 281.491L0 0V316.993V631.499V770H1486V316.993H540.418Z' fill='%23F5D191'/%3E%3C/g%3E%3C/g%3E%3C/pattern%3E%3CclipPath id='clip0_1_191'%3E%3Crect width='1486' height='770' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");    position: absolute;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: -1;
  }

  .pk-menu ul.menu > li.menu-button > a{
    background-color: var(--pk-color-primary);
  }

  .site-2 .pk-menu ul.menu > li.menu-button > a{
    background-color: #23B9D6;
  }

  .pk-menu ul.menu > li.menu-button > a::after{
    content: none;
  }

  .pk-topmenu ul.pk-topmenu-menu > li.menu-button.white > a{
    background-color: #ffffff;
    color: var(--pk-color-secondary);
  }

  .flex_detail-layout .flex-detail-content .flex-layout.team_highlighted-layout + .flex-layout.content_links-layout >  .pk-row{
    padding-top: 0px;
  }


/* ====================
   MEDIA QUERIES
   ==================== */


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

  header .header-logo img {
      max-width: 200px !important;
  }

}

@media screen and (max-width: 1200px) {
  header .header-logo img {
      max-width: 120px !important;
  }

  .pk-menu ul.menu > li > a {
    padding: 0.5rem 1rem;
    font-size: 14px;
  }

}

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

  .pk-menu ul.menu {
    flex-wrap: unset;
    align-items: start;
    margin-top: var(--pk-header-height);
    height: calc(100svh - var(--pk-header-height));
  }

  .pk-menu ul.menu, .pk-menu .pk-submenu {
    padding: 40px 20px !important;
    background-color: var(--pk-color-primary) !important;
  }

  .pk-menu ul.menu li, .pk-menu ul.menu > li > a {
    width: 100%;
  }

  .pk-menu ul.menu > li > a {
    justify-content: space-between;
  }

  .pk-menu ul.menu > li > a, .pk-menu .pk-submenu .back-button-wrapper .back {
    font-size: 16px;
  }

  header .header-logo img {
      height: 60px !important;
      max-width: 160px !important;
  }


  .pk-menu .pk-submenu.open{
    overflow: hidden;
  }

  body .pk-menu .pk-submenu-wrapper {
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
    grid-auto-columns: unset !important;
    column-gap: 0;
  }

  body .pk-menu .pk-submenu-wrapper:has(.pk-menu-item:nth-child(6)) {
    gap: 0rem;
    overflow-y: auto;
    padding: 0px;
  }

  .pk-page header .pk-menu .hamburger {
    position: relative;
    background: none;
    width: 32px;
    padding: 4px;
    border: none;
  }
  
  .pk-page header .pk-menu .hamburger span {
      background-color: var(--pk-color-secondary) !important;
  }

  .pk-menu .pk-submenu .back-button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }

  .pk-menu .pk-submenu .pk-menu-item a::before {
    height: 13px;
    width: 13px;
    background-color: var(--pk-color-secondary);
  }

  .pk-menu .pk-submenu .back-button-wrapper .back {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 16px;
    background-color: var(--pk-color-secondary);
    color: #ffffff;
    border-radius: var(--pk-button-radius, 5px);
    text-decoration: none;
    font-weight: 400;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    border: none;
    outline: none;
  }

  .pk-menu .pk-submenu .back-button-wrapper .back::before {
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: var(--pk-color-primary);
    mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
    -webkit-mask-image: var(--pk-header-menu-icon, url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.641541 6.09452H12.2317H0.641541ZM12.2317 6.09452L6.75855 0.641602L12.2317 6.09452ZM12.2317 6.09452L6.75855 11.5474L12.2317 6.09452Z' fill='%23000'/%3E%3Cpath d='M0.641541 6.09452H12.2317M12.2317 6.09452L6.75855 0.641602M12.2317 6.09452L6.75855 11.5474' stroke='%23000' stroke-width='1.28304' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    transform: rotate(180deg);
  }

  .pk-menu .pk-submenu .pk-menu-item {
    padding: .5rem 0;
  }

  .pk-menu .pk-submenu .pk-menu-item:first-child {
    padding-top: 0;
  }

  .pk-menu .pk-submenu .pk-menu-item:last-child {
    padding-top: 0;
  }

  .pk-menu ul.menu > li.mobile-button {
    display: block;
  }

  .text-twenty p {
    font-size: 18px;
  }

  footer .ctabar-row .footer-top {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }

  footer .ctabar-row .footer-top .pk-button-group {
    gap: 16px;
  }

  footer .bottom-footer-content {
    flex-direction: column;
    align-items: start;
    gap: 32px;
  }

}

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

  body .pk-menu .pk-submenu-wrapper {
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
    grid-auto-columns: unset !important;
    padding-bottom: 170px !important;
  }

  .pk-page .pk-row {
    padding-block: 40px;
  }

  .pk-page-content h1, .pk-page-content h2, .pk-page-content h3, .pk-page-content h4, .pk-page-content h5, .pk-page-content h6 {
    margin-top: 0rem;
    margin-bottom: 0.6rem;
  }

  .pk-page-content ul, .pk-page-content ol {
    padding-left: 1.1rem;
  }

  .text-twenty p {
    font-size: 16px;
  }

	.faq-item .faq-title {
		padding: 1rem;
    font-size: var(--pk-text-mobile-font-size);
	}
	.faq-item .faq-content {
		padding-inline: 1rem;
	}

  body header > .pk-header-wrapper{
    /* padding-inline: 0.5rem; */
    padding-block: 0.5rem;
  }

  footer .footer-main > .pk-row-content {
    row-gap: 40px;
  }

  footer .bottom-footer-content .main-site-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }

  footer .bottom-footer-content .main-site-wrapper .main-site-logo {
    margin-top: unset;
  }

  footer .bottom-footer-content .footer-links {
    flex-direction: column;
    justify-content: start;
    gap: 8px;
  }

  .pk-menu .pk-submenu .pk-menu-item:last-child {
    padding-top: 0.5rem;
  }
}


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

  .pk-topmenu-wrapper,.pk-topmenu-menu {
    justify-content: space-between;
    width: 100%;
  }

  .pk-topmenu-menu .menu-button {
    display: none;
  }

  .pk-menu ul.menu > li.mobile-button {
    display: block;
    margin-block: auto 20px;
  }

  .pk-menu ul.menu > li.mobile-button a {
    background-color: var(--volant-white);
    color: var(--pk-color-secondary);
  }

}