/*
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.2.2
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;
}

/* LAYOUTS */

.pk-page {
    overflow: clip !important;
}

/* 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;
}

.fluit img{
	max-height: 32px;
}

/* 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: 0;
  margin-bottom: max(1rem, calc(1 * var(--su)));
}

.pk-page-content p {
  margin-top: 0;
  margin-bottom: max(1.25rem, calc(1.25 * var(--su)));
}

.pk-page-content p:last-child {
  margin-bottom: 0;
}

.pk-page-content ul, .pk-page-content ol {
  margin-top: 0;
  margin-bottom: max(1.5rem, calc(1.5 * var(--su)));
  padding-left: max(1.1rem, calc(1.1 * var(--su)));
}

.pk-page-content li {
  margin-bottom: max(0.5rem, calc(0.5 * var(--su)));
}

.pk-page-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

.pk-page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: max(2rem, calc(2 * var(--su)));
}

.pk-page-content th, .pk-page-content td {
  padding: max(0.75rem, calc(0.75 * var(--su))) max(1rem, calc(1 * var(--su)));
  border: 1px solid #e0e0e0;
  text-align: left;
}

.pk-page-content blockquote {
  margin: max(1.5rem, calc(1.5 * var(--su))) 0;
  padding: max(1rem, calc(1 * var(--su))) max(1.5rem, calc(1.5 * var(--su)));
}

.pk-page-content hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: max(2rem, calc(2 * var(--su))) 0;
}


ol.breadcrumb {
	font-size: 14px;
	padding-left: 0;
}
ol.breadcrumb .breadcrumb-item a {
	color: #ffffff;
	text-decoration: none;
}
ol.breadcrumb .breadcrumb-item a span svg {
	display: inline;
	height: 1em;
	width: auto;
}
ol.breadcrumb .breadcrumb-item.active {
	font-weight: 700;
}


.pk-accordion {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1 * var(--su)));
}

.pk-accordion .pk-accordion-item {
	padding: max(1rem, calc(2 * var(--su)))
	max(1.25rem, calc(2.5 * var(--su)))
	max(1rem, calc(2 * var(--su)))
	max(1rem, calc(2 * var(--su)));
    border: 1px solid #ffffff;
	border-radius: 0.5rem;
}
.pk-accordion .pk-accordion-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
	cursor: pointer;
	user-select: none;
    
}
.pk-accordion .pk-accordion-item-head .pk-accordion-title {
    margin-bottom: 0;
	color: inherit;
	font-weight: 500;
	font-family: var(--pk-text-font-family);
}
.pk-accordion .pk-accordion-item-head .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-shrink: 0;
    width: 2em;
    height: 2em;
    border: 1px solid var(--deep-pine-10);
    border-radius: 100%;
}
.pk-accordion .pk-accordion-item.active .pk-accordion-item-head .icon-wrapper {
    scale: -1;
}
.pk-accordion .pk-accordion-item:not(.active) .pk-accordion-item-head .icon-wrapper .opened,
.pk-accordion .pk-accordion-item.active .pk-accordion-item-head .icon-wrapper .closed {
	display: none;
}
.pk-accordion .pk-accordion-item-head .icon-wrapper > span {
    font-size: 1.75em;
}

.pk-accordion .pk-accordion-content {
	display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    padding-top: 0;
    transition:
	padding-top 0.1s ease,
	grid-template-rows 0.3s ease;
}
.pk-accordion .pk-accordion-item.active .pk-accordion-content {
	grid-template-rows: 1fr;
    padding-top: max(1rem, calc(1 * var(--su)));
}
.pk-accordion .pk-accordion-content-wrapper {
	overflow: hidden;
}
.pk-accordion .pk-accordion-content .pk-text {
	font-size: var(--desktop-body-sm);
}






.fluit img {
  object-fit: contain;
}


.floating-button {
	position: fixed;
	right: 2.5rem;
	bottom: 2rem;
	z-index: 123;
}
#stopPopup .pk-button-group {
	margin-top: max(1.5rem, calc(2 * var(--su)));
}
#stopPopup .pk-button-group .pk-button:nth-child(2) {
	background-color: var(--fdhl-blue);
}
#stopPopup .pk-button-group .pk-button:nth-child(2):hover {
	background-color: var(--fdhl-blue-dark);
}


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


}

@media screen and (min-width: 993px) {


}

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


}

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


}

@media screen and (max-width: 767px) {
	body .flex-layout {
		padding-inline: 1.5rem;
	}

	.hero_home-layout .logo-col {
		display: none;
	}

	html body header .header-logo {
		display: block;
	}

}