/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 10:19:17 */
/* ------------------------------
   SELECTIE
-------------------------------- */
::selection {
	background: #0A2BCC;
	color: #ffffff;
}

::-moz-selection {
	background: #0A2BCC;
	color: #ffffff;
}

html {
	scroll-behavior: smooth;
}


/* ------------------------------
   HEADER
-------------------------------- */
.transparentHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: all .3s ease;
	background: transparent;
}

.transparentHeader.scrolled {
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
}


/* ------------------------------
   TYPOGRAFIE
-------------------------------- */
h2 {
	padding-bottom: 20px;
}

p {
	padding-bottom: 10px;
}

.elementor-widget-text-editor p strong,
.elementor-widget-text-editor p b,
.elementor-widget-theme-post-content p strong,
.elementor-widget-theme-post-content p b {
	font-weight: 700 !important;
}

.elementor-widget-text-editor a {
	color: #0A2BCC;
	font-weight: 600 !important;
	text-decoration: underline;
}

.elementor-widget-text-editor a:hover {
	text-decoration: none;
}


/* ------------------------------
   DESKTOP MENU
-------------------------------- */
.elementor-nav-menu .elementor-item-active,
.elementor-nav-menu .current-menu-parent > a,
.elementor-nav-menu .current-menu-ancestor > a {
	color: #000000 !important;
}

.elementor-nav-menu > li > a {
	text-decoration: none;
}

.elementor-nav-menu > li > a:hover,
.elementor-nav-menu .elementor-item-active,
.elementor-nav-menu .current-menu-parent > a,
.elementor-nav-menu .current-menu-ancestor > a {
	text-decoration: none;
	text-underline-offset: 5px;
}

.elementor-nav-menu--dropdown {
	padding: 20px 0 !important;
}


/* ------------------------------
   LAYOUT / SECTIES
-------------------------------- */
.heroA {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	min-height: 320px;
	padding: 0 0 44px 0;
	overflow-x: clip !important;
	overflow-y: visible !important;
}

.contentContainerA {
	padding: 0 0 3% 0;
	margin-top: 10px;
}

.contentContainerB {
	padding: 0;
	margin-top: 10px;
}


/* ------------------------------
   LINKS / ICON BOX
-------------------------------- */
.elementor-kit-6 .iconBoxA a {
	font-family: "Epilogue", Sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-decoration: underline;
}

.elementor-kit-6 .iconBoxA a:hover {
	color: #4E9B80;
}

.elementor-icon-list-text {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.loopTraining .elementor-icon-list-text,
.loopNieuws .elementor-icon-list-text {
	text-decoration: none;
}


/* ------------------------------
   PORTFOLIO
-------------------------------- */
.loopRasterA {
	padding-top: 40px;
}

.itemDescriptA p {
	padding: 10px 0 20px 0;
}

.itemCta {
	padding: 30px 0 20px 0;
}

/* Status kleuren */
.availableStatus {
	color: #3BB54A !important;
	font-size: 16px;
}

.unavailableStatus {
	color: #D72638 !important;
	font-size: 16px;
}

/* Sèvres status alleen in loop item verbergen */
.e-loop-item.portfolio-categorie-sevres .statusField {
	display: none !important;
}

/* Sèvres status alleen bovenaan de detailpagina verbergen */
.elementor-location-single.portfolio-categorie-sevres > .contentContainerA .singleStatus {
	display: none !important;
}


/* ------------------------------
   FOOTER
-------------------------------- */
.footerMain a {
	text-decoration: none !important;
}

footer {
	position: relative;
	z-index: 2;
	overflow: visible;
}

.bottom .elementor-icon-list-item a .elementor-icon-list-text {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}


/* ------------------------------
   FORMULIEREN
-------------------------------- */
.elementor-kit-6 label {
	color: var(--e-global-color-primary);
	font-size: 18px;
	line-height: 24px;
}

.wpcf7 form .wpcf7-response-output {
	color: #46b450!important;
}

[type=submit] {
	border: none;
}

.wpcf7 textarea {
	height: 120px;
}

.grecaptcha-badge {
	display: none !important;
}

.elementor-kit-6 input:not([type="button"]):not([type="submit"]),
.elementor-kit-6 textarea,
.elementor-kit-6 .elementor-field-textual {
	color: var(--e-global-color-primary);
	font-weight: 600;
	border-radius: 0;
}

input[type="text"],
.elementor-kit-6 input:not([type="button"]):not([type="submit"]),
.elementor-kit-6 textarea,
.elementor-kit-6 .elementor-field-textual {
	border: 1px solid var(--e-global-color-primary) !important;
}

.wpcf7 form .wpcf7-response-output {
	color: #ffb900;
}


/* ------------------------------
   HERO BACKGROUND
-------------------------------- */
.hero-bg-word {
	opacity: 0;
	animation: heroBgWordFadeIn 2s ease forwards;
}

@keyframes heroBgWordFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.heroA > .hero-section {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	overflow-x: clip !important;
	overflow-y: visible !important;
}

.hero-section {
	position: relative !important;
	overflow-x: clip !important;
	overflow-y: visible !important;
	min-height: 280px;
	padding: 0 !important;
}

.hero-section > .e-con-inner {
	position: relative;
	min-height: 280px;
	display: grid;
	align-items: end;
}

.hero-section .hero-bg-word {
	position: absolute !important;
	left: -23px;
	right: auto;
	bottom: -34px;
	width: 100vw;
	max-width: none !important;
	margin: 0 !important;
	z-index: 0;
	pointer-events: none;
	overflow: visible !important;
}

.hero-section .hero-bg-word .elementor-heading-title {
	margin: 0 !important;
	font-size: clamp(120px, 20vw, 300px);
	line-height: .78 !important;
	font-weight: 700;
	letter-spacing: -0.06em;
	color: rgba(0, 0, 0, 0.035);
	white-space: nowrap;
	overflow: visible;
	text-align: left;
}


/* ------------------------------
   HERO CONTENT
-------------------------------- */
.heroA > .hero-content {
	top: 20px;
	position: relative !important;
	z-index: 4 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	gap: 12px;
	padding-bottom: 0 !important;
}

.heroA > .hero-content .kruimelpadA {
	position: relative;
	top: 0;
	margin: 0;
}

.heroA > .hero-content .headerH1,
.heroA > .hero-content h1 {
	position: relative;
	top: 0;
	margin: 0;
}

.heroA > .hero-content .headerIntro {
	position: relative;
	top: 0;
	margin-top: 20px;
}


/* ------------------------------
   POST CONTENT
-------------------------------- */
.elementor-widget-theme-post-content a {
	color: #0A2BCC !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.elementor-widget-theme-post-content a:hover {
	color: #0A2BCC !important;
	text-decoration: none !important;
}


/* ------------------------------
   BREADCRUMBS
-------------------------------- */
.rank-math-breadcrumb a {
	color: #0A2BCC !important;
	font-weight: 300 !important;
	font-family: "Epilogue", Sans-serif;
}

.rank-math-breadcrumb a:hover {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}


/* ------------------------------
   MOBILE MENU FONT
-------------------------------- */
.elementor-2186 .elementor-element.elementor-element-8ecb975 .elementor-nav-menu--dropdown .elementor-item,
.elementor-2186 .elementor-element.elementor-element-8ecb975 .elementor-nav-menu--dropdown .elementor-sub-item {
	font-family: "Epilogue", Sans-serif !important;
}

/* ------------------------------
   LAPTOP
-------------------------------- */
@media (max-width: 1366px) {
	.heroA {
		min-height: 320px;
		padding-bottom: 44px;
	}

	.heroA > .hero-content {
		gap: 12px;
	}

	.hero-section .hero-bg-word {
		left: -23px;
	}
}


/* ------------------------------
   TABLET PORTRAIT
-------------------------------- */
@media (max-width: 1024px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: clip !important;
	}

	footer {
		margin-top: 100px;
	}

	.heroA {
		min-height: 360px;
		padding-bottom: 44px;
		max-width: 100vw !important;
	}

	.heroA > .hero-content {
		gap: 10px;
	}

	.hero-section {
		max-width: 100vw !important;
	}

	.hero-section .hero-bg-word {
		left: -16px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.contentContainerA {
		padding: 6% !important;
		margin-top: 0 !important;
	}

	.contentContainerB {
		padding: 0 6% !important;
		margin-top: 0 !important;
	}

	h1,
	.elementor-heading-title {
		overflow-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
	}

	.elementor-widget-n-menu .e-n-menu-heading {
		max-width: 90%;
	}

	.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true] + .e-n-menu-wrapper {
		background-color: #fff;
		border-radius: 0;
		padding: 0 20px 20px;
		margin: 28px 0 20px 0 !important;
	}

	.mobileHeader {
		position: relative;
		overflow: visible !important;
		z-index: 9999;
	}

	.mobileHeader .headerRight {
		display: none !important;
	}

	.mobileHeader .headerCenter,
	.mobileHeader .elementor-widget-nav-menu,
	.mobileHeader .elementor-widget-container {
		position: static !important;
		overflow: visible !important;
	}

	.mobileHeader .elementor-menu-toggle {
		position: absolute !important;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10002;
	}

	.mobileHeader .elementor-nav-menu--dropdown {
		display: block;
		position: absolute !important;
		top: calc(100% + 12px) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		background: #fff !important;
		border-radius: 0 !important;
		padding: 24px 0 !important;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
		z-index: 10001;
		overflow: visible !important;
	}

	.elementor-2186 .elementor-element.elementor-element-8ecb975 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
	.elementor-2186 .elementor-element.elementor-element-8ecb975 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		margin-top: 4px !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown ul,
	.mobileHeader .elementor-nav-menu--dropdown li,
	.mobileHeader .elementor-nav-menu--dropdown a {
		width: 100% !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown > ul > li > a {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		text-align: left !important;
		font-size: 18px !important;
		line-height: 1.3 !important;
		padding: 12px 28px !important;
		color: #0A2BCC !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .elementor-item {
		justify-content: flex-start !important;
		text-align: left !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .elementor-item-active,
	.mobileHeader .elementor-nav-menu--dropdown .current-menu-item > a,
	.mobileHeader .elementor-nav-menu--dropdown .current-menu-parent > a,
	.mobileHeader .elementor-nav-menu--dropdown .current-menu-ancestor > a {
		color: #000000 !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .sub-menu {
		display: none !important;
		position: static !important;
		width: 100% !important;
		background: transparent !important;
		box-shadow: none !important;
		padding-top: 2px !important;
		padding-bottom: 0 !important;
		margin-top: -4px !important;
		margin-bottom: 0 !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown a[aria-expanded="true"] + .sub-menu,
	.mobileHeader .elementor-nav-menu--dropdown li.elementor-active > .sub-menu,
	.mobileHeader .elementor-nav-menu--dropdown li.menu-item-open > .sub-menu {
		display: block !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .sub-menu a {
		display: flex !important;
		justify-content: flex-start !important;
		text-align: left !important;
		font-size: 18px !important;
		line-height: 1.3 !important;
		padding: 8px 28px 8px 44px !important;
		color: #000 !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .sub-menu li:last-child a {
		padding-bottom: 6px !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .mobileMenuBtn a {
		width: auto !important;
		justify-content: center !important;
		margin: 10px 28px 0 28px !important;
		padding: 14px 22px !important;
		border-radius: 8px !important;
		font-size: 18px !important;
		line-height: 1.2 !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .phoneBtn a {
		border: 2px solid #4E9B80 !important;
		color: #4E9B80 !important;
		background: transparent !important;
	}

	.mobileHeader .elementor-nav-menu--dropdown .contactBtn a {
		border: 2px solid #0A2BCC !important;
		color: #fff !important;
		background: #0A2BCC !important;
	}
}


/* ------------------------------
   TABLET / MOBIEL LANDSCAPE
-------------------------------- */
@media (max-width: 1024px) and (orientation: landscape) {
	.mobileHeader .elementor-nav-menu--dropdown {
		max-height: calc(100vh - 120px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
	}
}


/* ------------------------------
   MOBIEL LANDSCAPE
-------------------------------- */
@media (max-width: 880px) {
	.heroA {
		min-height: 200px;
		padding-bottom: 44px;
	}

	.heroA > .hero-content {
		gap: 8px;
	}

	.hero-section .hero-bg-word {
		left: -12px;
	}
}


/* ------------------------------
   MOBIEL PORTRAIT
-------------------------------- */
@media (max-width: 767px) {
	.heroA {
		min-height: 320px;
		padding-bottom: 44px;
	}

	.heroA > .hero-content {
		gap: 0;
		top: 12px;
	}

	.hero-section .hero-bg-word {
		left: -22px;
	}
}


/* ------------------------------
   DESKTOP ONLY
-------------------------------- */
@media (min-width: 1025px) {
	.mobileMenuBtn {
		display: none !important;
	}
}


/* ------------------------------
   FIX HORIZONTALE SCROLL
-------------------------------- */
html,
body {
	max-width: 100%;
	overflow-x: clip !important;
}