/*!
Theme Name: PADDAP
Theme URI: http://underscores.me/
Author: PADDAP
Author URI: https://paddap.nl
Description: This is the boilerplate theme of PADDAP Digital Agency
Version: 1.0.0
Tested up to: 6.0.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paddap
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

@font-face {
	font-family: 'TiemposFine';
	font-style: normal;
	font-weight: 500;
	src: local('TiemposFine Medium'), url('assets/fonts/TiemposFine-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'TiemposFine';
	font-style: normal;
	font-weight: 300;
	src: local('TiemposFine Light'), url('assets/fonts/TiemposFine-Light.otf') format('opentype');
}

:root {
	/* 	containers */
	--container-sm: 846px;
	--container-md: 1148px;
	--container-lg: 1280px;

	/* 	fonts */
	--font-display: 'TiemposFine';
	--font-body: 'Inter';
	--font-accent: 'Josefin Sans';

	/* 	font sizes */
	--text-h1: 70px;
	--text-h2: 50px;
	--text-h3: 26px;
	--text-body: 18px;
	--text-sm: 16px;

	/* 	colors */
	--color-dark-blue: #000B2E;
	--color-blue-shade: #2E3B66;
	--color-aqua: #60D0D9;
	--color-purple: #916AEB;
	--color-blue: #6A87EB;
	--color-sky: #6AB5EB;
	--color-gray-1: #959595;
	--color-gray-2: #686868;
	--color-white: #ffffff;
	--color-blue-pastel: #DEE3FC;
	--color-dark-blue-tint: #122154;

	/* 	border radius */	
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 24px;

}

* {
	text-decoration: none;
}

body {
	background-color: var(--color-dark-blue);
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.10) 2px, transparent 2px);
	background-size: 25px 25px;
	overflow-x: hidden;
}

.entry-content > div,
.entry-content {
	display: flex;
	flex-direction: column;
	gap: 140px;
}

body, p {
	font-family: var(--font-body);
	color: white;
	font-size: var(--text-body);
}

section {
	position: relative;
}

section .container-inner {
	display: flex;
	flex-direction: column;
	gap: 72px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	margin: 0;
}

h1, .h1, 
h2, .h2 {
	font-family: var(--font-display);
	font-weight: 300;
}

h1, .h1 { 
	font-size: var(--text-h1);
	line-height: 1.2;
}
h2, .h2 { font-size: var(--text-h2) }
h3, .h3 { 
	font-size: var(--text-h3);
	font-weight: 400;
}

.h3 {
	font-family: var(--font-body);
}

/* fade out text */

h3 span:first-of-type { 
	color: #959595; 
}

h3 span:last-of-type { 
	color: #686868; 
}

p { font-size: var(--text-body) }

/* utility */

.text-center { text-align: center; }

/* containers */

.container--sm,
.container--md, 
.container--lg {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

.container--sm > .container-inner,
.container--md > .container-inner, 
.container--lg > .container-inner {
	width: 100%;
}

.container--sm > .container-inner {
	max-width: var(--container-sm);
}

.container--md > .container-inner {
	max-width: var(--container-md);
}

.container--lg > .container-inner {
	max-width: var(--container-lg);
}

/* buttons */

a:hover, a:focus, a:active {
	color: var(--color-aqua);
}

#masthead ul > li.bttn--menu > a,
.bttn--blue,
.bttn--purple,
.bttn--aqua,
.bttn-secondary--aqua {
	border-radius: var(--radius-sm);
	height: 60px;
	padding-left: 30px;
	padding-right: 0;
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
	color: black;
	font-weight: 500;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	position: relative;
	border: none;
	outline: none;
	cursor: pointer;
	width: fit-content;
}

.bttn-ring {
	min-width: 24px;
	min-height: 24px;
	border-radius: 50%;
	border: 2px solid var(--color-blue-shade);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	/* 	position: absolute !important; */
	opacity: 0;
	transition: all 0.3s ease;
}

.bttn-ring__dot {
	min-width: 6px;
	min-height: 6px;
	border-radius: 50%;
	background: var(--color-blue-shade);
}


#masthead ul > li.bttn--menu > a:hover {
	background: white !important;
}

.bttn--blue:hover,
.bttn--purple:hover,
.bttn--aqua:hover {
	padding-right: 20px;
	background: white !important;
	color: var(--color-blue-shade);
}

.bttn--blue:hover .bttn-ring,
.bttn--purple:hover .bttn-ring,
.bttn--aqua:hover .bttn-ring {
	opacity: 1;
	margin-left: 6px;
}

#masthead ul > li.bttn--menu > a {
	height: 40px;
	padding-inline: 16px;
	background: var(--color-aqua);
}

.bttn--blue {
	background: var(--color-blue);
}

.bttn--purple {
	background: var(--color-purple);
}

.bttn--aqua {
	background: var(--color-aqua);
}

.bttn-secondary--aqua {
	background: transparent;
	border: 1px solid var(--color-aqua);
	color: var(--color-aqua);
	padding-right: 30px;
	width: fit-content;
}

.bttn-secondary--aqua:hover {
	border-color: white;
	color: white;
}

#masthead ul > li.bttn--menu > a:visited,
.bttn--blue:visited,
.bttn--purple:visited,
.bttn--aqua:visited {
	color: black !important;
}

.bttn-secondary--aqua:visited {
	color: var(--color-aqua) !important;
}

/* header */

#masthead{
	padding-block: 14px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(0, 11, 46, 0.50);
	backdrop-filter: blur(5px);
}

body.single-vacature #masthead {
	position: static;
}

#masthead > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 auto;
	justify-content: space-between;
}

#site-navigation {
	width: fit-content;
	display: flex;
	flex-direction: row;
	gap: 40px;
	align-items: center;
}

#site-navigation ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
}

#masthead .menu-item a {
	color: white;
	transition: color 0.3s ease;
}

#masthead .menu-item:not(.bttn--menu) .current_page_item a,
#masthead .menu-item:not(.bttn--menu) a:hover {
	color: var(--color-aqua);
}

#masthead .menu-item .bookmark-menu-icon path {
	stroke: white;
}

.site-branding {
	height: 30px;
}

/* language selector dropdown */

.language-dropdown {
	position: relative;
	display: inline-block;
	font-family: var(--font-body);
	height: fit-content;
	/* 	hide */
	display: none;
}

.language-dropdown__trigger {
	display: flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	color: #fff;
	border: none;
	padding: 8px 4px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	cursor: pointer;
	font-family: var(--font-body);
}

.language-dropdown__trigger:focus {
	outline: none;
}

.language-dropdown__chevron {
	width: 14px;
	height: 8px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.language-dropdown.is-open .language-dropdown__chevron {
	transform: rotate(180deg);
}

#site-navigation .language-dropdown__menu {
	visibility: hidden;
	pointer-events: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	list-style: none;
	margin: 0;
	padding: 4px;
	background: var(--color-blue);
	border-radius: 8px;
	min-width: 72px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	backdrop-filter: blur(50px);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: stretch;
}

#site-navigation .language-dropdown.is-open .language-dropdown__menu {
	visibility: visible;
	pointer-events: all;
}

.language-dropdown__menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.language-dropdown__menu li button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 8px 12px;
	background: none;
	border: none;
	border-radius: 5px;
	color: rgba(255, 255, 255, 0.65);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: left;
	cursor: pointer;
	font-family: var(--font-body);
	transition: background 0.12s, color 0.12s;
}

.language-dropdown__menu li button:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.language-dropdown__menu li button:focus {
	outline: none;
}

.language-dropdown__menu li button.is-active {
	color: #fff;
}

.language-dropdown__menu li button.is-active::after {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #4d9fff;
	display: block;
	flex-shrink: 0;
}

/* hero section */

.hero-section img.circle {
	display: none;
}

.hero-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	margin-top: 214px;
}

.hero-section h1 {
	text-align: center;
}

h1 span {
	color: var(--color-aqua);
}

.hero-section > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.hero-section__buttons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	white-space:nowrap;
}

.hero-section * {
	width: fit-content;
}

/* home page - hero decorations */

.page-id-10 .hero-section img.circle.purple,
.page-id-10 .hero-section img.circle.aqua-right {
	display: flex;
}

/* about us page / over ons */

.page-id-35 .hero-section img.circle.purple {
	display: flex;
	top: 90%;
}

.page-id-35 .hero-section h1 {
	max-width: 750px;
}

/* werkgevers page - hero section */

.page-id-31 .hero-section img.circle.sky,
.page-id-31 .hero-section img.circle.dark-purple-middle {
	display: flex;
}

/* job details page - hero section */

body.single-vacature .hero-section img.circle.dark-blue {
	display: flex;
}

/* circle decoration elements */

/* section *:not(img.circle) {
position: relative;
z-index: 10;
} */

img.circle {
	position: absolute;
	z-index: -10;
	pointer-events: none;
}

.hero-section .circle.purple {
	top: 50%;
	transform: translatey(-50%);
}
.hero-section .circle.aqua-right {
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}
.hero-section .circle.dark-purple-middle {
	top: 50%;
	transform: translate(-20%, -20%);
}
.hero-section .circle.sky {
	top: 50%;
	transform: translate(30%, -50%);
}
body.single-vacature .hero-section img.circle.dark-blue {
	top: 0;
	transform: translatey(-20%);
}

/* tekst section */

.tekst-section {
	display: flex;
	flex-direction: column;
}

.tekst-section .decorations {
	display: none;
}

.tekst-section .container-inner {
	gap: 0;
}

.tekst-section h3 {
	line-height: 1.4;
	font-weight: 400;
	position: relative;
}

.tekst-section h4 {
	margin-top: 96px;
}

.tekst-section .bttn {
	margin-top: 48px !important;
}
.tekst-section p,
.tekst-section ul {
	font-weight: 100;
}
.tekst-section p + p,
.tekst-section p + ul {
	margin-top: 36px;
}

.tekst-section h4 {
	color: var(--color-aqua);
	font-size: 20px;
}

h3 span:first-child {
	color: white !important;
}

.tekst-section__image {
	border-radius: 12px;
	width: 100%;
	margin: 0 auto;
	max-width: var(--container-lg);
}

.tekst-section--has-image .container-inner {
	margin-top: -150px;
}

/* vakgebieden section */
.vakgebieden-section {
	display: flex;
	flex-direction: column;
}
.vakgebieden-section .container-inner {
	padding-block: 45px;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(50px);
	gap: 40px;
}
.vakgebieden-section__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-collapse: collapse;
}
.vakgebieden-section__grid > a {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	position: relative;
	text-decoration: none;
	color: inherit;
	outline: none;
}
.vakgebieden-section__grid > a path {
	transition: all 0.3s ease;
}
.vakgebieden-section__grid > a:hover path {
	stroke: var(--color-aqua);
}
.vakgebieden-section__grid > a img {
	height: 80px;
	width: 80px;
}
.vakgebieden-section__grid > a .vakgebieden-card__titel {
	text-transform: uppercase;
	max-width: 200px;
	text-align: center;
	font-size: 18px;
}
.vakgebieden-section__grid > a .vakgebieden-card__beschrijving {
	font-size: 14px;
	text-align: center;
	max-width: 300px;
	font-weight: 100;
}
.vakgebieden-section__grid > a img {
	transition: filter 0.3s ease;
}

.vakgebieden-section__grid > a:hover img {
	filter: brightness(0) saturate(100%) invert(78%) sepia(43%) saturate(456%) hue-rotate(142deg) brightness(95%);
}
/* right border */
.vakgebieden-section__grid > a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 90%;
	background: #2E3B66;
}
/* bottom border */
.vakgebieden-section__grid > a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	width: 90%;
	background: #2E3B66;
}
/* remove right border on every 3rd item */
.vakgebieden-section__grid > a:nth-child(3n)::after {
	display: none;
}
/* remove bottom border on last row (items 7–9) */
.vakgebieden-section__grid > a:nth-last-child(-n+3)::before {
	display: none;
}
.vakgebieden-icon {
	height: 80px;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vakgebieden-icon svg {
	height: 96px;
	width: 96px;
}
.site-footer .decorations,
section .decorations {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -10 !important;
}
.site-footer .decorations img,
section .decorations img {
	position: absolute;
}
.vakgebieden-section .decorations img:first-child {
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}
.vakgebieden-section .decorations img:last-child {
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}
.vakgebieden-dot {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid var(--color-aqua);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.vakgebieden-dot::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-aqua);
}
.vakgebieden-section__grid > a:hover .vakgebieden-dot {
	opacity: 1;
}

/* image text section */

.image-text-section .container-inner {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 96px;
}

.image-text-section .container-inner img {
	width: 50%;
	height: auto;
	object-fit: cover;
}

.image-text-section__content {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.image-text-section__content > p {
	font-weight: 100;
}

/* home image text section */

.page-id-10 .image-text-section .decorations img {
	bottom: 0;
	left: 0;
	transform: translate(-50%, 50%);
}

.page-id-31 .image-text-section .decorations img.inverted,
.page-id-10 .image-text-section .decorations img.inverted {
	right: 0;
	left: auto;
	transform: translatex(50%);
	top: 0;
}

/* usp section */

.usp-section__content {
	display: flex;
	gap: 12px;
}

.usp-section__card {
	display: flex;
	flex: 1;
	padding: 48px 36px;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	transition: all 0.3s ease;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.10);
}

.usp-section__card-title {
	text-align: center;
	max-width: 180px;
	font-weight: 500;
	margin-top: 36px;
	line-height: 21.6px;
	text-transform: uppercase;
}

.usp-section__card-text {
	font-size: var(--text-sm);
	font-weight: 100;
	transition: all 0.3s ease;
	opacity: 1;
	margin-top: 36px;
}

.usp-section__card:nth-child(2) .usp-section__card-title {
	max-width: 200px;
}

/* .usp-section__card:hover {
background: rgba(255, 255, 255, 0.10);
height: 100%;
}

.usp-section__card:hover .usp-section__card-text {
opacity: 1;
max-height: 170px;
margin-top: 36px;
} */

.usp-section .decorations .circle {
	display: none;
}

.page-id-31 .usp-section .decorations .circle.aqua {
	display: block;
	top: -40%;
	left: -20%;
}



/* text scoller section */

.text-scroller-section {
	overflow-x: clip;
	width: 100%;
}

.text-scroller-section__track {
	display: flex;
	width: max-content;
	animation: marquee 20s linear infinite;
	will-change: transform;
}

.text-scroller-section__track img {
	height: 120px;
	width: auto;
	flex-shrink: 0;
	display: block;
	padding-right: 60px;
}

@keyframes marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-33.333%); }
}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.text-scroller-section__track {
		animation: none;
	}
}

/* feitjes section */

.feitjes-section .container-inner {
	display: flex;
	flex-direction: column;
	gap: 72px;
}

.feitjes-section__grid {
	display: flex;
	gap: 12px;
}

.feitjes-card {
	padding-block: 96px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 36px;
	flex: 1;
	border-radius: 12px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	background: rgba(255, 255, 255, 0.05);
	transition: background 0.3s ease;
}

.feitjes-card:hover {
	background: rgba(255, 255, 255, 0.10);
}

.feitjes-card__number {
	line-height: 0.8;
}

.feitjes-card:nth-child(1) .feitjes-card__number { color: var(--color-aqua) }
.feitjes-card:nth-child(2) .feitjes-card__number { color: var(--color-sky) }
.feitjes-card:nth-child(3) .feitjes-card__number { color: var(--color-blue) }
.feitjes-card:nth-child(4) .feitjes-card__number { color: var(--color-purple) }

.feitjes-card__label {
	text-transform: uppercase;
	max-width: 170px;
	text-align: center;
	line-height: 1.1;
}

.page-id-10 .feitjes-section .decorations img {
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
}

/* Opdrachtgever logo's Section */

.opdrachtgever-logos-section .decorations img {
	right: 0;
	bottom: 0;
	transform: translate(50%, 50%);
}

.opdrachtgever-logos-section .container-inner {
	display: flex;
	flex-direction: column;
	gap: 72px;
}

.opdrachtgever-logos-section .container-inner > p {
	max-width: var(--container-sm);
	margin: 0 auto;
	font-weight: 100;
}

.opdrachtgever-logos-section__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.opdrachtgever-logos-section__grid-item {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-block: 36px;
}

.opdrachtgever-logos-section__grid-item img {
	display: block;
}

.no-items {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* cursor orb */

.cursor-orb {
	position: fixed;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(99, 132, 255, 0.2) 0%, transparent 70%);
	pointer-events: none;
	transform: translate(-50%, -50%);
	z-index: 1000;
	filter: blur(40px);
}

/* google reviews section */

.grw-row .grw-review {
	flex: 0 0 calc((100% - var(--card-gap, 16px) * 2) / 3) !important;
	width: calc((100% - var(--card-gap, 16px) * 2) / 3) !important;
	max-width: calc((100% - var(--card-gap, 16px) * 2) / 3) !important;
	height: 352px !important;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	transition: background 0.3s ease !important;
}

.grw-review > .rpi-flx {
	gap: 36px !important;
}

.wp-gr div, .wp-gr span {
	font-weight: 300;
}

.grw-row .grw-review:hover {
	background: rgba(255, 255, 255, 0.10);
}

.grw-row .grw-review * {
	color: white !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
	background: transparent !important;
}

.wp-gr .grw-review-inner {
	padding: 36px 36px 48px 36px !important;
}

.grw-content-inner .grw-reviews {
	gap: 12px !important;
}

.wp-gr.rpi a.wp-google-name {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: white !important;
}

.grw-review .grw-review-inner .div:first-child {
	gap: 24px !important;
}

.grw-review .grw-review-inner .wp-google-time {
	font-weight: 100 !important;
	font-size: var(--text-body) !important;
}

.grw-review .grw-review-inner .wp-google-text {
	font-weight: 100 !important;
	font-size: var(--text-body) !important;
	line-height: 31.5px !important;
}

.grw-review .grw-img-wrap,
.grw-review .grw-img-wrap img {
	min-height: 96px !important;
	min-width: 96px !important;
}

.grw-row .grw-review svg {
	display: none;
}

.google-reviews-section .decorations .circle {
	display: none;
}

.google-reviews-section .circle.home {
	display: flex;
	bottom: 0;
	left: 0;
	transform: translate(-50%, 50%);
}

/* job alert section */

.job-alert-section {
	z-index: 1;
}
.job-alert-section .container-inner {
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	padding: 48px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 96px;
}

.job-alert-section .contact-form__body {
	display: flex;
	flex-direction: column;
}

.job-alert-section .contact-form__body .button-primary {
	width: 100%;
}

/* .job-alert-section .col-span-2.job-alert-privacy__container {
display: none;
} */

.job-alert-section .container-inner > div {
	width: auto;
	min-width: 0;
}

.job-alert-section__image {
	border-radius: 12px;
	overflow: hidden;
}

.job-alert-section__image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.job-alert-section__content {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.job-alert-section__content h2 {
	line-height: 55px;
	max-width: 400px;
}

.job-alert-section__content p {
	line-height: 31.5px;
	font-weight: 100;
}

.job-alert-section__content h2 span {
	color: var(--color-purple);
}

.job-alert-section .decorations img {
	bottom: 0;
	left: 20px;
	transform: translate(-50%, 50%);
	display: none;
}

.page-id-10 .job-alert-section .decorations img {
	display: flex;
}

.contact-form__name-row {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

/* footer section */

.site-footer {
	padding-top: 140px;
	overflow: hidden;
	position: relative;
}

.site-footer .decorations .circle {
	display: none;
}

.page-id-37 .site-footer .decorations .circle.blue {
	display: block;
	right: -25%;
	top: 0;
}

.site-footer .container-inner {
	display: flex;
	flex-direction: column;
	padding: 48px;
	gap: 71px;
	border-radius: 24px 24px 0 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.10) 100%);
	backdrop-filter: blur(25px);
}

.site-footer__middle {
	display: flex;
	gap: 144px;
}

.site-footer__middle-col {
	display: flex;
	flex-direction: column;
}

.site-footer__middle-col .google-reviews-stars {
	margin-top: 20px;
}

.site-footer__middle-col * {
	font-weight: 100;
	color: var(--color-blue-pastel);
}

.site-footer__middle-col a {
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--color-blue-pastel);
}

.site-footer__bottom {
	display: flex;
	justify-content: space-between;
}

.site-footer__middle-col a:hover {
	color: white;
}

.site-footer__bottom-col:first-child {
	display: flex;
	gap: 40px;
	align-items: end;
}

.site-footer__bottom-col:first-child a {
	height: fit-content;
	color: var(--color-blue);
	transition: all 0.3s ease;
	cursor: pointer;
}

.site-footer__bottom-col:first-child a:hover {
	color: white;
}

.site-footer__bottom-col:last-child {
	display: flex;
	gap: 12px;
}

.site-footer__bottom-col:last-child a {
	background: var(--color-blue);
	border-radius: 4px;
	height: 36px;
	width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-footer__middle-col > p:first-child {
	font-weight: 600;
}

/* contact 1 section */

.contact-section .container-inner {
	display: flex;
	flex-direction: row;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	gap: 85px;
	position: relative;
	z-index: 40;
}

.contact-section__image {
	width: 40%;
	padding: 72px 0 72px 72px;
}

.contact-section__body {
	width: 60%;
	padding: 48px 48px 48px 0;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.contact-section h2 {
	line-height: 0.8;
}

.contact-section h2 span {
	color: var(--color-purple);
}

.contact-section p {
	font-weight: 100;
}

.contact-section__image img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.contact-section .wpcf7-submit {
	width: 100%;
}

.contact-section .decorations .circle {
	display: none;
}

.page-id-31 .contact-section .decorations .circle {
	display: block;
	bottom: 0;
	right: -25%;
}
.page-id-35 .contact-section .decorations .circle {
	display: block;
	left: -25%;
	bottom: -80%;
}

.contact-form__body,
.contact-1-section__form {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
}

.contact-1-section__form .custom-checkbox {
	grid-column: span 2;
}

/* form elements */

input[type="submit"] {
	position: relative;
}

input[type="number"],
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	display: flex;
	height: 60px;
	padding-inline: 24px;
	align-items: center;
	border-radius: 6px;
	outline: none;
	border: 1px solid transparent;
	width: 100%;
	color: white;
	background: var(--color-blue-shade);
	transition: all 0.3s ease;
}

input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
	color: white;
	opacity: 1;
}

textarea {
	transition: border 0.3s ease;
	resize: none;
	padding-top: 16px;
	min-height: 180px;
}

.phone-input__menu { display: none; }
.phone-input.is-open .phone-input__menu { display: block; }

.phone-input__inner {
	transition: border 0.3s ease;
	border: 1px solid transparent;
}

.phone-input__inner:has(:focus),
input[type="number"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border-color: var(--color-blue);
	color: white;
}

.contact-section button[type="submit"] {
	background: var(--color-aqua);
	border: none;
	grid-column: span 2;
	cursor: pointer;
	position: relative;
}

.wpcf7-spinner {
	display: none;
}

/* vacature overzicht */

.wpv-pagination:after, .wpv-pagination:before {
	display: none;
}

.vacature-overzicht-section {
	padding-top: 214px;
}

.vacature-overzicht-section .container-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.vacature-overzicht-section__content-container {
	width: 66%;
}

.vacature-overzicht-section__content-container h1 {
	margin-bottom: 48px;
	max-width: 700px;
}

.vacature-overzicht-section__content-container p.h3 {
	margin-bottom: 143px;
}

.vacature-overzicht-section__jobs-list > .js-wpv-view-layout.view-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.vacature-overzicht-section__jobs-list > .js-wpv-view-layout.view-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vacature-overzicht-section__jobs-list button {
	margin-top: 12px;
	grid-column: 1;
}

.vacature-overzicht-section__control-bar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.vacature-overzicht-section__count {
	color: var(--color-aqua);
}

.vacature-overzicht-section__list-type-buttons {
	display: flex;
	flex-direction: row;
	gap: 36px;
}

.vacature-overzicht-section__list-type-buttons button {
	color: var(--color-gray-1);
	background: none;
	border: none;
	outline: none;
	display: flex;
	flex-direction: row;
	gap: 12px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.vacature-overzicht-section__list-type-buttons .grid-button {
	color: var(--color-aqua);
}

.vacature-overzicht-section__list-type-buttons .grid-button path {
	stroke: var(--color-aqua);
}

.vacature-overzicht-section__open-sollicitatie {
	display: flex;
	padding: 48px;
	min-height: 325px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 12px;
	background: linear-gradient(180deg, var(--Blue, rgba(106, 135, 235, 0.50)) 0%, var(--Blue---shade, rgba(46, 59, 102, 0.50)) 100%);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(50px);
	gap: 36px;
}

.vacature-overzicht-section__open-sollicitatie h2 {
	font-size: 32px;
	color: white;
	line-height: 0.8;
}

.vacature-overzicht-section__open-sollicitatie {
	font-weight: 100;
}

.vacature-overzicht-section__open-sollicitatie .solliciteer-direct-bttn {
	margin-top: auto;
	width: 100%;
}

label:has(input[type="file"]) {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--color-blue-shade);
	border-radius: 8px;
	padding: 12px 16px;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}

label:has(input[type="file"]) input[type="file"] {
	display: none;
}

label:has(input[type="file"])::before {
	content: 'CV upload';
	background: var(--color-blue);
	color: var(--color-dark-blue);
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 0.9rem;
	white-space: nowrap;
	flex-shrink: 0;
	font-weight: 500;
}

label:has(input[type="file"])::after {
	content: 'Geen bestand geselecteerd';
	color: white;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

label:has(input[type="file"][data-filename])::after,
label:has(input[type="file"])::after {
	content: attr(data-filename, 'Geen bestand geselecteerd');
}

/* filter sidebar */

.dropdown-options .filter-select-wrapper .custom-select__panel {
	top: auto;
	bottom: calc(100% + 6px);
	transform-origin: bottom;
}

.vacature-overzicht-section__filter-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	height: fit-content;
	min-height: 600px;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.vacature-overzicht-section__filter-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vacature-overzicht-section .container-inner {
	position: relative;
}

.vacature-overzicht-section .decorations > .circle:first-child {
	top: -18%;
	left: 50%;
	transform: translatex(-50%);
}

.vacature-overzicht-section .decorations > .circle:last-child {
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

.page-id-24 .job-alert-section .decorations img {
	display: block;
}

/* ── custom select dropdown ── */

.custom-select {
	position: relative;
}

.custom-select__trigger {
	width: 100%;
	height: 60px;
	padding-inline: 24px;
	background: var(--color-blue-shade);
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	color: white;
	font-family: var(--font-body);
	font-size: var(--text-sm);
	font-weight: 300;
	cursor: pointer;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	transition:
		border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* chevron */
.custom-select__chevron {
	flex-shrink: 0;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-select.is-open .custom-select__chevron {
	transform: rotate(180deg);
}

/* label */
.custom-select__label {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* panel */
.custom-select__panel {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	background: var(--color-dark-blue-tint);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--radius-sm);
	list-style: none;
	margin: 0;
	padding: 6px;
	z-index: 600;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-8px);
	transition:
		max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-select:not(.is-open) .custom-select__panel {
	pointer-events: none;
}

.js-toolset-maps-distance-current-location,
.js-toolset-maps-distance-current-location:hover {
	padding-inline: 15px;
	height: 60px;
}

.custom-select.is-open .custom-select__panel {
	max-height: 320px;
	overflow-y: auto;
	opacity: 1;
	transform: translateY(0);
}

/* scrollbar */
.custom-select__panel::-webkit-scrollbar {
	width: 4px;
}

.custom-select__panel::-webkit-scrollbar-track {
	background: transparent;
}

.custom-select__panel::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.15);
	border-radius: 4px;
}

/* options */
.custom-select__option {
	padding: 12px 18px;
	font-size: var(--text-sm);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	cursor: pointer;
	border-radius: 4px;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		padding-left 0.2s ease;
}

.custom-select__option:hover {
	background: rgba(255, 255, 255, 0.07);
	color: white;
}

.custom-select__option.is-selected {
	color: var(--color-aqua);
}

.custom-select__option.is-selected::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-aqua);
	margin-left: 10px;
	vertical-align: middle;
}

/* ── bottom dropdown overrides ── */

.dropdown-options .custom-select__trigger {
	border-radius: 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(46, 59, 102, 0.6);
	padding-inline: 24px;
	transition:
		border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
}

.dropdown-options .custom-select__trigger:hover {
	background-color: rgba(255, 255, 255, 0.03);
	border-bottom-color: rgba(255, 255, 255, 0.15);
	box-shadow: none;
}

.dropdown-options .custom-select.is-open .custom-select__trigger {
	background-color: rgba(255, 255, 255, 0.03);
	box-shadow: 0 1px 0 0 var(--color-blue);
}

/* remove old native select styles */
.filter-select-wrapper select {
	display: none;
}

/* job card */

.job-card {
	display: flex;
	width: 418px;
	min-height: 325px;
	padding: 48px 60px 48px 48px;
	flex-direction: column;
	gap: 36px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(50px);
	position: relative;
	transition: all 0.3s ease;
}

.vacature-overzicht-section__jobs-list .view-list .job-card {
	width: 100%;
	min-height: fit-content;
}

.job-card h2 {
	color: white;
	margin-right: 20px;
}

.job-card__details {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: auto;
}

.job-card__details > div {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

.icon {
	height: fit-content;
	align-self: flex-start;
	display: flex;
}

.job-card__details p {
	line-height: 1;
	color: white;
}

.bookmark-icon {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 48px;
	right: 24px;
	transition: all 0.4s ease;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}

.bookmark-icon path {
	fill: none;
	transition: fill 0.2s ease;
}

.bookmark-icon.active path {
	fill: var(--color-purple);
}

.job-card:hover {
	background: white;
	backdrop-filter: blur(50px);
}

.job-card:hover * {
	color: var(--color-blue-shade);
}

.bookmark-icon.active,
.job-card:hover .bookmark-icon {
	opacity: 1;
	pointer-events: all;
}

.job-card:hover .job-card__uitgelicht-badge {
	color: var(--color-blue-shade);
	border: 1px solid var(--color-blue-shade);
	background: transparent;
}

/* .job-card__details > div:has(p:empty) {
display: none;
} */

.job-card__uitgelicht-badge {
	display: flex;
	gap: 6px;
	height: 24px;
	width: fit-content;
	padding: 0 12px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: var(--color-aqua);
	color: #000B2E;
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	bottom: 24px;
	right: 24px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.job-card__uitgelicht-badge > div {
	height: 6px;
	width: 6px;
	background: #000B2E;
	border-radius: 999px;
}

/* ── filter input wrapper (search + locatie) ── */

.filter-input-wrapper {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 24px;
	gap: 10px;
	border-radius: var(--radius-sm);
	background: var(--color-blue-shade);
}

.filter-input-wrapper input[type="text"] {
	height: auto;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	flex: 1;
	color: white;
	font-family: var(--font-body);
	font-size: var(--text-sm);
}

.filter-input-wrapper input[type="text"]::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.filter-input-wrapper input[type="text"]:focus {
	border: none;
}

.filter-input-wrapper svg {
	flex-shrink: 0;
	opacity: 0.6;
}

/* ── locatie row ── */

.filter-locatie-row {
	display: flex;
	flex-direction: column;
	gap: 12px;
	overflow: visible;
	position: relative;
}

.filter-locatie-row__group span {
	font-size: 16px;
}

.filter-locatie-row__group:first-child {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px 12px;
}

.filter-locatie-row__group:first-child span {
	grid-column: span 2;
}

.filter-locatie-row__group:first-child input[type="number"],
.filter-locatie-row__group:first-child select {
	width: 100%;
}

.filter-locatie-row__group:last-child {
	display: flex;
	flex-wrap: wrap;
}

.filter-locatie-row__input-row {
	display: flex;
	width: 100%;
	gap: 12px;
}

.filter-input-wrapper--locatie {
	flex: 1;
}

/* ── location range dropdown ── */

.filter-range-dropdown {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 60px;
	padding-inline: 12px;
	gap: 10px;
	border-radius: var(--radius-sm);
	background: #122154;
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
}

.filter-range-dropdown__label {
	font-size: var(--text-sm);
	color: white;
}

.filter-range-dropdown .chevron-down {
	transition: transform 0.2s ease;
}

.filter-range-dropdown.is-open .chevron-down {
	transform: rotate(180deg);
}

/* ── range dropdown list ── */

.filter-dropdown-list {
	display: block;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	background: #122154;
	border-radius: var(--radius-sm);
	list-style: none;
	margin: 0;
	padding: 6px 0;
	z-index: 500;
	min-width: 100%;
	opacity: 0;
	transform: translateY(-6px);
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.filter-dropdown-list.is-open {
	opacity: 1;
	transform: translateY(0);
	pointer-events: all;
}

.filter-dropdown-list li {
	padding: 10px 16px;
	font-size: var(--text-sm);
	color: white;
	cursor: pointer;
	transition: background 0.15s;
}

.filter-dropdown-list li:hover {
	background: rgba(255, 255, 255, 0.07);
}

/* ── native Toolset select styling ── */

.filter-select-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.filter-select-wrapper label {
	font-size: var(--text-sm);
	color: white;
	padding: 0 0 0 24px;
	height: 40px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid var(--color-blue-shade);
}

/* style Toolset's native <select> to match the design */
.filter-select-wrapper select,
.vacature-overzicht-section__filter-container select {
	width: 100%;
	height: 60px;
	padding: 0 40px 0 24px;
	background: var(--color-blue-shade);
	border: none;
	border-radius: var(--radius-sm);
	color: white;
	font-family: var(--font-body);
	font-size: var(--text-sm);
	font-weight: 300;
	cursor: pointer;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4182 4.63818L8.00003 11.0563L1.58191 4.63818' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
}

.filter-select-wrapper select:focus {
	border: 1px solid var(--color-blue);
}

.filter-select-wrapper select option {
	background: var(--color-blue-shade);
	color: white;
}

/* bottom collapsible selects — no border-radius, border-bottom separator */
.dropdown-options .filter-select-wrapper select {
	border-radius: 0;
	background-color: transparent;
	border-bottom: 2px solid var(--color-blue-shade);
}

.dropdown-options .filter-select-wrapper label {
	display: none;
}

/* ── buttons row ── */

.filter-buttons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

.reset-button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	max-width: 50px;
	max-height: 50px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: opacity 0.2s ease;
}

.reset-button:hover {
	opacity: 0.75;
}

.filter-buttons .bttn--purple {
	width: 100%;
	height: 60px;
}

/* ── bottom options container ── */

.dropdown-options {
	display: flex;
	flex-direction: column;
	overflow: visible;
}

/* ── sticky wrapper ── */

.filter-sticky-wrapper {
	width: 26%;
	position: sticky;
	top: 70px;
	align-self: flex-start;
	transition: transform 0.3s ease;
}

/* page - vacature details */

body.single-vacature .hero-section h1 {
	max-width: 700px;
}

body.single-vacature .hero-section {
	margin-top: calc(214px - 68px);
}

.entry-content > .job-details-section__beam {
	display: flex;
	flex-direction: row;
	gap: 12px;
	position: sticky;
	top: 20px;
	transition: all 0.3s ease;
	z-index: 600;
	max-width: var(--container-lg);
	width: 100%;
	margin: 0 auto;
}

.job-details-section__buttons {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.job-details-section__meta {
	display: flex;
	flex-direction: row;
	gap: 96px;
	align-items: center;
	width: 100%;
	padding: 0 48px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(50px);
}

.job-details-section__meta-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}

.job-details-section__share,
.job-details-section__download {
	border-radius: 6px;
	background: var(--color-blue-shade);	
	height: 60px;
	width: 60px;
	display: flex;
	padding: 12px;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.job-details-section__solliciteer {
	text-wrap: nowrap;
	padding-right: 30px;
}

.job-details-section__solliciteer .bttn-ring {
	display: none;
}

.job-details-section__solliciteer:hover {
	padding-right: 30px;
}

.job-details-section__body {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.job-details-section__body-content {
	width: 66.17%
}

.job-details-section__body-content h2:first-child {
	margin-top: 0;
}

.job-details-section__body-content br {
	display: none;
}

.job-details-section__body-content h2 {
	margin-top: 72px;
	font-size: var(--text-body);
	color: var(--color-aqua);
	font-family: var(--font-body);
	font-weight: 600;
}

.job-details-section__body-content ul li,
.job-details-section__body-content p:not(:first-child) {
	font-weight: 100;
	line-height: 31.5px;
}

.job-details-section__body-content ul + p,
.job-details-section__body-content p + p {
	margin-top: 45px;
}

.tekst-section ul,
.job-details-section__body-content ul {
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 30px;
}

.job-details-section__body-sidebar {
	width: 26.33%;
	position: relative;
}

.job-details-section__body-sidebar-card {
	display: flex;
	gap: 36px;
	width: 100%;
	padding: 48px 48px 36px 48px;
	flex-direction: column;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(25px);
	position: sticky;
	top: 100px;
	left: 0;
	right: 0;
}

.job-details-section__body-sidebar-card h2 {
	font-size: 35px;
}

.job-details-section__body-sidebar-card img {
	height: 144px;
	width: 144px;
	border-radius: 999px;
	margin: 0 auto;
}

.job-details-section__body-sidebar-card p {
	font-weight: 100;
	color: var(--White, #FFF);
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

.job-details-section__body-sidebar-card-contact {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.job-details-section__body-sidebar-card-contact > a {
	display: flex;
	width: 100%;
	padding: 12px;
	justify-content: center;
	align-items: center;
	flex: 1;
	border-radius: 6px;
	background: var(--color-blue-shade);	
	transition: background 0.3s ease;
	cursor: pointer;
}

.job-details-section__share:hover,
.job-details-section__download:hover,
.job-details-section__body-sidebar-card-contact > a:hover {
	background: white;
}

.job-details-section__share:hover path,
.job-details-section__download:hover path,
.job-details-section__body-sidebar-card-contact > a:hover path {
	stroke: var(--color-blue-shade)
}

/* job-duties-section */

.job-duties-section .container-inner {
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(100px);
	padding: 48px 0 96px 0;
	display: flex;
	flex-direction: column;
	gap: 92px;
}

.job-duties-section__content {
	max-width: 982px;
	width: 100%;
	height: fit-content;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.job-duties-section__text-content {
	height: fit-content;
}

.job-duties-section__diagram,
.job-duties-section__text-content {
	width: 42%;
}

.job-duties-section__text-content .percentage {
	font-size: 120px;
	color: var(--color-blue);
	line-height: 0.8;
	margin-bottom: 72px;
}

.job-duties-section__text-content .title {
	text-transform: uppercase;
	color: var(--color-blue);
}

.job-duties-section__text-content .title * {
	color: var(--color-blue) !important;
	font-size: 18px;
}

.job-duties-section__text-content .description {
	font-weight: 100;
}

/* application process section */

.application-process-section {
	z-index: 100;
	position: relative;
}

.application-process-section__steps {
	display: flex;
	flex-direction: row;
	gap: 12px;
	height: 400px;
}

.application-process-section__steps > div {
	position: relative;
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
	padding: 48px 36px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(100px);
	transition: all 0.3s ease;
	cursor: default;
	position: relative;

	box-shadow: 0px 4px 4px 0px #00000040;
	height: 100%;
}

.application-process-section svg {
	/* 	position: absolute;
	top: 80px;
	right: -28%; */
	display: none;
}

/* Pseudo-element for gradient + blur */
/* .application-process-section__steps > div::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(180deg, rgba(106, 181, 235, 0.5) 0%, rgba(46, 59, 102, 0.5) 100%);
backdrop-filter: blur(50px);
opacity: 1;
transition: opacity 0.3s ease;
z-index: -1;
} */

/* .application-process-section__steps > div:hover::before {
opacity: 1;
} */

/* .application-process-section__steps > div:hover {
box-shadow: 0px 4px 4px 0px #00000040;
max-height: 700px;
height: fit-content;
} */

.application-process-section__steps > div h3 {
	text-transform: uppercase;
	margin-top: 36px;
}

.application-process-section__steps > div h3  * {
	color: white !important;
	font-size: 18px;
}

.application-process-section__steps > div p {
	font-size: 16px;
	font-weight: 100;
	transition: all 0.3s ease;
	opacity: 0;

	margin-top: 36px;
	opacity: 1;
}

/* .application-process-section__steps > div:hover p {
margin-top: 36px;
opacity: 1;
} */

.page-id-31 .application-process-section .decorations {
	display: none;
}

/* travel-time-calculator-section */

/* .travel-time-calculator-section {
margin-top: -50px;
} */

.travel-time-calculator-section .container-inner {
	width: 100%;
	height: fit-content;
	border-radius: 24px;
	padding: 48px;
	backdrop-filter: blur(50px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0px 4px 4px 0px #00000040;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 0;
}

.travel-time-calculator-section__left {
	width: 44.44%
}

.travel-time-calculator-section__right {
	width: 47.47%
}

.travel-time-calculator-section__address-input {
	position: relative;
	padding-right: 40px;
	border-radius: 6px;
	background: var(--color-blue-shade);
	border: 1px solid transparent;
	transition: all 0.3s ease;
	margin: 48px 0 12px 0;
}

.travel-time-calculator-section__address-input svg {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	right: 24px;
}

.travel-time-calculator-section__transport-mode-selector {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.travel-time-calculator-section__transport-mode-selector .transport-mode {
	width: 100%;
	flex: 1;
	height: 120px;
	border-radius: 6px;
	padding: 12px;
	display: grid;
	place-items: center;
	background: var(--color-blue-shade);
	border: transparent;
	outline: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.travel-time-calculator-section__transport-mode-selector .transport-mode:hover {
	background: white;
}

.travel-time-calculator-section__transport-mode-selector .transport-mode path {
	transition: all 0.3s ease;
}

.travel-time-calculator-section__transport-mode-selector .transport-mode:hover path {
	stroke: var(--color-blue-shade);
}

.travel-time-calculator-section__address-input input:focus {
	border: none;
	outline: none;
}

.travel-time-calculator-section__address-input:focus-within {
	border: 1px solid var(--color-blue);
}

.travel-time-calculator-section__right {
	border-radius: 12px;
	overflow: hidden;
}

.travel-time-calculator-section__right img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* work week section */

.work-week-section__table {
	display: grid;
	grid-template: repeat(11, 48px) / 100px repeat(5, 1fr); 
	gap: 12px;
	position: relative;
}

.work-week-section__table .event {
	width: 100%;
	border-radius: 24px;
	padding: 12px 24px;
	background: var(--color-blue-shade);
	font-size: 16px;
	font-weight: 300;
}

.work-week-section__table .time-label,
.work-week-section__table .day-label {
	text-align: center;
	font-weight: 300;
	font-size: 16px;
}

.work-week-section__table .time-label {
	text-align: start;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.work-week-section__table .line {
	height: calc(100% - 60px);
	position: absolute;
	left: 6%;
	top: 60px;
	border-right: 1px solid var(--color-blue-shade);
}

/*  */

.job-details-section .decorations .purple {
	right: 0;
	transform: translatex(50%);
	top: 400px;
}

.job-details-section .decorations .blue {
	left: 0;
	bottom: 0;
	transform: translate(-50%, 70%);
}

.application-process-section .decorations .aqua {
	right: 0;
	transform: translate(50%);
}

.travel-time-calculator-section .decorations .blue {
	left: 0;
	transform: translatex(-50%);
}

.related-vacancies-section .decorations .blue {
	right: 0;
	bottom: 0;
	transform: translate(50%, 70%);
}

/* sollicitatie modal */

.solliciteer-modal-overlay {
	position: fixed;
	inset: 0;
	background: var(--color-dark-blue);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 999;
	pointer-events: none;
}
.solliciteer-modal {
	display: flex;
	flex-direction: column;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 400px;
	transform: translate(-50%, 100vh);
	transition: transform 0.4s ease;
	z-index: 1000;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(100px);
	border-radius: 24px;
	padding: 48px;
	width: 848px;
	height: fit-content;
	max-height: 85vh;
	gap: 20px !important;
	/* 	overflow-y: auto; */
}
.solliciteer-modal.is-open {
	transform: translate(-50%, -50%);
}
.solliciteer-modal-overlay.is-open {
	opacity: 80%;
	pointer-events: all;
}

.solliciteer-modal button[type="submit"] {
	width: fit-content;
}

.solliciteer-modal__close {
	position: absolute;
	top: 24px;
	right: 24px;
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	line-height: 1;
	padding: 0;
}

/* kandidaten page */

.page-id-33 .hero-section {
	margin-top: 0;
	padding-top: 482px;
	padding-bottom: 300px;
	background-image: url('https://haystack.paddap.dev/wp-content/uploads/2026/04/kandidaten-hero-scaled.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page-id-33 .tekst-section {
	margin-top: calc(-300px);
	position: relative;
	z-index: 10;
}

.page-id-33 .tekst-section a {
	margin: 0 auto;
}

.page-id-33 .tekst-section .decorations,
.page-id-33 .tekst-section .decorations .circle.sky,
.page-id-33 .tekst-section .decorations .circle.purple {
	display: flex;
}

.page-id-33 .tekst-section .decorations .sky {
	right: 0;
	top: 50%;
	transform: translate(50%, -50%);
}

.page-id-33 .tekst-section .decorations .purple {
	top: 100%;
	left: 0;
	transform: translatex(-50%);
}

.page-id-33 .image-text-section__content > h3 {
	font-size: 20px;
	color: var(--color-aqua);
}

.page-id-33 .image-text-section__content > h3 + p {
	margin-top: -40px;
}

.page-id-33 .image-text-section__content {
	gap: 40px;
}

.page-id-33 .decorations .circle {
	display: none;
}

.page-id-10 .image-text-section .decorations .circle.sky {
	display: none;
}

.page-id-33 .image-text-section .decorations .circle.sky {
	display: block;
	right: -25%;
	bottom: -40%;
}

.page-id-31 .image-text-section .decorations .circle.sky {
	display: none;
}
.page-id-31 .image-text-section .decorations .circle.aqua {
	right: 0;
	display: block;
}

.page-id-33 .application-process-section .decorations .circle.aqua {
	display: block;
	left: -50%;
	bottom: -60%;
}

.text-scroller-section .decorations .circle.dark-blue {
	display: none;
}

.page-id-33 .text-scroller-section .decorations .circle.dark-blue {
	display: block;
	right: -25%;
	top: 50%;
	transform: translatey(-50%);
}

.page-id-35 .tekst-section .decorations {
	display: block;
}
.tekst-section .decorations .circle {
	display: none;
}

.page-id-35 .tekst-section .decorations .circle.aqua-ring {
	display: block;
	right: -25%;
	top: 20%;
}

.page-id-35 .usp-section .circle {
	display: none;
}

.page-id-35 .usp-section .circle.blue-shade {
	display: block;
	top: 0;
	left: -25%;
}

.page-id-35 .team-section .circle.sky {
	bottom: 0;
	left: -25%; 
}

.page-id-35 .team-section .circle.blue {
	top: 10%;
	right: -25%;
}

.page-id-35 .google-reviews-section .circle.home {
	display: none;
}

.google-reviews-section .circle.dark-blue {
	display: none;
}

.page-id-31 .google-reviews-section .circle.home {
	display: none;
}
.page-id-31 .opdrachtgever-logos-section .circle {
	display: none;
}

.google-reviews-section .circle.dark-blue-tint {
	display: none;
}
.page-id-31 .google-reviews-section .circle.dark-blue-tint {
	left: -25%;
	display: block;
	bottom: 0;
}
.page-id-35 .google-reviews-section .circle.dark-blue {
	display: block;
	right: -25%;
	top: 0;
}

/* gerelateerde-artikelen-section */
/* uitgelichte-vacatures-section */
/* interne-vacatures-section */

.gerelateerde-artikelen-section,
.interne-vacatures-section,
.uitgelichte-vacatures-section {
	position: relative;
	z-index: 20;
}

.gerelateerde-artikelen-section__items-list,
.interne-vacatures-section__items-list,
.uitgelichte-vacatures-section__items-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.gerelateerde-artikelen-section__items-list .no-items-found,
.interne-vacatures-section__items-list .no-items-found,
.uitgelichte-vacatures-section__items-list .no-items-found {
	grid-column: 2;
	text-align: center;
	margin: 0 auto;
}

.gerelateerde-artikelen-section__content,
.interne-vacatures-section__content,
.uitgelichte-vacatures-section__content {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.gerelateerde-artikelen-section__content .bttn,
.interne-vacatures-section__content .bttn,
.uitgelichte-vacatures-section__content .bttn {
	margin: 0 auto;
}

.uitgelichte-vacatures-section .decorations .circle {
	right: -25%;
	bottom: -25%;
}

section .decorations {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -10 !important;
}

.gerelateerde-artikelen-section .decorations .circle.aqua-ring {
	left: -25%;
	bottom: 25%;
}

.gerelateerde-artikelen-section .decorations .circle.dark-blue {
	right: -20%;
	bottom: -80%;
}

/* faq section */

.faq-section__content {
	display: flex;
	flex-direction: column;
	padding: 12px;
	background: var(--color-dark-blue);
}

.faq-item {
	border-bottom: 1px solid var(--color-blue-shade);
	background: transparent;
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-item:hover {
	border-color: rgba(106, 135, 235, 0.4);
}

.faq-item__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 24px;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	color: inherit;
	font: inherit;
	transition: background 0.2s ease;
}

.faq-item__trigger:hover {
	background: rgba(255, 255, 255, 0.02);
}

.faq-item__trigger:focus-visible {
	outline: 2px solid var(--color-blue, #6a87eb);
	outline-offset: -2px;
}

.faq-item__question {
	font-size: 20px;
	color: white;
	flex: 1;
	transition: all 0.3s ease;
}

.faq-item__chevron {
	flex-shrink: 0;
	color: var(--color-aqua);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item__trigger:hover .faq-item__question,
.faq-item.is-open .faq-item__question {
	color: var(--color-aqua);
}

.faq-item.is-open .faq-item__chevron {
	transform: rotate(180deg);
}

.faq-item__panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item__answer {
	padding: 0 72px 37px 24px;
	color: white;
	font-weight: 100;
}

.page-id-33 .faq-section {
	margin-top: -44px;
}

.vacature-overzicht-section__filter-container .reset-button svg, 
.vacature-overzicht-section__filter-container .js-wpv-submit-trigger,
.vacature-overzicht-section__filter-container .custom-select__trigger,
.vacature-overzicht-section__filter-container .js-toolset-maps-distance-current-location,
.vacature-overzicht-section__filter-container,
.vacature-overzicht-section__filter-container input[type="text"],
.filter-locatie-row__group:first-child select,
.filter-locatie-row__group:first-child input[type="number"],
.vacature-overzicht-section__filter-container .filter-input-wrapper {
	height: 50px;
	max-height: 50px;
}

.vacature-overzicht-section__filter-container .reset-button,
.vacature-overzicht-section__filter-container .reset-button svg {
	max-width: 50px;
	width: 50px;
}


@media (max-width: 768px) {
	.faq-item__trigger { padding: 20px 24px; }
	.faq-item__question { font-size: 16px; }
	.faq-item__answer { padding: 0 24px 20px; font-size: 15px; }
}

/* team section */

.team-section h2 {
	max-width: 600px;
}

.team-section h2 span {
	color: var(--color-aqua);
}

.team-section p {
	max-width: 860px;
	font-weight: 100;
}

.team-section .container-inner {
	align-items: center;
}

.team-section__content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.team-section__member {
	width: 100%;
	height: 324px;
	border-radius: 12px;
	padding-top: 48px;
	padding-right: 36px;
	padding-bottom: 36px;
	padding-left: 36px;
	background: #FFFFFF0D;
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(50px);
	display: flex;
	align-items: center;
	flex-direction: column;
	overflow: hidden;
}

.team-section__member h3 {
	font-size: var(--text-body);
	font-weight: 500;
	margin-top: 36px;
	transition: all 0.3s ease;
}

.team-section__member img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	max-width: 144px;
	max-height: 144px;
	transition: all 0.3s ease;
}

.team-section__member:hover img {
	max-height: 79px;
	max-width: 79px;
}

.team-section__member:hover h3 {
	margin-top: 24px;
}

.team-section__member p {
	font-size: var(--text-sm);
	text-align: center;
	color: var(--color-aqua);
	font-weight: 300;
	transition: all 0.3s ease;
}

.team-section__member-links {
	display: flex;
	flex-direction: row;
	gap: 12px;
	width: 100%;
	margin-top: 24px;
	transition: all 0.3s ease;
	opacity: 0;
}

.team-section__member-links > a {
	border-radius: 6px;
	background: var(--color-blue-shade);
	height: fit-content;
	width: 100%;
	padding-block: 12px;
	display: flex;
	justify-content: center;
	transition: all 0.3s ease;
}

.team-section__member:hover .team-section__member-links {
	opacity: 1;
}

.team-section__member-links > a:hover {
	background: white;
}

.team-section__member-links > a path {
	transition: all 0.3s ease;
}

.team-section__member-links > a:hover path {
	stroke: var(--color-blue-shade);
}

/* instagram section */

.instagram-section .container-inner {
	gap: 48px;
	border-radius: 24px;
	padding: 48px;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	backdrop-filter: blur(50px);
	box-shadow: 0px 4px 4px 0px #00000040;
}

.instagram-section h2 span {
	color: var(--color-gray-1);
}

.instagram-section__header {
	gap: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.instagram-section__logo {
	background: linear-gradient(45deg, #6A87EB 14.58%, #916AEB 85.42%);
	border-radius: 999px;
	padding: 13px;
}

.instagram-section .decorations .circle {
	transform: translatex(-50%);
	top: -50%;
}

/* contact-2-section */

.contact-2-section .container-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 144px;
}

.contact-2-section p {
	font-weight: 100;
}

.contact-form__row {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.contact-2-section h1 {
	font-size: 50px;
	line-height: 0.9;
}

.solliciteer-modal form,
.contact-2-section form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-2-section__left {
	border-radius: 12px;
	overflow: hidden;
}

.contact-2-section__left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.contact-2-section__right {
	display: flex;
	flex-direction: column;
	gap: 48px;
	border-radius: 24px;
	padding: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(100px);
}

.contact-2-section .decorations .circle.purple {
	left: -25%;
	bottom: -30%;
}

/* custom checkbox */

.custom-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.custom-checkbox .wpcf7-form-control-wrap,
.custom-checkbox .wpcf7-acceptance,
.custom-checkbox .wpcf7-list-item {
	margin: 0;
	display: inline-flex;
	align-items: center;
}

.custom-checkbox .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	margin: 0;
	cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.custom-checkbox__box {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--color-blue-shade);
	display: grid;
	place-items: center;
	transition: background 0.2s ease;
	flex-shrink: 0;
}

.custom-checkbox__box::after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
	transform: scale(0);
	transition: transform 0.15s ease;
}

.custom-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label .custom-checkbox__box::after {
	transform: scale(1);
}

.custom-checkbox input[type="checkbox"]:focus-visible + .wpcf7-list-item-label .custom-checkbox__box {
	outline: 2px solid var(--color-blue, #6a87eb);
	outline-offset: 2px;
}

/* country code selector */

.phone-input {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.phone-input__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: var(--color-blue-shade);
	border-radius: 6px;
	padding-left: 10px;
	height: 60px;
	position: relative;
}

.phone-input__inner input[type="tel"] {
	flex: 1;
	background: transparent;
	border: none;
	height: 100%;
	padding-left: 12px;
}

.phone-input .wpcf7-not-valid-tip {
	display: block;
	height: fit-content;
	width: 100%;

}

.contact-form__row > * {
	width: 50%;
}

.phone-input input[type="tel"] {
	flex: 1;
	background: transparent;
	border: none;
	height: 100%;
	padding-left: 12px;
}

.phone-input__flag {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 16px;
	border: none;
	color: white;
	cursor: pointer;
	font: inherit;
	background: #182349;
	height: calc(100% - 20px);
	border-radius: 6px;
}

.phone-input__chevron {
	transition: transform 0.2s ease;
}

.phone-input.is-open .phone-input__chevron {
	transform: rotate(180deg);
}

.phone-input__menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	min-width: 220px;
	background: var(--color-blue-shade);
	border-radius: 6px;
	padding: 6px;
	margin: 0;
	list-style: none;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	z-index: 10;
	/* 	max-height: 280px; */
	/* 	overflow-y: auto; */
}

.phone-input.is-open .phone-input__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.phone-input__menu li {
	margin: 0;
}

.phone-input__menu button {
	width: 100%;
	text-align: left;
	padding: 10px 14px;
	background: transparent;
	border: none;
	color: white;
	cursor: pointer;
	border-radius: 4px;
	font: inherit;
	transition: background 0.15s ease;
}

.phone-input__menu button:hover {
	background: rgba(255, 255, 255, 0.06);
}

/* inzichten */

.page-id-117 .hero-section {
	position: relative;
}

.page-id-117 .hero-section h1 {
	max-width: 700px;
}

.page-id-117 .hero-section .circle {
	display: flex;
	top: 0;
	transform: translatey(-25%);
}

.page-id-117 .job-alert-section {
	margin-top: 144px;
}

.page-id-117 .job-alert-section .decorations,
.page-id-117 .job-alert-section .decorations .circle {
	display: block;
}

.inzichten-filter {
	width: 100%;
	max-width: 847px;
}

.inzichten-filter form {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 16px;
	align-items: stretch;
}

/* Select wrapper */
.inzichten-filter__select {
	position: relative;
}

.inzichten-filter__select select {
	width: 100%;
	height: 60px;
	padding: 0 48px 0 24px;
	background: var(--color-blue-shade);
	border: none;
	border-radius: 6px;
	color: white;
	font: inherit;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
}

/* Search wrapper */
.inzichten-filter__search {
	position: relative;
}

.inzichten-filter__search input[type="text"],
.inzichten-filter__search input[type="search"] {
	width: 100%;
	height: 60px;
	padding: 0 48px 0 24px;
	background: var(--color-blue-shade);
	border: none;
	border-radius: 6px;
	color: white;
	font: inherit;
	outline: none;
}

.inzichten-filter__search input::placeholder {
	color: white;
	opacity: 1;
}

.inzichten-filter__search::after {
	content: '';
	position: absolute;
	right: 24px;
	top: 50%;
	width: 20px;
	height: 20px;
	pointer-events: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'><circle cx='11' cy='11' r='8' stroke='white' stroke-width='1.5'/><path d='M21 21L17 17' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat center / contain;
	transform: translateY(-50%);
}
.inzichten-filter__select-trigger {
	width: 100%;
	height: 60px;
	padding-inline: 24px;
	background: var(--color-blue-shade);
	border: none;
	border-radius: 6px;
	color: white;
	font: inherit;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.inzichten-filter__select-chevron {
	transition: transform 0.3s ease;
	flex-shrink: 0;
}
.inzichten-filter__select.is-open .inzichten-filter__select-chevron {
	transform: rotate(180deg);
}
.inzichten-filter__select-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: var(--color-blue-shade);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	max-height: 280px;
	overflow-y: auto;
	z-index: 20;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
.inzichten-filter__select.is-open .inzichten-filter__select-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.inzichten-filter__select-menu li { margin: 0; }
.inzichten-filter__select-menu button {
	width: 100%;
	text-align: left;
	padding: 12px 16px;
	background: transparent;
	border: none;
	color: white;
	font: inherit;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.15s ease;
}
.inzichten-filter__select-menu button:hover {
	background: rgba(255, 255, 255, 0.06);
}

.page-id-117 .entry-content {
	gap: 0;
}

.page-id-117 .filters-section {
	margin-top: 96px;
}

.page-id-117 .inzichten-items-section {
	margin-top: 48px;
}

.inzichten-items-section .container-inner > div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.inzichten-items-section .decorations .circle {
	right: -25%;
	bottom: -100%;
}

.inzichten-items-section__item {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 12px;
	height: 100%;
}

.inzichten-items-section__content p {
	opacity: 0;
	position: absolute;
	bottom: 48px;
	left: 48px;
	right: 48px;
	transition: all 0.3s ease;
	font-weight: 100;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.inzichten-items-section__item:hover .inzichten-items-section__image {
	min-height: 150px;
}

.inzichten-items-section__item:hover .inzichten-items-section__content p {
	opacity: 1;
	position: static;
}

.inzichten-items-section__item:hover .inzichten-items-section__content h2, 
.inzichten-items-section__item:hover .inzichten-items-section__content p {
	color: #3F2E66;
}

.inzichten-items-section__item:hover .inzichten-items-section__content {
	background: #DEEFFC;
	border-top: 1px solid var(--color-dark-blue);
}

.inzichten-items-section__image {
	width: 100%;
	min-height: 210px;
	position: relative;
	background: var(--color-gray-1);
	transition: all 0.3s ease;
}

.inzichten-items-section__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inzichten-items-section__content {
	width: 100%;
	height: fit-content;
	padding: 48px;
	height: 100%;
	background: #FFFFFF0D;
	box-shadow: 0px 4px 4px 0px #00000040;
	backdrop-filter: blur(100px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.3s ease;
}

.inzichten-items-section__content h2 {
	color: white;
}

/* inzichten detail */

.berichten-detail-hero-section .circle.purple {
	display: flex;
	top: 0;
	transform: translatey(-25%);
}
.berichten-detail-hero-section .circle.aqua {
	transform: translate(100%, -25%);
	top: 0;
}

.berichten-detail-hero-section h1 {
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}

.berichten-detail-content-section h3 {
	color: var(--color-aqua);
	font-size: 20px;
}

.berichten-detail-content-section .container-inner {
	gap: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.berichten-detail-content-section .decorations .circle.blue {
	right: -25%;
	top: 25%;
}

.post-template-default .entry-content {
	gap: 96px;
}

.berichten-detail-hero-section {
	margin-top: 214px;
}

.berichten-detail-content-section .container-inner p,
.berichten-detail-content-section .container-inner ul {
	font-weight: 100;
	margin-left: 0;
}

.berichten-detail-content-section .container-inner > p,
.berichten-detail-content-section .container-inner > ul,
.berichten-detail-content-section .container-inner > h3,
.berichten-detail-content-section__buttons {
	max-width: 848px;
	width: 100%;
} 

.berichten-detail-content-section .container-inner p + p,
.berichten-detail-content-section .container-inner p + ul {
	margin-top: 48px;
}

.berichten-detail-content-section .container-inner blockquote {
	margin: 96px 0;
	padding: 36px;
	padding-bottom: 48px;
	width: 100%;
	max-width: 1064px;
	height: fit-content;
	border-radius: 12px;
	background: #FFFFFF1A;
	backdrop-filter: blur(50px);
	box-shadow: 0px 4px 4px 0px #00000040;
}

.berichten-detail-content-section .container-inner blockquote p {
	text-align: center;
	line-height: 55px;
}

.berichten-detail-content-section__buttons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	margin-top: 48px;
}

.entry-footer {
	display: none;
}

/* hide decorations */
/* .decorations, .circle {
display: none !important;
} */
.hamburger-menu-bttn,
.mobile-nav {
	display: none;
}

.iti__country-name {
	display: none;
}

/* resposiveness */

@media (max-width: 768px) {
	:root {
		--text-h1: 36px;
		--text-h2: 28px;
		--text-h3: 18px;
		--text-body: 14px;
		--text-sm: 12px;
	}
	body {
		background-image: radial-gradient(circle, rgba(255, 255, 255, 0.10) 1.5px, transparent 2px);
		background-size: 25px 25px;
	}
	#page {
		overflow-x: clip;
	}
	.hamburger-menu-bttn {
		display: flex;
		min-width: 40px;
		min-height: 40px;
		align-items: center;
		justify-content: center;
	}
	.cursor-orb,
	#site-navigation {
		display: none;
	}
	#page {
		position: relative;
	}
	#masthead {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
	}
	.container-inner {
		position: static;
	}

	.hamburger-menu-bttn {
		border: none;
		outline: none;
		height: 40px;
		background: transparent;
	}

	.mobile-nav {
		display: flex;
		position: absolute;
		background: var(--color-dark-blue);
		backdrop-filter: blur(90px);
		left: 0;
		top: 0;
		right: 0;
		height: 100vh;
		opacity: 0;
		pointer-events: none;
		transition: all 0.4s ease;
		z-index: 999px;
	}
	.mobile-nav.open {
		opacity: 1;
		pointer-events: all;
	}
	.menu-menu-1-container {
		width: 100%;
		padding: 100px 30px;
	}
	.menu-item {
		font-size: 20px;
	}
	#masthead ul > li:last-child > a {
		font-size: 18px;
		height: 50px;
		width: 100%;
		margin-top: 15px;
	}
	#primary-menu {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	#primary-menu .bttn--menu,
	#masthead ul > li:last-child {
		margin-top: 15px;
	}

	/* 	.decorations, .circle {
	display: none !important;
} */
	.hamburger-menu-bttn,
	.site-branding {
		z-index: 999;
		position: relative;
	}	
	.site-branding,
	.site-branding svg {
		height: 25px;
		width: auto;
	}
	.site-footer .container-inner {
		padding: 20px;
	}
	.site-footer__top svg {
		width: 100%;
	}
	.site-footer__bottom-col:first-child {
		align-items: start;
	}

	.site-footer__bottom-col:last-child {
		display: flex;
		flex-direction: row;
	}
	.vakgebieden-section > .container-inner {
		gap: 25px;
		padding-bottom: 0;
	}
	.vakgebieden-section__grid a {
		padding-block: 20px;
	}
	.vakgebieden-section__grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.vakgebieden-icon {
		height: 60px;
		width: 60px;
	}
	.vakgebieden-section__grid > a img {
		height: 100%;
		width: 100%;
		object-fit: contain;
		transition: filter 0.3s ease;
	}
	.image-text-section .container-inner {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.image-text-section img {
		order: -1;
	}
	.feitjes-section__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.feitjes-card {
		padding: 30px 20px;
		gap: 15px;
	}
	.entry-content > div, 
	.entry-content {
		gap: 100px;
	}
	.job-alert-section > .container-inner {
		padding: 20px;
	}
	.job-alert-section__content {
		gap: 20px;
	}
	.grw-row .grw-review {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 352px !important;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.05);
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		backdrop-filter: blur(25px);
		transition: background 0.3s ease !important;
	}
	.hero-section .hero-section__buttons {
		flex-direction: column;
		align-items: center;
		white-space: normal;
	}
	.text-scroller-section__track img {
		height: 50px;
		padding-right: 15px;
	}
	.grw-review .grw-img-wrap, .grw-review .grw-img-wrap img {
		min-height: 50px !important;
		min-width: 50px !important;
	}
	.grw-review .grw-review-inner .wp-google-text {
		line-height: 1.1 !important;
	}
	.grw-review > .rpi-flx {
		padding: 20px !important;
		gap: 20px !important;
	}
	.usp-section__content {
		display: flex;
		flex-direction: column;
	}
	.usp-section__card-icon {
		height: 60px;
		width: 60px;
	}
	.usp-section__card {
		padding: 30px;
	}
	.usp-section__content {
		height: fit-content;
	}
	.tekst-section--has-image .container-inner {
		margin-top: 0;
	}
	.tekst-section {
		gap: 30px;
	}
	.application-process-section__steps {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.application-process-section svg {
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 50%) rotate(90deg);
		width: 120px;
	}
	.application-process-section svg path {
		transform: scalex(80%);
	}
	.application-process-section .container-inner,
	.application-process-section__steps {
		height: 100% !important;
	}
	.contact-2-section__right,
	.contact-section__image,
	.contact-section__body {
		padding: 20px;
	}
	.phone-input .phone-input__menu {
		left: auto;
		right: 0;
	}
	.faq-section__content {
		padding: 0;
	}
	.team-section__content {
		grid-template-columns: repeat(2, 1fr);
	}
	.team-section__member {
		padding: 20px;
		height: 270px;
	}
	.team-section__member-links > a {
		padding: 5px;
	}
	.team-section__member-links svg {
		height: 20px;
		width: 20px;
	}
	.team-section__member-links {
		gap: 5px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.contact-2-section h1 {
		font-size: var(--text-h1);
	}
	.filter-sticky-wrapper {
		position: static;
		height: fit-content;
	}
	.vacature-overzicht-section__filter-container {
		height: 100%;
		max-height: 100%;
	}
	.travel-time-calculator-section .container-inner,
	.job-duties-section > .container-inner,
	.job-card {
		padding: 30px;
	}
	.job-duties-section__diagram,
	.job-details-section__beam {
		padding-inline: 30px;
	}
	.job-details-section__meta {
		align-items: start;
		padding: 30px;
	}
	.job-details-section__body-sidebar {
		margin-top: 30px;
	}
	.entry-content > .job-details-section__beam,
	.job-details-section__body-sidebar-card {
		position: static;
	}
	.job-duties-section__diagram, 
	.job-duties-section__diagram svg {
		height: 100%;
		width: 100%;
	}
	.job-duties-section__text-content .percentage {
		margin-bottom: 0;
	}
	.job-duties-section__text-content * {
		text-align: center;
	}

	.usp-section__card {
		background: rgba(255, 255, 255, 0.10);
		height: 100%;
	}
	.usp-section__card .usp-section__card-text {
		opacity: 1;
		max-height: 170px;
		margin-top: 36px;
	}
	.application-process-section__steps > div::before {
		opacity: 1;
	}
	.application-process-section__steps > div {
		box-shadow: 0px 4px 4px 0px #00000040;
		max-height: 700px;
		height: fit-content;
	}
	.application-process-section__steps > div p {
		margin-top: 36px;
		opacity: 1;
	}
	.travel-time-calculator-section .container-inner {

	}
	.travel-time-calculator-section__transport-mode-selector {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.travel-time-calculator-section__right {
		min-height: 200px;
	}
	.travel-time-calculator-section__right img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.work-week-section h2 {
		padding-inline: 20px;
	}
	.work-week-section .container-inner {
		overflow: hidden;
	}
	.work-week-section {
		padding: 0;
	}
	.work-week-section__table {
		overflow-x: auto;
		overflow-y: hidden;
		padding-inline: 20px;
		position: relative;
	}
	.work-week-section__table .time-label:not(:nth-child(2)) {
		position: sticky;
		left: 0;
		z-index: 25;
		background: var(--color-dark-blue);
	}
	#masthead {
		position: relative !important;
		z-index: 999;
	}

	.work-week-section__table .event {
		min-width: 224px;
	}
	.work-week-section .container-inner {
		position: relative;
	}
	.work-week-section .first-column-background {
		background: var(--color-dark-blue);
		height: 700px;
		bottom: -30px;
		width: 125px;
		left: 0;
		position: absolute;
		z-index: 20;
	}
	.job-card .bookmark-icon {
		opacity: 1;
		pointer-events: all;
		top: 20px;
		right: 20px;
	}
	.job-card h2 {
		margin-right: 50px;
	}
	.dropdown-options .filter-select-wrapper .custom-select__panel {
		top: calc(100% + 6px);
		bottom: auto;
	}
	.inzichten-items-section__content {
		gap: 20px;
		padding: 30px;
	}
	.inzichten-items-section__item:hover .inzichten-items-section__image {
		min-height: 210px; /* reset to default */
	}

	.inzichten-items-section__item:hover .inzichten-items-section__content h2,
	.inzichten-items-section__item:hover .inzichten-items-section__content p {
		color: white; /* reset to default */
	}

	.inzichten-items-section__item:hover .inzichten-items-section__content {
		background: #FFFFFF0D; /* reset to default */
		border-top: none;
	}
	.solliciteer-modal {
		width: 100%;
		max-width: 90vw;
		max-height: 70vh;
		height: fit-content;
		padding: 30px;
	}
	.uitgelichte-vacatures-section .decorations,
	.vacature-overzicht-section__list-type-buttons {
		display: none;
	}

	/* always show paragraph */
	.inzichten-items-section__content p {
		opacity: 1;
		position: static;
	}


	/* LINE HEIGHT */
	h1, h2, h2 {
		line-height: 1.2 !important;
	}
	p {
		line-height: 1.4 !important;
	}
	.job-details-section__body-content h2 {
		line-height: 2 !important;
	}

	/* 	SECTION TO CONTENT GAP */
	.job-duties-section .container-inner,
	.contact-section .container-inner,
	section .container-inner,
	.usp-section > .container-inner,
	.opdrachtgever-logos-section .container-inner,
	.feitjes-section .container-inner {
		gap: 30px;
	}

	/* FULL WIDTH */
	.hero-section__buttons,
	.travel-time-calculator-section__right,
	.travel-time-calculator-section__left,
	.job-duties-section__text-content,
	.job-details-section__body-content,
	.job-details-section__body-sidebar,
	.job-details-section__solliciteer,
	.filter-sticky-wrapper,
	.vacature-overzicht-section__content-container,
	.contact-2-section button[type="submit"],
	.contact-form__row > *,
	.job-card,
	.contact-section__image,
	.contact-section__body,
	.hero-section .hero-section__buttons > a,
	.image-text-section__content,
	.inzichten-filter form button,
	.image-text-section .container-inner img {
		width: 100%;
	}

	/* FLEX COLUMN */
	.contact-1-section__form,
	.travel-time-calculator-section .container-inner,
	.job-duties-section__content,
	.job-details-section__body,
	.job-details-section__meta,
	.entry-content > .job-details-section__beam,
	.vacature-overzicht-section .container-inner,
	.contact-form__name-row,
	.contact-form__row,
	.contact-2-section .container-inner,
	.inzichten-items-section .container-inner > div,
	.inzichten-filter form,
	.uitgelichte-vacatures-section__items-list,
	.contact-section .container-inner, 
	.job-alert-section > .container-inner,
	.site-footer__bottom-col:first-child,
	.site-footer__bottom,
	.site-footer__bottom-col,
	.site-footer__middle {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.site-footer__bottom-col:first-child {
		gap: 10px;
	}

	.vakgebieden-section__grid > a:nth-child(4n)::after,
	.vakgebieden-section__grid > a:nth-last-child(-n+4)::before {
		display: block;
	}
	.vakgebieden-section__grid > a:nth-child(2n)::after,
	.vakgebieden-section__grid > a:nth-last-child(-n+2)::before {
		display: none;
	}
	.vakgebieden-section__grid > a:last-child {
		grid-column: span 2;
	}
	.vakgebieden-section__grid > a:last-child::before,
	.vakgebieden-section__grid > a:last-child::after {
		display: none;
	}

	/* overrides */
	.vakgebieden-section__grid > a:nth-child(3)::after {
		display: block;
	}
	.vakgebieden-section__grid > a:nth-child(8)::before {
		display: block;
	}
	.contact-1-section__form,
	.contact-form__name-row,
	.contact-form__row {
		gap: 12px;
	}
	.vacature-overzicht-section .container-inner {
		gap: 50px;
	}
	.job-duties-section__content {
		gap: 0;
	}
}
section.error-404.not-found {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


/* Share job / article */
.job-details-section__share {
	position: relative;
}
.job-details-section__share-options {
	position: absolute;
	display: flex;
	flex-flow: column;
	grid-gap: 8px;
	padding-top: 8px;
	top: 100%;
	left: auto;
	right: auto;
	opacity: 0;
	transform: translateY(-1rem);
	pointer-events: none;
	transition-property: opacity, transform;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}
.job-details-section__share:hover .job-details-section__share-options {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.job-details-section__share:hover .job-details-section__share-options svg path {
	stroke: white;
}
.job-details-section__share-options a {
	border-radius: 6px;
	background: var(--color-blue-shade);
	height: 60px;
	width: 60px;
	display: flex;
	padding: 12px;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
}
.job-details-section__share-options a:hover {
	background-color: white;
}
.job-details-section__share .job-details-section__share-options a:hover svg path {
	stroke: var(--color-blue-shade);
}
.job-details-section__share-options a svg {
	transition: fill 0.2s ease;
}
/* End - Share job / article */