@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;500;600;700&display=swap");

/*!
Theme Name: PADDAP
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
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=Nata+Sans:wght@100..900&display=swap');

:root {
	--bodyFont: "Nata Sans";
	--primaryBlue: #0F1425;
	--secondaryBlue: #00B0F0;
	--primaryYellow: #85C441;
	--bridal-health: #FFFAF3;
	--white: #FFFAF3;
	--dangerRed: #B8371B;
}

#page.site {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	position: relative;
	z-index: 3;
}
#primary.site-main {
	flex-grow: 1;
}
a {
	outline: none !important;
	color: var(--primaryBlue);
}
a:hover, a:focus, a:active {
	color: var(--primaryBlue);
}
h1 {
	margin: 0;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
}
h2 {
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--primaryBlue);
}
h3 {
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--primaryBlue);
}
body {
	/* 	background: linear-gradient( 
	90deg,
	rgba(235, 245, 255, 1),
	rgba(154, 196, 217, 1)
	);*/

	background: #F5F5F5
}
body,
p {
	margin: 0;
	font-family: var(--bodyFont);
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	color: var(--primaryBlue);
}
ul {
	margin-left: 0;
}
.wp-video {
	width: 100% !important;
	height: auto;
}
.wp-video .mejs-overlay-button {
	background: url(/wp-content/uploads/2022/03/icon_play.svg) no-repeat;
	opacity: 0.8;
	background-position: unset !important;
}
.wp-video .mejs-overlay:hover > .mejs-overlay-button {
	opacity: 1;
}
#primary {
	margin-top: 70px;
}

/* Bttns */
.primaryBttn {
	position: relative;
	-webkit-appearance: none;
	outline: none;
	border-radius: 999px;
	text-decoration: none;
	background-color: var(--primaryBlue);
	padding: 12px 28px;
	display: block;
	cursor: pointer;
	border: 2px solid var(--primaryBlue);
	transition: all .2s ease;
}
.primaryBttn p,
.primaryBttn span {
	color: var(--bridal-health);
	font-size: 16px;
	line-height: 1;
	font-weight: 500;

	text-align: center;
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;

	transition: all .2s ease;
}
.primaryBttn .bgLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primaryBlue);
	border-radius: 0 0 10px 0;
	display: none;
}
.primaryBttn:hover {
	background-color: transparent;
	border-color: var(--primaryBlue);
}
.primaryBttn:hover p,
.primaryBttn:hover span {
	color: var(--primaryBlue);
}
.primaryBttn .cli-plugin-button {
	margin: 0 !important;
	padding: 0 !important;
	background: none;
	background-color: transparent !important;
	color: var(--bridal-health) !important;
}
.primaryBttn:hover .cli-plugin-button {
	color: var(--primaryBlue) !important;
}

/* Secondary */
.secondaryBttn {
	position: relative;
	-webkit-appearance: none;
	outline: none;
	text-decoration: none;
	background: unset;
	padding: 12px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: none;
}
.secondaryBttn:before {
	content: '';
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, var(--secondaryBlue), var(--primaryYellow));
	border-radius: 999px;
	opacity: 0;
	transition: all .2s ease;

	pointer-events: none;
}
.secondaryBttn:after {
	content: '';
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, var(--secondaryBlue), var(--primaryYellow)) border-box;
	border: 2px solid transparent;
	border-radius: 999px;
	-webkit-mask: /*4*/ linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;

	pointer-events: none;
}

.secondaryBttn.left {
	margin: 0 auto 0 0;
}
.secondaryBttn p {
	position: relative;

	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	text-align: center;

	display: flex;
	justify-content: center;
	align-items: center;

	transition: 0.3s ease;
}
.secondaryBttn .bgLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primaryYellow);
	border-radius: 0 0 10px 0;
	display: none;
}
.secondaryBttn.isWhite .bgLayer {
	background-color: #ffffff;
}
.secondaryBttn:hover:before {
	opacity: 1;
}
.secondaryBttn .wt-cli-element {
	background: none;
	background-color: transparent !important;
	margin: 0 !important;
	color: var(--primaryBlue) !important;
}


.textSection .secondaryBttn, .textSection .primaryBttn {
	width: 250px;
	margin-top: 2rem;
	margin-left: 0;
}
.textSection .grid .primaryBttn p, .textSection .grid .secondaryBttn p {
	max-width: 100%;
}
.textSection.withImage .grid {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 0 30px;
}
.textSection.withImage .wysiwyg * {
	max-width: 100%;
}
.textSection.withImage .image {
	position: relative;
	display: flex;
	height: fit-content;
}
.textSection.withImage .image h2 {
	font-size: 72px;
}
.textSection.withImage .image:before {
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primaryBlue);
	border-radius: 0 0 10px 0;
}
.textSection.withImage .image img {
	position: relative;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	transform: translate(-15px, -15px);
	z-index: 1;
}
.bttnGroup {
	margin-top: 30px;
	display: flex;
	flex-flow: row wrap;
	grid-gap: 20px 30px;
}
.bttnGroup > * {
	margin: 0 !important;
}

.toolset-google-map-container.js-toolset-google-map-container {
	margin-bottom: 1rem;
}
.progress {
	border-radius: 100px;
	background-color: var(--secondaryBlue);
	margin-top: -1rem;
	display: none;
}
.progress-bar {
	background-color: var(--primaryBlue) !important;
	height: 4px;
	border-radius: 100px;
}
span.password-verdict {
	font-family: var(--bodyFont);
	font-size: 14px;
	margin-bottom: 1rem !important;
	display: none;
}
.inactive {
	opacity: 0.75;
}

/* General grid */
section {
	padding: 80px 0;
	position: relative;
}
section.is-white, .is-white {
	background-color: #ffffff;
}
.grid {
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

/* Navbar */
#masthead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 50;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
#masthead .activeLine {
	display: none;
	position: absolute;
	bottom: 0;
	width: 200px;
	height: 3px;
	background-color: var(--primaryBlue);
}
#masthead .nav-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}
#masthead .nav-inner .logo {
	height: 44px;
	width: auto;
	display: block;
}
#masthead .nav-inner .logo.mobile {
	display: none;
}
#masthead .nav-inner nav {
	width: auto;
	height: 100%;
}
#masthead .nav-inner nav ul {
	display: flex;
	align-items: center;
}
#masthead .nav-inner nav ul li {
	margin: 0 20px;
}
#masthead .nav-inner nav ul li.menu-item-has-children {
	display: flex;
}
/*#masthead .nav-inner nav ul li.menu-item-has-children:not(.profileIcon):after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23213948%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
margin-left: 10px;
transition: transform 0.3s ease;
}*/
#masthead .nav-inner nav ul li.menu-item-has-children:not(.profileIcon):after {
	content: none;
	margin-left: 10px;
	aspect-ratio: 1;
	width: 16px;
	height: auto;
	transition: transform 0.3s ease;

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23213948%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23213948%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;

	background: var(--white);
}
#masthead .nav-inner nav ul li.menu-item-has-children:hover:after {
	transform: rotate(180deg);
}
#masthead .nav-inner nav ul li.mobileOnly {
	display: none !important;
}
#masthead .nav-inner nav ul li:last-child {
	margin-right: 0;
}
#masthead .nav-inner nav ul li.secondaryBttn:last-child {
	margin-left: 0;
	height: -webkit-fill-available;
	padding: 0;
}
#masthead .nav-inner nav ul li.secondaryBttn:last-child a {
	padding: 8px 12px;
	height: 100%;
	display: flex;
	align-items: center;
}
#masthead .nav-inner nav ul li.primaryBttn a,
#masthead .nav-inner nav ul li.primaryBttn:after  {
	color: var(--white);
}
#masthead .nav-inner nav ul li.primaryBttn.profileSub:hover a {
	color: var(--primaryBlue);
}
#masthead .nav-inner nav ul li.primaryBttn.profileSub:hover:after {
	background: var(--primaryBlue);
}
#masthead .nav-inner nav ul li.menuBttn a {
	background-color: var(--primaryYellow);
	padding: 7px 17px;
	border-radius: 0 0 0 10px;
	margin-left: 0;
}
#masthead .nav-inner nav ul li.profileBttn svg {
	display: block;
	height: 100%;
}
#masthead .nav-inner nav ul li {
	position: relative;
	height: 100%;
}
#masthead .nav-inner nav > div > ul > li.current-menu-item:after {
	display: none;
	content: "";
	position: absolute;
	bottom: -2px;
	left: -2.5%;
	width: 105%;
	height: 1px;
	background-color: var(--primaryBlue);
}
#masthead .nav-inner nav ul li a {
	font-weight: 600;
	line-height: 1;
	color: var(--primaryBlue);
}
#masthead .nav-inner nav ul li ul {
	min-width: 250px;
	flex-flow: column;
	padding: 50px 0 0 0;
	box-shadow: none;
	filter: drop-shadow(0px 5px 20px rgba(0,0,0,0.25));
}
#masthead .nav-inner nav ul li ul:before {
	content: url('/wp-content/uploads/2022/03/triangle.svg');
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, -100%);
	width: 40px;
	height: 30px;
}
#masthead .nav-inner nav ul li ul li {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #ffffff;
	box-sizing: border-box;
	transition: padding 0.3s ease;
}
#masthead .nav-inner nav ul li ul li a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
}
#masthead .nav-inner nav ul li ul li a:after {
	content: url(/wp-content/uploads/2023/09/chevron-right-solid.svg);
	display: block;
	transition: transform 0.2s ease;
	width: 9px;
}
#masthead .nav-inner nav ul li ul li a:hover:after {
	transform: translateX(-10px);
}
#masthead .nav-inner nav ul li ul li:not(:first-child) {
	padding-top: 0;
}
#masthead .nav-inner nav ul li ul li:not(:first-child):before {
	content: "";
	position: absolute;
	top: -10px;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background-color: var(--secondaryBlue);
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	right: 50%;
	transform: translateX(50%);
}
#masthead .nav-inner nav ul li ul  {
	opacity: 0;
	pointer-events: none;
	transform: translateX(50%) translateY(-5px);
	transition: 0.3s ease;
}
#masthead .nav-inner nav ul li:hover ul {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(50%) translateY(0);
}

/* Footer */
#colophon {
	margin-top: 100px;
}
#colophon .divider {
	display: block;
	transform: translateY(1px);
}
#colophon .bgWrapper {
	background-color: var(--primaryBlue);
}
#colophon .mainRow {
	padding-top: 30px;
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 2rem;
}
#colophon .mainRow .column.logoColumn, #colophon .mainRow .column.menuColumn, #colophon .mainRow .column.menuColumn.first {
	grid-column: span 3;
}
#colophon .mainRow .column.menuColumn p strong {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
}
#colophon .mainRow .column.menuColumn p {
	color: #a4adb4;
}
#colophon .mainRow .column.menuColumn a {
	color: #a4adb4;
	text-decoration: none;
	font-weight: 400;
}
#colophon .mainRow .logoColumn img {
	width: 180px;
	height: auto;
}
#colophon .mainRow .menuColumn p:first-of-type {
	margin-bottom: 20px;
}
#colophon .mainRow .menuColumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#colophon .mainRow .menuColumn ul li a {
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}
#colophon .mainRow .column.menuColumn a, #colophon .mainRow .column.menuColumn p {
	line-height: 1.8;
}
#colophon .mainRow .column.menuColumn a {
	transition: color 0.2s ease;
}
#colophon .mainRow .column.menuColumn a:hover {
	color: #ffffff;
}
#colophon .mainRow .column.menuColumn nav {
	margin-top: 20px;
}
#colophon .copyright {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px 0;
}
#colophon .copyright a,
#colophon .copyright p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
}

/* Header */
header {
	position: relative;
}
header h1 {
	color: #ffffff;
}
.overlay-gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.65;
	background: linear-gradient(
		90deg,
		var(--secondaryBlue),
		var(--primaryYellow)
	);
}

/* Filter header */
.filterHeader {
	z-index: 10;
	padding: 130px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.filterHeader h1 {
	text-align: start;
	color: var(--primaryBlue);
}
.instantInputWrapper {
	position: relative;
	width: 370px;
	border-radius: 999px;
	transition: 0.3s ease;
}
.instantInputWrapper:hover {
	box-shadow: 0 0 20px rgb(0 0 0 / 60%);
}
.filterHeader form {
	margin: 70px 0;
	max-width: 970px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.filterHeader form button {
	width: 170px;
}
.filterHeader form button.primaryBttn {
	margin: 0;
	height: 45px;
}
.filterHeader .textInputWrapper {
	border: 0;
	height: 100%;
}
.resultsContainer {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 185px;
	overflow-y: auto;
	box-shadow: 0 20px 20px rgb(0 0 0 / 30%);
}
.resultsContainer .taxonomyItem, .resultsContainer .minCar, .resultsContainer .noneFound {
	cursor: pointer;
	display: none;
	background: rgba(255, 255, 255, 0.8);
	padding: 15px;
}
.resultsContainer .taxonomyItem:hover, .resultsContainer .minCar, .resultsContainer .noneFound {
	background: rgba(255, 255, 255, 1);
}
.resultsContainer .taxonomyItem.visible, .resultsContainer .minCar.visible, .resultsContainer .noneFound.visible {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.normalHeader {
	padding: 30px 0;
	min-height: 250px;
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.normalHeader .grid {
	display: flex;
	justify-content: center;
	align-items: center;
}
.normalHeader .contentWrapper {
	margin-top: auto;
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.latestCumulus h2 {
	margin-right: auto;
}
.latestCumulus .grid {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.latestCumulus .grid .js-wpv-view-layout {
	width: 100%;
}

/* Text section */
.textSection .grid p {
	width: 100%;
	max-width: 75%;
}

/* Vacature grid */
.vacatureDetails a, .mobileVacatureDetails a {
	text-decoration: none;
}
.vacatureGrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
	grid-gap: 40px 30px;
}
.primaryBttn {
	margin: 0 auto;
	grid-column: span 3;
}
.primaryBttn.left {
	margin: 0 auto 0 0;
	grid-column: unset;
}

/* Single vacature */
.singleVacature {
	position: relative;
	background-color: rgba(255,255,255, 0.5);
	backdrop-filter: blur(20px);
	padding: 20px;
	border-radius: 16px;
	min-height: 220px;
	display: flex;
	flex-flow: column;
	text-decoration: none;
	transition: 0.5s ease;
	will-change: transform;
	box-shadow: 0 5px 25px rgba(33, 57, 72, 0.15);
}
.singleVacature:hover, .singleBlog:hover {
	transform: translateY(-5px);
}
.singleVacature:hover {
	background-color: rgba(255,255,255, 1);
}
.wolkie {
	position: absolute;
	top: -20px;
	right: 20px;
	z-index: -1;
}
.singleVacature .topBar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}
.singleVacature h3 {
	margin: 0;
	font-size: 25px;
	line-height: 31px;
	font-weight: 600;
	color: var(--primaryBlue);
}
.aanmeldBlock .secondaryBttn {
	width: fit-content;
	margin: auto;
}
.aanmeldBlock a {
	text-decoration: none;
}
.singleVacature .favouriteWrapper svg {
	display: block;
}
.singleVacature .detailsWrapper {
	display: flex;
	flex-flow: column;
}
.singleVacature .detailsWrapper .detailItem {
	display: flex;
	align-items: center;
}
.notStrongEnoughMessage {
	display: none;  
}
.singleVacature .detailsWrapper .detailItem:not(:last-child) {
	margin-bottom: 5px;
}
.singleVacature .detailsWrapper .detailItem svg {
	width: 20px;
	height: auto;
	margin-right: 20px;
}
.premiumLabel {
	margin: auto -20px -20px auto;
	background-color: var(--primaryYellow);
	display: flex;
	align-items: center;
	padding: 5px;
	border-radius: 10px 0 0 0;
}
.premiumLabel svg {
	margin-right: 5px;
}
.premiumLabel p {
	line-height: 1;
}
.mobileVacatureDetails {
	display: none;
}
.generalRegisterAsEmployerContainer .primaryBttn {
	margin-top: 30px;
}

/* Werkgever slider */
.werkgeverSectie {
	overflow: hidden;
}
.werkgeverSectie .swiperWrapperOfzo {
	position: relative;
	width: 100%;
}
.werkgeverSectie .image h2 {
	font-size: 72px;
}
.werkgeverSwiper {
	position: relative;
	width: 100%;
	border-radius: 0 0 10px 0;
}
section.latestCumulus.is-white .primaryBttn {
	margin-left: 0 !important;
}
.werkgeverSwiper .swiper-slide img {
	width: 60%;
	height: 60%;
	object-fit: contain;
}
.werkgeverSectie .grid {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 0 30px;
}
form.removeVacancy {
	margin-bottom: 0;
}
.werkgeverSwiper .swiper-wrapper .werkgeverItem {
	height: 100%;
	padding: 40px 20px;
	background-color: #ffffff;
	box-shadow: 0 5px 25px 0 rgba(33, 57, 72, 0.15);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 10px;
}
.werkgeverSwiper .swiper-wrapper .werkgeverItem img {
	width: 80%;
	height: 80%;
	object-fit: contain;
}
.favouriteIcon {
	opacity: 1;
	cursor: pointer;
	transition: 0.3s ease;
}
.favouriteIcon.absolutos {
	position: absolute;
	top: 10px;
	right: 10px;
}
.favouriteIcon.absolutos20 {
	position: absolute;
	top: 20px;
	right: 20px;
}
.favouriteIcon:hover {
	opacity: 0.5;
}
.werkgeverSwiper .primaryBttn {
	margin-top: 40px;
}

/* Vacature overzicht */
.single .splittedGrid {
	align-items: flex-start;
}
.splittedGrid {
	display: flex;
	flex-flow: row wrap;
}
.overview .grid .js-wpv-view-layout {
	width: 800px;
}
.overview .grid .js-wpv-view-layout .itemsWrapper {
	display: flex;
	flex-flow: column;
	margin-right: 20px;
}
.itemsWrapper.related {
	display: flex;
	flex-flow: column;
}
.overview .grid .js-wpv-view-layout .itemsWrapper .singleItem:not(:last-child), .itemsWrapper.related .singleItem:not(:last-child) {
	margin-bottom: 20px;
}
.overview .grid .js-wpv-view-layout .itemsWrapper .singleItem {
	box-shadow: 0 5px 25px rgba(33, 57, 72, 0.15);
	border-radius: 8px;
}
.overview .grid .js-wpv-filter-form {
	width: 100%;
	max-width: 370px;
}
.overview .grid .js-wpv-filter-form aside {
	margin-top: 33px;
}
aside.filterWrapper .mobileFilterController {
	display: none;
}
.filterWrapper{
	z-index: 1;
}
.resultsCount {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

#pakketten .picingIntro {
	margin-bottom: 64px;
}
aside {
	position: sticky;
	top: 120px;
	width: 100%;
	max-width: 370px;
	flex-shrink: 0;
	display: flex;
	flex-flow: column;
}
aside .primaryBttn {
	width: 100%;
}
.preDeleteAccount {
	margin-top: 20px;
}
.deleteAccount, .deleteVacancy {
	margin-left: 20px;
	margin-top: 0px;
}
.deleteAccount p, .preDeleteAccount p, .deleteVacancy p {
	color: white !important;
}
.preDeleteAccount .primaryBttn,
.popupButtonsContainer .primaryBttn {
	background-color: var(--primaryYellow);
}
.deleteAccount:hover .bgLayer, .preDeleteAccount:hover .bgLayer, .deleteVacancy .bgLayer {
	background-color: var(--primaryBlue);
}

.popupButtonsContainer .primaryBttn.attachVanacyButton {
	background-color: var(--primaryYellow);
}
.popupButtonsContainer .primaryBttn.attachVanacyButton:hover p {
	color: var(--white);
}

.filterWrapper {
	position: sticky;
	top: 120px;
	background-color: #ffffff;
	padding: 40px 20px;
	border-radius: 16px;
}
.filterWrapper .textInputWrapper {
	margin-bottom: 30px;
}
.filterWrapper .bttnsWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}
.filterWrapper .bttnsWrapper .primaryBttn {
	width: fit-content;
	margin: 0;
}
.filterWrapper .multipleCheckboxSelect .trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid var(--secondaryBlue);
	padding: 10px 0;
}
.filterWrapper .multipleCheckboxSelect .trigger p {
	font-weight: 600;
}
.filterWrapper .triggerIcon {
	position: relative;
	width: 20px;
	height: 24px;
}
.filterWrapper .triggerIcon .triggerIconLine {
	position: absolute;
	top: 20%;
	width: 16px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--primaryBlue);
	transition: 0.3s ease;
	will-change: transform;
}
.filterWrapper
.triggerIcon
.triggerIconLine:nth-child(1) {
	left: 0;
	transform-origin: top left;
	transform: rotate(45deg);
}
.filterWrapper
.triggerIcon
.triggerIconLine:nth-child(2) {
	right: 0;
	transform-origin: top right;
	transform: rotate(-45deg);
}
.filterWrapper .open.triggerIcon .triggerIconLine {
	top: 50%;
	width: 19px;
	transform-origin: center;
}
.filterWrapper
.open.triggerIcon
.triggerIconLine:nth-child(1) {
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.filterWrapper
.open.triggerIcon
.triggerIconLine:nth-child(2) {
	right: 50%;
	transform: translateX(50%) translateY(-50%) rotate(-45deg);
}
.filterWrapper .multipleCheckboxSelect ul {
	list-style: none;
	padding: 10px 0 10px 10px;
	margin: 0;
	border-bottom: 1px solid var(--secondaryBlue);
}
/* .filterWrapper .multipleCheckboxSelect.open ul {
display: block;
} */
.filterWrapper .multipleCheckboxSelect ul label {
	margin-bottom: 5px;
}

input[type="radio"] {
	-webkit-appearance: none;
}
input[type="radio"]:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	border: 1px solid var(--primaryBlue);
	margin-right: 10px;
}
input[type="radio"]:checked:before {
	background-color: var(--primaryBlue);
}
p.strongPassword {
	max-width: 770px;
	margin: auto;
	margin-top: 2rem;
	background-color: white;
	padding: 30px 70px;
	text-align: center;
	position: relative;
	border-radius: 0 30px 0 0;
	opacity: 0;
	transition: .3s;
}
button.secondaryBttn.inactive:hover + p.strongPassword {
	opacity: 1;
}
.filterWrapper .multipleCheckboxSelect ul label {
	display: flex;
	align-items: center;
	line-height: 1;
	cursor: pointer;
}
.filterWrapper .multipleCheckboxSelect ul input[type="checkbox"] {
	-webkit-appearance: none;
	pointer-events: none;
}
.filterWrapper .multipleCheckboxSelect ul input[type="checkbox"]:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid var(--primaryBlue);
	margin-right: 10px;
	border-radius: 5px;
}
.filterWrapper
.multipleCheckboxSelect
ul
li
input[type="checkbox"]:checked:before {
	background-color: var(--primaryBlue);
}
.filterWrapper .primaryBttn {
	margin-top: 20px;
	width: 100%;
}
.mijnItemWrapper {
	position: relative;
}

/* Single vacature breed */
.singleVacatureBreed {
	position: relative;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(20px);
	padding: 0 20px 20px;
	border-radius: 16px;
	display: flex;
	flex-flow: column;
	text-decoration: none;
	transition: all .2s ease;
}
.singleVacatureBreed .topBar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}
.singleVacatureBreed h3 {
	margin: 20px 0 0 0;
	font-size: 25px;
	line-height: 31px;
	font-weight: 600;
	color: var(--primaryBlue);
}
.singleVacatureBreed .favouriteWrapper {
	margin-top: 20px;
}
.singleVacatureBreed .favouriteWrapper svg {
	display: block;
}
.singleVacatureBreed .detailsWrapper {
	display: flex;
	flex-flow: column;
}
.singleVacatureBreed .detailsWrapper .detailItem {
	display: flex;
	align-items: center;
}
.singleVacatureBreed .detailsWrapper .detailItem:not(:last-child) {
	margin-bottom: 5px;
}
.singleVacatureBreed .detailsWrapper .detailItem svg {
	width: 20px;
	height: auto;
	margin-right: 20px;
}
.singleVacatureBreed:hover {
	transform: translateY(-4px);
	background-color: rgba(255,255,255,1);
}

/* Inputs */
.textInputWrapper {
	display: flex;
	align-items: center;
	border: 1px solid var(--primaryBlue);
	padding: 0px;
	background: #ffffff;
	border-radius: 99px;
	overflow: clip;
}

.textInputIconWrapper {
	height: 44px;
	aspect-ratio: 1;
	width: auto;
	border-radius: 99px;
	background-color: var(--primaryBlue);
	display: flex;
	align-items: center;
	justify-content: center;
}
.textInputWrapper svg path {
	fill: var(--bridal-health);
}
.textInputWrapper input[type="text"] {
	-webkit-appearance: none;
	outline: none;
	border: 0;
	border-radius: 16px;
	padding: 10px;
	width: 100%;
	font-size: 16px;
}
.textInputWrapper input[type="text"]::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--primaryBlue);
	opacity: 0.5;
}

/* Single werkgever breed */
.singleWerkgeverBreed {
	position: relative;
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(20px);
	padding: 20px;
	display: flex;
	flex-flow: row;
	text-decoration: none;
	transition: all .3s ease;
}
.singleWerkgeverBreed:hover {
	transform: translateY(-4px);
	background-color: rgba(255, 255, 255, 1);
}
.favouriteIcon path {
	fill: transparent;
	transition: 0.3s ease;
}
.favouriteIcon.liked {
	animation: hearthBeat 0.3s;
}
.favouriteIcon.liked path {
	fill: var(--primaryBlue);
	stroke: var(--primaryBlue);
}
@keyframes hearthBeat {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.singleWerkgeverBreed .companyLogoWrapper, .singleVacatureBreed .companyLogoWrapper {
	width: 140px;
	height: 80px;
	/* 	border-radius: 100%; */
	/* 	border: 1px solid var(--primaryBlue); */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 40px;
	flex-shrink: 0;
}
.singleVacatureBreed .companyLogoWrapper {
	margin-left: 40px;
	margin-right: 0px !important;
}
.vacatureOverzichtLogoWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.singleWerkgeverBreed .companyLogoWrapper .companyLogo, .singleVacatureBreed .companyLogoWrapper .companyLogo {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.singleWerkgeverBreed .companyDetailsWrapper {
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.singleWerkgeverBreed h3 {
	margin: 0;
	font-size: 25px;
	line-height: 31px;
	font-weight: 600;
	color: var(--primaryBlue);
}
.box {
	background-color: #ffffff;
	box-shadow: 0 5px 25px 0 rgba(33, 57, 72, 0.15);
	border-radius: 16px;
}
.addToFavourite {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
}

/* Vacature detail */
.single-vacature .premiumLabel {
	background-color: var(--primaryBlue);
	border-radius: 7px;
	margin: 0 0 0 20px;
}
.single-vacature .premiumLabel p {
	color: #ffffff;
}
.mainContentColumn {
	width: 100%;
	max-width: 800px;
	padding-right: 20px;
}
.wysiwyg * {
	max-width: 75%;
}
.wysiwyg :first-child, .wysiwygWrapper > :nth-child(1) {
	margin-top: 0;
}
.wysiwyg :last-child, .wysiwygWrapper > :last-child {
	margin-bottom: 0;
}
.wysiwygWrapper p {
	margin: 20px 0;
}
.single-vacature aside .addToFavourite {
	margin-top: 30px;
}
aside .vacatureDetails {
	display: flex;
	flex-flow: column;
	padding: 30px 20px;
	margin-top: 30px;
}
.single-cumulus aside .vacatureDetails {
	margin-top: 0px;
}
aside .vacatureDetails .singleDetail {
	display: flex;
}
aside .vacatureDetails .singleDetail a {
	color: var(--primaryBlue) !important;
	display: flex;
}
aside .vacatureDetails .singleDetail a svg {
	width: 16px;
	height: auto;
	margin-left: 10px;
	transition: transform 0.2s ease;
}
aside .vacatureDetails .singleDetail a:hover svg {
	transform: translateX(4px);
}
aside .vacatureDetails .singleDetail a:hover {
	text-decoration: none;
}
aside .featuredImage {
	margin-bottom: 30px;
	max-height: 370px;
	object-fit: cover;
}
aside .goToCompany {
	margin-bottom: 30px;
}
input#toolset-maps-distance-value {
	color: white !important;
}
.hidden {
	display: none !important;
}
aside .vacatureDetails .singleDetail svg {
	width: 20px;
	height: auto;
	margin-right: 20px;
	flex-shrink: 0;
}
aside .vacatureDetails .singleDetail:not(:last-child) {
	margin-bottom: 10px;
}
.single-vacature .shareBox {
	margin-top: 30px;
}
.shareBox {
	display: flex;
	flex-flow: column;
	padding: 30px 20px;
}
.single-cumulus .shareBox {
	margin-top: 0px;
	padding-top: 0px;
}
.single-cumulus a.primaryBttn.goToCompany {
	width: fit-content;
	margin: auto;
	margin-bottom: 50px;
}
.shareBox span {
	text-align: center;
}
.shareBox .socialsContainer {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 40px;
}
.shareBox .socialsContainer a {
	transform: scale(1);
	will-change: transform;
	transition: transform 0.3s ease;
}
.shareBox .socialsContainer a:hover {
	transform: scale(1.1);
}
.shareBox .socialsContainer a svg {
	display: block;
	color: var(--primaryBlue);
	transition: color 0.3s ease;
}
.notStrongEnoughMessage {
	display: none;
	color: red;
	font-size: 80%;
}
.shareBox .socialsContainer a:hover svg {
	color: var(--primaryYellow);
}
.bttnsWrapper {
	display: flex;
}
.bttnsWrapper a p {
	max-width: 100% !important;
}
.bttnsWrapper a:not(:first-child) {
	margin-left: 2rem;
}
/* Single werkgever */
.single-werkgever .companyLogoWrapper, .single-vacature .companyLogoWrapper {
	width: 140px;
	height: 140px;
	padding: 30px 20px;
	margin: auto 0 auto auto;
	border-radius: 100%;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.single-vacature .companyLogoWrapper {
	margin-left: .5rem !important;
}
.single-werkgever .companyLogoWrapper .companyLogo, .single-vacature .companyLogoWrapper .companyLogo {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Blog item */
.singleBlogBreed {
	position: relative;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(20px);
	display: flex;
	text-decoration: none;
	border-radius: 16px;
	overflow: hidden;
	transition: all .3s ease;
}
.singleBlogBreed:hover {
	background-color: rgba(255,255,255,1);
	transform: translateY(-4px);
}
.singleBlogBreed .featuredImage {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 200px;
	object-fit: cover;
}
.singleBlogBreed .contentWrapper {
	margin-left: 200px;
	width: 100%;
	padding: 0 20px 20px 20px;
}
.singleBlogBreed .contentWrapper .topBar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column-reverse;
}
.singleBlogBreed .contentWrapper .topBar h3 {
	padding-top: 10px;
	margin: 0 20px 0 0;
	font-size: 25px;
	line-height: 31px;
	font-weight: 600;
	color: var(--primaryBlue);
}
.singleBlogBreed .contentWrapper .topBar .type {
	background: var(--primaryBlue);
	margin-left: auto;
	color: #ffffff;
	min-width: 130px;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	padding: 0 20px;
}
.singleBlogBreed .contentWrapper p {
	margin-top: 10px;
	min-height: 69px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.noItemsFound {
	display: flex;
	justify-content: center;
	align-items: center;
}
.noItemsFound.singleVacatureBreed {
	min-height: 200px;
}
.noItemsFound.singleWerkgeverBreed {
	min-height: 120px;
}
.noItemsFound {
	width: 100%;
	max-width: 800px;  
}

/* Single blog */
.singleBlog {
	background-color: #ffffff;
	display: flex;
	flex-flow: column;
	box-shadow: 0 5px 25px rgb(33 57 72 / 15%);
	text-decoration: none;
	border-radius: 16px;
	overflow: hidden;
	transition: 0.3s ease;
}
.singleBlog img {
	height: 200px;
	object-fit: cover;
}
.singleBlog h3 {
	padding: 20px;
	min-height: 100px;
	margin: 0;
	color: var(--primaryBlue);
}

/* Aanmeld / Inlog process */
.noAccountLink {
	font-size: 14px;
	margin-top: 5px;
	line-height: 16px;
}
form#loginform {
	display: flex;
	flex-flow: column;
	align-items: center;
}
img.navProfilePicture {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 100px;
}
.generalRegisterAsEmployerContainer .secondaryBttn {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.registerContainer, .registerAsEmployee {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
	grid-gap: 30px;
	max-width: 770px;
	width: 100%;
	margin: auto;
	margin-top: 40px;
}
.page-id-152 div#lbl_generic, .page-id-154 div#lbl_generic, .mijnJobslots {
	display: none;
}
.page-id-145 .registerContainer, .page-id-145 .registerAsEmployee, body.page-id-3292 .registerAsEmployee, body.page-id-3292 .registerContainer {
	max-width: 550px;
}
.registerAsEmployee {
	display: block;
	padding: 30px 70px;
	border-radius: 16px;
}
.form-group__hidden {
	display: none;
}
body.page-id-143, body.page-id-154, body.page-id-145, body.page-id-152, body.page-id-3292, body.page-id-63926 {
	background-image: linear-gradient( 90deg, rgba(33, 57, 72, .65), rgba(154, 196, 217, .65) ), url('/wp-content/uploads/2022/03/Achtergrond-image-scaled.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}
body.page-id-143:after, body.page-id-154:after, body.page-id-145:after, body.page-id-152:after, body.page-id-3292:after, body.page-id-63926::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, var(--secondaryBlue), var(--primaryYellow));
	opacity: 0.65;
}
body.page-id-152 {
	background-size: 160%;
	background-position: right;
	background-attachment: fixed;
}
div#wpt-form-message-198 {
	display: none !important;
}
.wpt-top-form-error.wpt-form-error {
	color: #c52121;
	font-weight: 600;
}
.generalLoginProcess {
	padding: 130px 0;
}
.generalLoginProcess h1 {
	text-align: center;
	color: white;
}
.registerAsEmployeeContainer, .registerAsEmployerContainer {
	padding: 30px;
	text-align: center;
}
.registerAsEmployeeContainer h3, .registerAsEmployerContainer h3 {
	margin-bottom: .5rem;
}
.registerAsEmployeeContainer .description, .registerAsEmployerContainer .description {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 1rem;
}
.registerAsEmployeeContainer {
	background-color: var(--primaryBlue);
}
.registerAsEmployerContainer {
	background-color: white;
}
.registerAsEmployeeContainer * {
	color: white;
}
.registerAsEmployee {
	position: relative;
	background-color: white;
}
.registerFormContainer input[type='file'], button#cred_user_form_198_1_1_bedrijfsomschrijving-html {
	display: none;
}
.registerFormContainer input:not([type="checkbox"]):not([type="radio"]), textarea, div#wp-cred_user_form_198_1_1_bedrijfsomschrijving-wrap, .registerFormContainer select {
	margin-bottom: 20px !important;
	width: 100%;
	margin-top: 4px !important;
	border-radius: 0px !important;
	padding: 3px;
	outline: none;
	-webkit-appearance: none;
}
.registerFormContainer ul {
	padding: 0;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	outline: none;
}
input[type="checkbox"]:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--primaryBlue);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-right: 10px;
}
li.checkbox {
	margin-top: 10px;
}
.wpt-form-label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
input[type="checkbox"]:checked:before {
	background-color: var(--primaryBlue);
}
.registerFormContainer select {
	padding-left: 2px;
}
.registerFormContainer input[type="file"], div#wp-cred_user_form_198_1_1_bedrijfsomschrijving-wrap {
	border: 0px !important;
}
.previewProfilePicture {
	background-color: #efefef;
	background-size: cover;
	background-position: center;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}
.profilePictureContainer {
	display: flex;
	flex-flow: column;
}
.supportedFileTypes {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 20px;
}
p.login-username, p.login-password {
	width: 100%;
}
p.formError {
	color: red;
	margin-bottom: .5rem;
	font-size: 14px;
}
/* Mijn profiel */
.singleVacatureBreed.singleItem.noItemsFound.makeANewVacancy {
	min-height: 189px;
}
p.vacancyOptions {
	font-size: 18px;
	padding-left: 18px;
	border-bottom: 1px solid var(--primaryBlue);
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	position: relative;
	cursor: pointer;
}
p.vacancyOptions::before {
	content: '';
	transition: .3s;
	width: 14px;
	height: 14px;
	border: 1px solid var(--primaryBlue);
	border-radius: 100px;
	position: absolute;
	left: 0;
	bottom: 0.65rem;
}
p.vacancyOptions.active::before {
	background-color: var(--primaryBlue);
}
.page-id-187 .grid .itemsWrapper, .noItemsFound {
	width: 100%;
	max-width: 800px;
}
.mijnVacatures, form#attachVacancyForm select, .mijnProfileBewerken {
	display: none;
}
.profileItemSection {
	display: none;
}
.VacancyFormText {
	margin-bottom: 24px;
}
#attachVacancyForm .popupContent h3 {
	margin-bottom: 20px;
}
.subHeader {
}
.createButtonRightSide {
	background-color: transparent;
	padding-left: 0px;
	justify-content: center;
	display: flex;
}
.makeANewVacancy {
	position: relative;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='6' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	/* 	border: 3px dashed var(--primaryBlue); */
	background-color: transparent;
	cursor: pointer;
}
.makeANewVacancy .dashedCounterpart {
	position: absolute;
	top: 0;
	left: 0;
}
.makeANewVacancy .dashedCounterpart rect {
	transition: 0.3s ease;
}
.makeANewVacancy:hover .dashedCounterpart rect {
	stroke-dashoffset: 12;
}
/* .makeANewVacancy:hover {
border: 3px solid var(--primaryBlue);
} */
.makeANewVacancy:hover .addButton {
	transform: rotate(90deg);
}
span.addButton {
	font-size: 60px;
	height: 38px;
	transition: transform 0.3s ease;
	will-change: transform;
}
a.lightUrl {
	display: flex;
	text-decoration: none;
	align-items: center;
	font-size: 14px;
}
.menuMarginTop {
	margin-top: 2rem !important;
}
.primaryBttn.invert p {
	background-color: white !important;
	color: var(--primaryBlue) !important;
}
a.lightUrl svg {
	margin-right: 10px;
	width: 21px;
	height: 21px;
}
.closeOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.subHeaderTitle {
	cursor: pointer;
}
.profileItem, .newNoItemsFound, .profilePictureContainer .js-wpt-field-items.js-wpt-repetitive.wpt-repetitive {
	display: none;
}
.profileInfo {
	display: block;
	cursor: pointer;
}
.subHeader p {
	color: var(--black);
	margin-right: 70px;
}
.subHeader a {
	color: var(--black);
	margin-left: auto;
	text-decoration: none;
}
section.subHeader .grid {
	display: flex;
}
section.subHeader {
	padding: 20px 0px;
}
.profileFormContainer {
	margin-top: 0px;
	margin-right: 0px;
}
.passwordFormContainer {
	margin-top: 100px;
}
.profileFormContainer .primaryBttn {
	margin-left: 0;
}
.profileItem .formContainer {
	display: flex;
	position: relative;
	justify-content: space-between;
}
.alert.alert-success {
	margin-bottom: 1rem;
	border-bottom: 1px solid black;
}
.archiveExclamation {
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
}
.archivedOverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	backdrop-filter: blur(2px);
	padding: 0px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
p.livePeriod {
	margin-top: 1rem;
	text-align: center;
}
.costOfPeriod {
	margin-top: .5rem;
}
.topBarStatus.Gearchiveerd {
	position: relative;
	z-index: 2;
	color: #639ABB;
}
.jobSlotNumber {
	font-size: 11px;
	margin-left: .5rem;
}
.topBarStatus {
	width: fit-content;
	padding: 0px 10px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	background-color: #E2F6FF;
}
.tooltipButtonsContainer a {
	margin-right: 2rem;
	margin-left: 0px;
}
/* Popup */
.popupContainer {
	display: none;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
}
.tooltipPopupContainer {
	position: absolute;
	text-align: left;
	background-color: white;
	padding: 30px;
	border-radius: 0 30px 0 0;
	left: calc(100% + 30px + 20px);
	bottom: 0;
	width: 100%;
	max-width: 500px;
	display: none;
}
.tooltipPopupContainer svg.arrowLeft {
	position: absolute;
	right: 100%;
	bottom: 24px;
}
.popupButtonsContainer :first-child {
	margin-left: 0;
}
.popupContent {
	background-color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 40%;
	transform: translate(-50%, -50%);
	border-radius: 16px;
	padding: 30px 70px;
}
.popupButtonsContainer, .tooltipButtonsContainer {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.tooltipButtonsContainer {
	justify-content: start;
}
.tooltipButtonsContainer button.primaryBttn {
	margin-left: 0;
}
/* Werkgever menu */
header.employer + #primary .favouriteWrapper, header.employer + #primary .favouriteIcon, header.employer + #primary .addToFavourite, header.reseller + #primary .favouriteWrapper, header.reseller + #primary .favouriteIcon, header.reseller + #primary .addToFavourite {
	display: none !important;
}
header.employer *, header.reseller * {
	color: white;
}
header.employer .sub-menu *, header.reseller .sub-menu * {
	color: var(--primaryBlue) !important;
}
header.employer .logo *, header.reseller .logo * {
	fill: white;
}
header.employer .logo .cls-5, header.reseller .logo .cls-5 {
	fill: #00b0f0;
}
header.employer .logo .cls-1.cls-1, header.reseller .logo .cls-1.cls-1 {
	fill: var(--secondaryBlue);
}
header.employer .logo .cls-2.cls-2, header.reseller .logo .cls-2.cls-2 {
	fill: var(--secondaryBlue);
}
header.employer .logo .cls-3, header.reseller .logo .cls-3 {
	fill: url(#linear-gradient-3);
}
header.employer .logo .cls-4, header.reseller .logo .cls-4 {
	fill: var(--primaryBlue);
}

header.employer, header.reseller {
}
.employer .site-branding, .reseller .site-branding {
	display: flex;
	align-items: center;
}
.employer .site-branding p, .reseller .site-branding p {
	font-weight: 800;
	margin-left: 20px;
	color: var(--primaryBlue);
}
header.reseller .profileIcon svg path {
	fill: #ffffff;
}

.subHeaderLink {
	cursor: pointer;
}
html .employer .activeLine, html .reseller .activeLine {
	background-color: white !important;
}

/* Job slot kopen */
.contactContainer a:last-of-type {
	margin-bottom: 0px;
}
th {
	text-align: left;
}
.wpt-form-error {
	flex: 1 0 100%;
}
.contactContainer svg {
	fill: var(--primaryBlue);
	margin-right: 0.5rem;
}
.contactContainer p {
	display: flex;
}
.contactContainer a {
	margin-bottom: 0.25rem;
}
.contactContainer {
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
}
.purchaseJobSlotStep p {
	font-weight: 800;
	color: white;
	opacity: .5;
	transition: .3s;
}
.purchaseJobSlotSection, .goBack {
	display: none;
}
.goBack {
	position: absolute;
	left: 0;
	right: 0;
	padding-top: 1rem;
	text-align: left;
	cursor: pointer;
}
.goBack:hover svg {
	margin-right: .5rem;
	margin-left: -.5rem;
}
.goBack svg {
	transition: .3s;
	fill: var(--primaryBlue);
}
.goBack p {
	font-weight: bold;
}
.goBack {
	position: absolute;
	left: 0;
	right: 0;
	padding-top: 1rem;
	text-align: left;
	z-index: 2;
	cursor: pointer;
	display: none;
}
.purchaseJobSlotSection-1 {
	display: block;
}
.orderContainer .primaryBttn {
	margin-left: 0;
}
.bevestigContainer {
	text-align: center;
	width: 60%;
	margin: auto;
}
.bevestigContainer .secondaryBttn {
	margin: auto;
	margin-top: 40px;
}
.pakketOrderButton {
	width: fit-content;
}
.purchaseJobSlotStep.active p {
	opacity: 1;
}
.purchaseJobSlotHeader {
	background-color: var(--secondaryBlue);
}
.purchaseJobSlotStep {
	position: relative;
	width: 25%;
	text-align: center;
}
.purchaseJobSlotStep.active {
	opacity: 1;
}
.purchaseJobSlotStep.active::before {
	background-color: white;
}
.purchaseJobSlotHeaderContainer {
	padding-top: 40px;
	display: flex;
	position: relative;
	justify-content: space-between;
}
.purchaseJobSlotStep::before {
	position: absolute;
	content: '';
	background-color: #cce1ec;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 100px;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	top: -35px;
	z-index: 2;
}
.purchaseJobSlotHeaderContainerLineAfter, .purchaseJobSlotHeaderContainerLineBefore {
	content: '';
	position: absolute;
	width: 75%;
	height: 10px;
	background-color: white;
	top: 10px;
	opacity: 0.5;
	left: 12.5%;
	right: 12.5%;
}
.purchaseJobSlotHeaderContainerLineBefore {
	opacity: 1;
	width: 0%;
	transition: .3s ease;
}
.pakket {
	position: relative;
	padding: 30px;
	background-color: white;
	border-radius: 16px;
	display: flex;
	flex-flow: column;
}
.pakketContainer {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: 1fr 1fr 1fr;
}
.pakketOrderButton {
	margin-top: 2rem;
}
.pakketBottomContainer {
	margin-top: auto;
}
.pakket ul {
	padding-left: 20px;
}
p.pakketPrice {
	font-size: 25px;
	font-weight: 600;
	margin-top: 40px;
}
.subActiveLine {
	position: absolute;
	bottom: 0;
	width: 200px;
	height: 3px;
	background-color: var(--primaryBlue);
	transition: 0.3s ease;
	display: none;
}

/* Jobslots */
.jobSlotsWrapper {
	width: 100%;
	max-width: 800px;
}
.jobSlotsWrapper .jobSlotItem:not(:first-child) {
	margin-top: 20px;
}
.jobSlotItem {
	background-color: #ffffff;
	padding: 0 20px 20px;
	position: relative;
	border-radius: 16px;
}
svg.logo2 {
	width: 80px;
	height: 80px;
}
svg.logo2 path {
	transform: scale(1) !important;
}
.jobSlotItem .topBar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.jobSlotItem .topBar h3 {
	margin-top: 20px;
}
.jobSlotItem .topBar .topBarStatus {
	width: 130px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}
.jobSlotItem .topBar .topBarStatus.Bezet {
	background-color: var(--secondaryBlue);
}
.jobSlotItem .topBar .topBarStatus.Open {
	background-color: var(--primaryYellow);
}
.jobSlotItem .detailsWrapper {
	margin-left: 10px;
	display: flex;
}
.jobSlotItem .detailsWrapper .detailLabelsWrapper {
	margin-right: 10px;
}
.jobSlotItem .detailsWrapper .detailLabelsWrapper .detailLabel {
	display: flex;
	align-items: center;
}
.jobSlotItem .detailsWrapper .detailLabelsWrapper .detailLabel:not(:first-child) {
	margin-top: 5px;
}
.jobSlotItem .detailsWrapper .detailLabelsWrapper .detailLabel .detailIcon {
	margin-right: 10px;
}
.jobSlotItem .detailsWrapper .detailValuesWrapper .detailLabel:not(:first-child) {
	margin-top: 5px;
}
.jobSlotItem .detailsWrapper .settingsWrapper, .singleVacatureBreed .settingsWrapper {
	margin-left: auto;
	margin-top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: var(--secondaryBlue);
	cursor: pointer;
	transition: background 0.3s ease;
	z-index: 2;
}
.mijnItemWrapper .premiumLabel {
	margin-top: 20px;
}
.jobSlotItem .detailsWrapper .settingsWrapper:hover, .singleVacatureBreed .settingsWrapper:hover {
	background-color: var(--primaryBlue);
}
.jobSlotItem .detailsWrapper .settingsWrapper svg, .singleVacatureBreed .settingsWrapper svg {
	transition: fill 0.3s ease;
}
.jobSlotItem .detailsWrapper .settingsWrapper:hover svg, .singleVacatureBreed .settingsWrapper:hover svg {
	fill: #ffffff;
}
.eventLocation svg {
	width: 20px;
	margin-right: 0.25rem;
}
.eventLocation p {
	margin-top: 0px !important;
	font-size: 14px;
}
.eventLocation {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.eventDescription svg {
	margin-right: 0.25rem;
}
.eventDescription p {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.eventDescription p {
	margin-top: 0rem !important;
}
.singleDetail.locationSingleDetail svg {
	width: 17px !important;
}
/* Vacature bewerken */
.notAttachedWarning p {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
}
.notAttachedWarning {
	margin-top: 40px;
	background-color: var(--primaryYellow);
	text-align: center;
	padding: 10px;
}
.grid.is-white.warning {
	background-color: #ffffff;
	padding-top: 40px;
	max-width: unset;
}
.grid.is-white.warning .notAttachedWarning {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

/* 404 pagina */
.error-404 {
	min-height: calc(100vh - 300px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.errorWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.errorWrapper .wolkie {
	position: relative;
	width: 95%;
	max-width: 500px;
	height: auto;
	top: 0;
	right: 0;
	z-index: auto;
}

.errorWrapper .contentContainer {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.errorWrapper .contentContainer h1 {
	margin-bottom: 10px;
}
.errorWrapper .contentContainer > p {
	margin-bottom: 20px;
}
@keyframes cloud {
	0% {
		transform: translateY(-50px);
	} 50% {
		transform: translateY(50px);
	} 100% {
		transform: translateY(-50px);
	}
}
/* Mobile menu */
.hamburger, #masthead .hiddenMenu {
	display: none;
}

.desktopOnly {
	display: flex !important;
}
.mobileOnly {
	display: none !important;
}

/* Reporting */
.grid > .dataCollectionContainer {
	margin-bottom: 80px;
}
.grid > .dataCollectionContainer:last-of-type {
	margin-bottom: 0px;
}
.dataCollectionContainer {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
.dataCollectionContainer .dataHeaderWrapper {
	display: flex;
	align-items: center;
	width: 100%;
}
.dataCollectionContainer .dataHeaderWrapper h3 {
	margin: 0 auto 0 0;
}
.dataCollectionContainer .dataHeaderWrapper .resetFilter {
	display: none;
	cursor: pointer;
}
.dataCollectionContainer.company .dataHeaderWrapper select, .dataCollectionContainer.company .dataHeaderWrapper .select2 {
	display: none;
}
.page .select2-container--default .select2-selection--single {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	margin-left: auto;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-color: transparent transparent transparent transparent;
	border-radius: 0;
	box-sizing: unset;
	height: 24px;
}
.page .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #ddd #ddd transparent #ddd;
}
.page .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--primaryBlue);
}
.normalPakketten .pakket {
	opacity: 0.5;
	pointer-events: none;
}
.pakket.notActive ~ * {
	opacity: 1 !important;
	pointer-events: auto;
}
.page .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
}
.page .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--primaryBlue) transparent transparent transparent;
}
.page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--primaryBlue) transparent;
}
.page .select2-container--open .select2-dropdown--below {
	border-radius: 0;
	border-color: #ddd;
}
.page .select2-dropdown, .select2-container--default .select2-results__option--selected {
	background: #ffffff;
}
.page .select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: var(--primaryBlue);
	border-radius: 0;
	padding: 0 2px;
	outline: none;
	background-color: transparent;
}
.page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: var(--primaryBlue);
}
.pricingItem {
	border-radius: 16px;
	position: relative;
}
header.employer .previewIcon * {
	fill: white;
}
.page .select2-container {
	min-width: 150px;
}
.dataCollectionContainer .registerAsEmployee {
	max-width: 100%;
	display: flex;
	grid-gap: 0;
}
.singleVacatureBreed .detailsWrapper .detailItem svg path {
	fill: #213948;
}
.dataCollectionContainer .registerAsEmployee .singleDataWrapper {
	flex-basis: 33%;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.dataCollectionContainer .registerAsEmployee .singleDataWrapper svg {
	width: 100%;
	max-width: 40%;
}
.dataCollectionContainer .registerAsEmployee .singleDataWrapper .label {
	font-weight: 600;
	margin-top: auto;
}
.dataCollectionContainer .registerAsEmployee .singleDataWrapper .amount {
	font-size: 50px;
	line-height: 63px;
}
.dateRange {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	margin-left: 20px;
	padding: 5px 10px;
}
.logoColumn svg {
	width: 200px;
	height: auto;
}
@media (max-width: 1024px) {
	.logoColumn svg {
		width: 124px; 
	}
}
.dateRange input {
	-webkit-appearance: none;
	outline: none;
	border: 0;
	border-radius: 0;
	color: var(--primaryBlue);
	padding: 0;
	margin-right: 20px;
	width: 200px;
}
.dateRange svg {
	width: 20px;
	height: auto;
}
.page .daterangepicker td.active.start-date, .page .daterangepicker td.active.end-date, .page .daterangepicker td.available.in-range:hover, .page .daterangepicker td.active:hover {
	background-color: var(--primaryBlue);
	color: #ffffff;
}
.page .daterangepicker td.in-range {
	background-color: var(--primaryYellow);
}
.page .daterangepicker:after {
	content: url('/wp-content/uploads/2022/05/wolkje.svg');
	position: absolute;
	right: 0;
	top: -20px;
	left: auto !important;
}
.page .daterangepicker .drp-buttons .btn {
	padding: 6px 20px;
	background-color: var(--primaryBlue);
	color: #ffffff;
	border-radius: 0;
	border: 0;
	cursor: pointer;
}

/* Cookie notification */
.cookieBttnWrapper.secondaryBttn {
	cursor: pointer;
	max-height: 41px;
}
.cookieBttnWrapper.primaryBttn {
	margin-right: 20px;
	cursor: pointer;
}
.cli-switch input:checked + .cli-slider {
	background-color: var(--primaryBlue);
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
	background-color: var(--primaryYellow);
}
.page .radiusSearchWrapper .select2-container {
	min-width: 90px;
	min-height: 45px;
	display: flex;
	align-items: center;
	height: 100%;
}
.page .radiusSearchWrapper .select2-container--default .select2-selection--single {
	padding: 0;
}
.page .radiusSearchWrapper .select2-container--default .select2-selection--single {
	background-color: var(--primaryBlue);
}
.page .radiusSearchWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.page .radiusSearchWrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
}
.page .radiusSearchWrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #ffffff transparent;
}
.page .radiusSearchWrapper .select2-container--default.select2-container--open .select2-selection--single {
	border-color: transparent;
}
.page.home .select2-container--open .select2-dropdown--below {
	border-color: var(--primaryBlue);
}
.home .locationInputWrapper .radiusSearchWrapper {
	height: 100%;
	border-radius: 0 99px 99px 0;
}
.swiperContent {
	position: relative;
	z-index: 1;
	background-color: white;
	width: 97%;
	height: 95%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 10px 0;
}
.swiperBackgroundOverlay {
	position: absolute;
	width: 96%;
	height: 95%;
	background-color: var(--primaryBlue);
	bottom: 0;
	right: 0;
}
.radiusSearchWrapper input {
	background-color: transparent;
	border: 0px;
	color: white;
	font-weight: 600;
	font-family: var(--bodyFont);
	text-align: right;
	outline: none;
	margin-right: 4px;
}
.radiusSearchWrapper strong {
	color: white !important;
}
.radiusSearchWrapper {
	background-color: var(--primaryBlue);
	display: flex;
	align-items: center;
	padding-left: 0px;
}
.textInputWrapper.locationInputWrapper {
	padding: 0px;
	justify-content: space-between;
	max-height: 44px;
}
.locationSearchWrapper {
	display: flex;
	padding: 0;
}
.locationSearchWrapper .textInputIconWrapper svg {
	height: 75%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.js-toolset-maps-distance-value {
	width: 40px !important;
}
.whyCloudVacaturesItem * {
	color: var(--primaryBlue);
}
.whyCloudVacaturesItem {
	background-color: white;
	padding: 20px;
	position: relative;
	border-radius: 16px;
}
hr {
	background-color: white;
	border: 0;
	height: 3px;
	margin-bottom: 1.5em;
	border-radius: 100px;
}
.whyCloudVacaturesItem .wolkie * {
	fill: var(--primaryBlue) !important;
}
.whyCloudVacaturesItem .wolkie {
	z-index: 1;
}
.whyCloudVacaturesContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
}
p.whyCloudVacaturesText {
	max-width: 100% !important;
	margin-top: 2rem;
}
.whyCloudVacaturesIcon img {
	width: 107px;
	height: 80px;
	object-fit: cover;
}
.whyCloudVacaturesItem svg {
	fill: var(--primaryBlue);
}
.whyCloudVacaturesIcon svg path {
	transform: scale(1.5);
}
svg.halfCloud {
	position: absolute;
	right: 28px;
	top: -28px;
}
section.textSection.is-white.whyCloudvacaturesSection h2 {
	margin-bottom: 60px;
}
.pricingContaimer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
}
.pricingItem {
	background-color: white;
	padding: 20px;
	display: flex;
	flex-flow: column;
	height: max-content;
}
p.pricing {
	text-align: right;
	margin-bottom: 1rem;
	font-size: 21px;
	line-height: 30px;
	font-weight: 600;
}
.pricingItem ul li {
	margin-bottom: 0.5rem;
}
.pricingItem ul {
	padding-left: 20px;
}
h2.grid {
	margin-bottom: 60px;
}
.toolset-google-map-inputs-container.js-toolset-google-map-inputs-container * {
	display: none;
}
.toolset-google-map-inputs-container.js-toolset-google-map-inputs-container {
	font-size: 0;
}
html body .toolset-google-map-inputs-container.js-toolset-google-map-inputs-container input.js-toolset-maps-address-autocomplete {
	display: block !important;
	margin-bottom: 0px !important;
}
section.statementSection .grid {
	padding: 0 2rem;
}

.pricingItem.highlighted {
	border: 2px solid var(--primaryYellow);
	height: 110%;
	margin-top: -5%;
}

svg.wolkie.borderWolkie {
	top: -25px;
}

svg.wolkie.borderWolkie path {
	fill: white;
}

.pricingItem.highlighted .wolkie {
	z-index: 1;
}
.wpv-pagination-nav-links-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links-container .js-wpv-pagination-link {
	background-color: var(--primaryBlue);
	color: #ffffff;
	transition: background 0.2s ease;
}
.wpv-pagination-nav-links-container .page-link:hover, .wpv-pagination-nav-links-container .js-wpv-pagination-link:hover {
	background-color: #ffffff;
	color: var(--primaryBlue);
}
.wpv-pagination-nav-links-container .wpv_page_current span {
	background-color: #ffffff;
	color: var(--primaryBlue);
}
.wpv-pagination-nav-links-container .wpv-pagination-nav-links-item a, .wpv-pagination-nav-links-container .wpv-pagination-nav-links-item span {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	padding: 0;
	border: 0;
	margin: 0 3px;
	align-items: center;
	text-decoration: none;
	line-height: 1;
}
.wpv-pagination-nav-links-container .js-wpv-pagination-previous-link, .wpv-pagination-nav-links-container .js-wpv-pagination-next-link {
	height: 30px;
	border: 0;
	margin: 0 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.goBackWrapper {
	padding-top: 20px;
}
.goBackWrapper .goBackPage {
	margin-bottom: 0;
}
.goBackPage {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	cursor: pointer;
}
.goBackPage svg {
	margin-right: 10px;
}

.favouritePopup a.primaryBttn {
	margin-right: 0;
}

@keyframes cloudCookie {
	0% {
		transform: translateY(0);
	} 50% {
		transform: translateY(50px);
	} 100% {
		transform: translateY(0);
	}
}
@media only screen and (max-width: 600px) {
	@keyframes cloudCookie {
		0% {
			transform: translate(-50%, 0);
		} 50% {
			transform: translate(-50%, 50px);
		} 100% {
			transform: translate(-50%, 0);
		}
	}
}
/* Media queries */

/* First breakpoint for popups */
@media only screen and (max-width: 1550px) {
	.tooltipPopupContainer {
		max-width: 300px;
	}
	.tooltipButtonsContainer {
		flex-flow: column;
	}
	.tooltipButtonsContainer button, .tooltipButtonsContainer form, .tooltipButtonsContainer a {
		width: 100%;
		margin: 0;
	}
	.tooltipButtonsContainer > :first-child {
		margin-bottom: 20px;
	}
}

/* HD monitor/ laptop */
@media only screen and (max-width: 1280px) {
	/* 	Grid */
	.grid, .page-id-187 .grid .itemsWrapper, .noItemsFound, .page-id-187 .grid .jobSlotsWrapper {
		max-width: 970px;
	}
	.overview .grid .js-wpv-view-layout {
		width: 600px;
	}
	.mainContentColumn {
		max-width: 600px;
	}

	/* 	Homepage vacature view */
	.primaryBttn {
		grid-column: -1 / 1;
	}

	/* 	Popups */
	.tooltipPopupContainer {
		display: block;
		top: 0;
		bottom: unset;
		left: 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		border-top: 1px solid #000000;
		z-index: -1;
		opacity: 0;
		pointer-events: none;
		transition: 0.3s ease;
	}
	.tooltipPopupContainer svg.arrowLeft, .tooltipPopupContainer .wolkie {
		display: none;
	}
	.mijnItemWrapper .tooltipPopupContainer.show {
		top: 100%;
		opacity: 1;
		pointer-events: auto;
	}
}
blockquote {
	padding-top: 2.5rem;
	padding-bottom: 0rem;
	margin-left: 1rem;
}

blockquote {
	margin: 0 1.5em;
}

blockquote p {
	margin: 0 !important;
	font-weight: bold;
}

blockquote:before {
	content: "\201c";
	position: absolute;
	left: 0px;
	font-size: 100px;
	line-height: 0px;
	opacity: .5;
}

.Werkgeversverhaal .mainContentColumn, .Werkgeversverhaal aside {
	max-width: unset;
	width: 49%;
}
/* Smallest desktop */
@media only screen and (max-width: 1024px) {
	section.overview {
		padding-top: 0;
	}
	.werkgeverSectie .grid {
		grid-template-columns: 1fr;
	}
	.werkgeverSwiper {
		margin-bottom: 30px;
	}
	.werkgeverSectie .wysiwyg * {
		max-width: 100%;
	}
	.werkgeverSectie .wysiwyg {
		padding-bottom: 0px;
	}
	.Werkgeversverhaal .mainContentColumn, .Werkgeversverhaal aside {
		max-width: unset;
		width: 100%;
	}
	#primary {
		margin-top: 55px;
	}
	.pricingItem.highlighted {
		height: 100%;
		margin-top: 0%;
	}
	.desktopOnly {
		display: none !important;
	}
	.mobileOnly {
		display: flex !important;
	}
	nav#site-navigation {
		display: none;
	}
	.mobileOnly.mobileNotLoggedInItems {
		margin-left: auto;
		gap: 20px;
	}
	.mobileOnly.mobileNotLoggedInItems a {
		font-weight: 600;
		line-height: 1;
		color: var(--primaryBlue);
		text-decoration: none;
	}
	#colophon .mainRow .column.logoColumn {
		grid-column: span 3;
	}
	#colophon .mainRow .column.menuColumn {
		grid-column: span 3;
	}
	/* 	Grid */
	.grid {
		max-width: 85%;
	}
	aside, .mainContentColumn {
		max-width: 100%;
	}

	/* 	Navbar */
	#masthead .nav-inner nav ul li ul {
		transform: translateX(0%) translateY(5px);
	}
	#masthead .nav-inner nav ul li:hover ul {
		transform: translateX(0%) translateY(0);
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
		right: 0;
	}
	#masthead .nav-inner nav ul li ul:before {
		left: 100%;
		transform: translate(-100%, -100%);
	}
	#masthead {
		display: flex;
		align-items: center;
	}
	#masthead .nav-inner > nav {
		margin-left: auto;
	}
	/* 	Hamburger */
	.hamburger {
		display: block;
		position: relative;
		width: 35px;
		height: 25px;
		margin-left: 20px;
		order: 1;
	}
	.menuOpen .hamburger .singleLine {
		background-color: var(--white);
		transition: all .5s ease;
	}
	.hamburger .singleLine {
		position: absolute;
		height: 2px;
		border-radius: 2px;
		background-color: var(--primaryBlue);
		transition: all 1s ease;
	}
	header.employer .hamburger .singleLine, header.reseller .hamburger .singleLine {
		background-color: var(--primaryBlue);
	}
	body.menuOpen header.employer .hamburger .singleLine, body.menuOpen header.reseller .hamburger .singleLine {
		background-color: var(--white);
	}
	.hamburger .singleLine:nth-child(1) {
		top: 0;
		right: 0;
		width: 100%;
	}
	.hamburger .singleLine:nth-child(2) {
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 85%;
	}
	.hamburger .singleLine:nth-child(3) {
		top: 100%;
		right: 0;
		transform: translateY(-100%);
		width: 70%;
	}
	#masthead .nav-inner nav ul li.mobileOnly {
		display: block !important;
	}
	#masthead .nav-inner nav ul li.profileIcon {
		margin-left: 10px;
	}
	#masthead .nav-inner nav ul li.profileIcon svg, #masthead .nav-inner nav ul li.profileIcon img {
		height: 35px;
		width: 35px;
		display: block;
		object-fit: cover;
	}
	#masthead nav:not(.hiddenMenu) div > ul > li:not(.profileIcon) {
		display: none !important;
	}
	#masthead .nav-inner .logo {
		height: 24px;
	}
	#masthead .nav-inner .hiddenMenu {
		position: fixed;
		top: 0;
		right: 0;
		width: calc(100% - 2.5vw - 29px);
		height: auto;
		opacity: 0;
		pointer-events: none;
		display: block;
	}
	.menuOpen #masthead .nav-inner .hiddenMenu {
		opacity: 1;
		pointer-events: auto;
		/* 		display: block; */
	}
	.oppositeTransition #masthead .nav-inner .hiddenMenu {
		transition-delay: 1s; 
	}
	.hiddenMenu .backgroundOverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
		z-index: -30;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.oppositeTransition .hiddenMenu .backgroundOverlay {
		transition: opacity 0.3s 0.5s ease;
	}
	.menuOpen .hiddenMenu .backgroundOverlay {
		opacity: 1;
	}
	.hiddenMenu .bg {
		position: absolute;
		top: 0;
		right: 0;
		/* 		width: calc(100% - 30px); */
		height: 0;
		background-color: var(--primaryBlue);
		/* 		border-radius: 0 0 0 20px; */
		z-index: -10;

		/* V2 */
		width: 0;
		border-radius: 0 0 0 120px;

		transition: width 0.5s 0.2s ease, height 0.5s 0.2s ease;
	}
	.menuOpen .hiddenMenu .bg {
		height: calc(100% - 30px);
		width: 100%;
	}
	.oppositeTransition .hiddenMenu .bg {
		transition: width 0.5s 0.5s ease, height 0.5s 0.5s ease;
	}
	.hiddenMenu .bgAccent {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		background-color: var(--primaryYellow);
		/* 		border-radius: 0 0 0 20px; */
		z-index: -20;

		/* V2 */
		border-radius: 0 0 0 120px;

		transition: width 0.5s ease, height 0.5s ease;
	}
	.menuOpen .hiddenMenu .bgAccent {
		height: 100%;
		width: 100%;
	}
	.oppositeTransition .hiddenMenu .bgAccent {
		transition: width 0.5s 0.7s ease, height 0.5s 0.7s ease;
	}
	#masthead .hiddenMenu > div[class*="menu"] {
		width: 100%;
		height: 100%;
		padding: 50px 0 80px 50px;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul {
		flex-flow: column;
		align-items: flex-start;
		margin: 0;
		padding: 0;
		list-style: none;
		max-height: 100%;
		overflow: hidden auto;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul {
		--delay: 0.1s;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li.profileIcon, #masthead .hiddenMenu > div[class*="menu"] ul li.profileSub {
		display: none;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li {
		height: auto;
		margin: 0;
		opacity: 0;
		transform: translateX(calc(100vw - 55px - 2.5vw - 20px));
		transition-property: opacity, transform;
		transition-duration: 0.3s;
		transition-timing-function: ease;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(1) {
		transition-delay: calc(var(--delay) * 1 + .5s);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(2) {
		transition-delay: calc(var(--delay) * 2 + .5s);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(3) {
		transition-delay: calc(var(--delay) * 3 + .5s);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(4) {
		transition-delay: calc(var(--delay) * 4 + .5s);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(5) {
		transition-delay: calc(var(--delay) * 5 + .5s);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(6) {
		transition-delay: calc(var(--delay) * 6 + .5s);
	}

	/* 	Opposite direction */
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(1) {
		transition-delay: calc(var(--delay) * 1);
	}
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(2) {
		transition-delay: calc(var(--delay) * 2);
	}
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(3) {
		transition-delay: calc(var(--delay) * 3);
	}
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(4) {
		transition-delay: calc(var(--delay) * 4);
	}
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(5) {
		transition-delay: calc(var(--delay) * 5);
	}
	.oppositeTransition #masthead .hiddenMenu > div[class*="menu"] ul li:nth-child(6) {
		transition-delay: calc(var(--delay) * 6);
	}
	.menuOpen #masthead .hiddenMenu > div[class*="menu"] ul li {
		opacity: 1;
		transform: translateX(0);
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li:not(:first-child) {
		margin: 25px 0 0 0;
	}
	#masthead .hiddenMenu > div[class*="menu"] ul li a {
		color: #ffffff;
		text-decoration: none;
		font-size: 16px;
	}
	.hiddenMenu .closeContainer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(0deg, rgba(0,0,0,0.5), transparent);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.menuOpen .hiddenMenu .closeContainer {
		opacity: 1;
	}
	.hiddenMenu .closeContainer .closeIcon {
		width: 50px;
		height: 50px;
		border-radius: 100%;
		background-color: var(--primaryBlue);
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 0 20px rgba(0,0,0,0.2);
		transform: translateY(100%);
		will-change: transform;
		transition: 0.3s ease;
	}
	.menuOpen .hiddenMenu .closeContainer .closeIcon {
		transform: translateY(0);
	}

	/* 	Vacature overzicht */
	.splittedGrid {
		flex-flow: column;
	}
	.overview .grid .js-wpv-view-layout {
		order: 3;
		width: 100%;
	}
	.overview .grid .js-wpv-view-layout .itemsWrapper {
		margin-right: 0;
	}
	.overview .grid .js-wpv-filter-form {
		order: 2;
		margin-bottom: 50px;
	}
	aside.filterWrapper {
		max-width: 100%;
		padding: 20px;
	}
	aside.filterWrapper .mobileFilterController {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	aside.filterWrapper .mobileFilterController h3 {
		margin-bottom: 0;
	}
	.filterWrapper .textInputWrapper {
		margin-bottom: 0;
		grid-column: 1 / -1;
	}
	.instantInputWrapper {
		width: 320px;
	}
	/* 	.directFilterWrapper {
	display: none;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	grid-gap: 20px;
	margin-top: 30px;
} */
	.overview .grid .js-wpv-filter-form {
		max-width: 100%;
	}

	/* 	Single */
	.single aside {
		margin-top: 50px;
	}
	.single .splittedGrid .mainContentColumn {
		/* 		margin-bottom: 50px; */
		padding-right: 0;
	}
	.single-vacature aside > .secondaryBttn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.single-vacature aside > .secondaryBttn p, .single-vacature aside > .secondaryBttn .bgLayer {
		border-radius: 0;
	}
	.single-vacature .mainContent {
		z-index: 10;
	}
	.mobileVacatureDetails {
		display: flex;
		flex-flow: row wrap;
		padding: 20px 7.5% 0;
		background-color: #ffffff;
		z-index: 20;
		position: relative;
		padding-top: 20px;
		grid-gap: 10px;
	}
	.mobileVacatureDetails .singleDetail {
		display: flex;
		align-items: center;
		box-shadow: 0 5px 25px 0 rgb(33 57 72 / 15%);
		padding: 10px 15px;
		border-radius: 7px;
	}
	.mobileVacatureDetails .singleDetail svg {
		margin-right: 10px;
	}
	.single-vacature .shareBox {
		margin-top: 0;
	}
	.single-vacature .premiumLabel {
		margin: 0 0 0 auto;
	}
	.normalHeader .contentWrapper .favouriteWrapper {
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ffffff;
		border-radius: 7px;
		padding: 6px;
		margin-left: 15px;
	}
	.single-vacature #colophon {
		position: relative;
		z-index: 20;
	}
	.generalLoginProcess {
		padding: 50px 0;
	}

	/* 	Mijn profiel */
	.profileItem .formContainer {
		flex-flow: column;
	}
	.profileItem .formContainer h3, .profileItem .formContainer .formContainerHeader {
		width: 100%;
		max-width: 770px;
		margin-left: auto;
	}
	.profileItem .formContainer .formContainerHeader {
		margin-bottom: 40px;
	}
	.profileItem .formContainer .formContainerHeader h3 {
		margin-bottom: 20px;
	}

	/* 	Checkout flow */
	.pakketContainer {
		grid-template-columns: 1fr;
	}
	.wpt-form-label {
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.wpt-form-label {
		white-space: normal !important;
	}
}

/* Custom breakpoint between tablet horizontal and vertical */
@media only screen and (max-width: 860px) {
	.instantInputWrapper {
		width: 260px;
	}
}

/* Smaller than tablets vertical */
@media only screen and (max-width: 768px) {
	.filterHeader form button.primaryBttn {
		margin: 20px 0 0 0;
	}
	.footerMobileImage {
		width: 140px !important;
	}
	section.overview {
		padding: 0;
	}
	#colophon .mainRow .column.menuColumn.first {
		grid-column: span 12;
	}
	.textSection.withImage .grid {
		grid-template-columns: 1fr;
	}
	.textSection.withImage .image {
		display: none;
	}
	.singleBlogBreed .contentWrapper p {
		min-height: unset;
	}
	.singleBlogBreed .contentWrapper {
		margin-left: 0;
	}
	body, p {
		font-size: 14px;
		line-height: 20px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	h3, .singleWerkgeverBreed h3, .singleVacatureBreed h3 {
		font-size: 20px;
		line-height: 28px;
	}
	section {
		padding: 50px 0;
	}
	#colophon .mainRow {
		grid-gap: 2rem 0;
	}
	#colophon .mainRow .column.logoColumn {
		grid-column: span 6;
	}
	#colophon .mainRow .column.menuColumn {
		grid-column: span 6;
	}
	.singleVacature h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.textSection .grid p {
		max-width: 100%;
	}
	.vacatureGrid {
		grid-template-columns: 1fr;
		grid-gap: 40px 0;
	}
	.filterHeader form {
		flex-flow: column;
		align-items: center;
	}
	.instantInputWrapper {
		width: 100%;
		max-width: 300px;
	}
	.filterHeader form .instantInputWrapper:first-child {
		margin-bottom: 20px;
		z-index: 20;
	}
	.filterHeader form .instantInputWrapper:nth-child(2) {
		z-index: 10;
	}
	.filterHeader form button {
		width: 100%;
		max-width: 300px;
		margin-top: 40px;
	}
	.resultsContainer .taxonomyItem, .resultsContainer .minCar, .resultsContainer .noneFound {
		background: rgba(255, 255, 255, 1);
	}
	.filterWrapper .multipleCheckboxSelect ul li label {
		font-size: 16px;
		display: block;
	}
	.filterWrapper .multipleCheckboxSelect ul li input[type="checkbox"]:before {
		width: 15px;
		height: 15px;
	}
	.normalHeader {
		height: 160px;
	}
	.filterHeader {
		padding: 80px 0;
	}

	/* 	Werkgever detail */
	.single-werkgever .companyLogoWrapper, .single-vacature .companyLogoWrapper {
		width: 100px;
		height: 100px;
		padding: 20px;
		margin-bottom: 0;
	}

	/* 	Blog item breed */
	.singleBlogBreed {
		flex-flow: column;
	}
	.singleBlogBreed .featuredImage {
		width: 100%;
		position: relative;
		height: 240px;
	}
	.singleBlogBreed .contentWrapper .topBar .type {
		position: absolute;
		top: 0;
		right: 0;
	}

	/* 	Mijn profiel */
	.subHeader p {
		margin-right: 30px;
	}

	/* 	Checkout flow */
	.bevestigContainer {
		width: 90%;
	}

	/* 	Popup */
	.popupContent {
		width: 95%;
		padding: 30px;
	}
	.popupButtonsContainer, .tooltipButtonsContainer {
		flex-flow: column;
	}
	.popupButtonsContainer button[onclick="closePopup()"], .tooltipButtonsContainer button[onclick="closePopup()"] {
		order: 2;
		margin-bottom: 0;
		margin-top: 20px;
	}
	.popupButtonsContainer > *, .tooltipButtonsContainer > * {
		width: 100%;
	}
	.popupButtonsContainer > :first-child, .tooltipButtonsContainer > :first-child {
		margin-bottom: 20px;
	}

	/* 	Reporting */
	.dataCollectionContainer .registerAsEmployee {
		flex-flow: column;
	}
	.dataCollectionContainer .registerAsEmployee .singleDataWrapper:not(:last-child) {
		margin-bottom: 30px;
	}
	.dataCollectionContainer .dataHeaderWrapper {
		flex-flow: column;
		align-items: flex-start;
	}
	.dateRange {
		margin-top: 10px;
		margin-left: 0;
	}
	.daterangepicker.show-calendar .drp-buttons {
		display: flex !important;
		flex-flow: column;
		align-items: center;
	}
	.daterangepicker.show-calendar .drp-buttons .btn {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}
/* Small devices */
@media only screen and (max-width: 540px) {
	.vacatureOverzichtLogoWrapper {
		flex-direction: column;
		justify-content: left;
		align-items: normal;
	}
	.singleVacatureBreed .companyLogoWrapper {
		margin-left: 0px !important;
		margin-top: 1rem !important;
	}
	#colophon .mainRow .column.logoColumn {
		grid-column: span 12;
		text-align: center;
	}
	#colophon .mainRow .column.menuColumn {
		grid-column: span 12;
	}
	#colophon .copyright {
		flex-flow: column;
		justify-content: unset;
	}
	#colophon .copyright > *:not(:last-child) {
		margin-bottom: 15px;
	}
	.singleWerkgeverBreed .companyLogoWrapper {
		margin-right: 20px;
	}
	.singleVacatureBreed .companyLogoWrapper {
		margin-left: 20px;
	}
	.single-werkgever .companyLogoWrapper, .single-vacature .companyLogoWrapper {
		width: 60px;
		height: 60px;
		padding: 15px;
	}

	.normalHeader .companyLogoWrapper {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0px !important;
	}

	/* 	Mijn profiel */
	section.subHeader .grid {
		flex-flow: column;
		align-items: flex-start;
	}
	.subHeader p {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.subHeader a {
		margin-left: 0;
	}
	.subActiveLine {
		top: 20px;
		left: 0;
		width: 3px;
		height: 30px;
	}
	.registerAsEmployee {
		padding: 30px;
	}
	#masthead .nav-inner .logo {
		height: 16px;
	}
	#masthead .nav-inner .logo.desktop {
		display: block;
	}
	#masthead .nav-inner .logo.mobile {
		display: block;
		height: 36px;
	}
}

.showVacancyLink {
	margin-left: auto;
	background-color: var(--primaryBlue);
	padding: 5px 10px;
	color: #ffffff !important;
	border-radius: 10px;
}
.showVacancyLink svg {
	width: 15px !important;
	height: auto !important;
}
section.grid.orderSection:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 11;
	pointer-events: none;
	transition: background 0.3s ease;
}
section.grid.orderSection.loading:before {
	background-color: rgba(0,0,0,0.2);
	pointer-events: auto;
}

@media only screen and (max-width: 340px) {
	.mobileOnly.mobileNotLoggedInItems {
		display: none !important;
	}
}
/* Smallest phones */
@media only screen and (max-width: 320px) {
	#colophon .mainRow {
		flex-flow: column;
		align-items: center;
	}	
	#colophon .mainRow .menuColumn {
		text-align: center;
	}
	#colophon .mainRow .menuColumn p, #colophon .mainRow .menuColumn a {
		text-align: center;
	}
	#colophon .mainRow .menuColumn ul li {
		text-align: center;
	}
}

.triggerIcon.drop {
	transition: 0.5s;
	height: 16px;
	width: 16px;
}

.triggerIcon.drop.open {
	transform: rotate(180deg);
	transition: 0.5s;
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
	.directFilterWrapper {
		display: none;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		grid-gap: 20px;
		margin-top: 30px;
	}
}

@media only screen and (max-width: 600px)  {
	.directFilterWrapper {
		display: none;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-top: 30px;
	}
}

.hidden {
	display: none !important;  
}

b[role="presentation"] {
	display: none;
}

.select2-selection__arrow:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 512 512'%3E%3C!-- Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3cstyle%3E svg path { fill: white; } %3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");

	width: 1em;
	height: 1em;
	position: absolute;
	top: 20%;
	right: 0;
	transition: 0.5s;
}

.select2-container--open .select2-selection__arrow:before{
	transform: rotate(180deg);
	transition: 0.5s;
}

.singleVacature .wolkie {
	display: none;
}

.werkgeverSwiper a {
	text-align: center;
}

.jobSlotItem {
	cursor: pointer;
}
.mostChosenVacatures img {
	margin-top: 40px;
}
.imageVacatures {
	display: flex;
	justify-content: center;
}
.twoByTwo ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr)!important;
}
.mostChosenVacatures {
	min-height: 220px;
	display: flex;
	flex-flow: column;
	background-color: white;
	box-shadow: 0 5px 25px rgba(33, 57, 72, 0.15);
	transition: 0.5s ease;
	will-change: transform;
	text-decoration: none;
}

.mostChosenVacatures p {
	font-size: 25px;
	display: flex;
	justify-content: center;
	margin-top: 10px;
	font-weight: 500;
}

.mostChosenVacatures p:nth-child(2) {
	margin: auto;
	margin-bottom: 20px;
	font-size: 16px;
}

.mostChosenVacatures:hover {
	transform: translateY(-5px);
	cursor: pointer;
}

.mostChosenVacatures p:nth-child(2):after {
	content: url(https://cloudvacatures.paddap.dev/wp-content/uploads/2023/09/arrow-right-regular-2.svg);
	margin-left: 5px;
	margin-top: 5px;
}

.mostChosenText {
	display: flex;
	flex-flow: column;
	flex-grow: 1;
	align-items: center;
}

.gridChosenVacatures {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 30px;
}

.employer-register-succes__inner {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.employer-register-succes__inner h2,
.employer-register-succes__inner p {
	color: var(--white);
}

.activation-form__success-inner {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.activation-form__success-inner h1 {
	margin-bottom: 16px;
}
.activation-form__success-inner h1,
.activation-form__success-inner p {
	text-align: center;
}
.activation-form__success-inner .bttnGroup {
	justify-content: center;
	flex-direction: column;
	grid-gap: 8px;
	align-items: center;
}
.activation-form__success-inner .bttnGroup br {
	display: none;
}
.activation-form__success-inner .bttnGroup a {
	display: flex;
	justify-content: center;
	color: var(--white);
	width: 300px;
}
.activation-form__success-inner .bttnGroup .secondaryBttn span {
	position: relative;
	color: var(--primaryBlue);
}

.activate-form__inner {
	margin: 48px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
.activate-form__inner p,
.activate-form__inner h1 {
	text-align: center;
}

.filterWrapper .multipleCheckboxSelect .trigger.trigger {
	border-radius: 999px;
	padding: 12px 32px;
}

.filterWrapper .directFilterWrapper .bttnsWrapper {
	gap: 16px;
}
.directFilterWrapper .bttnsWrapper .secondaryBttn {
	height: 45px;
}

.create-vacancy-message {
	margin-top: 48px;
}
.create-vacancy-message__inner h3,
.create-vacancy-message__inner p {
	text-align: center;
}

.menu-main-menu-logged-out-mobile-container .primaryBttn {
	border-color: var(--white);
}
#masthead .nav-inner nav .menu-main-menu-logged-out-mobile-container ul .menu-item.secondaryBttn a {
	padding: 12px 28px;
}
.menu-main-menu-logged-out-mobile-container .secondaryBttn p {
	color: var(--white);
}

.activation-employer-form__inner .bttnGroup {
	justify-content: center;
}

.werkgever-info__item {
	margin-bottom: 8px;
	text-align: center;
}

.mostChosenVacatures {
	border-radius: 16px;
}

.wpt-form-error.wpt-top-form-error {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 24px;
}
.wpt-form-error.alert {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 24px;
}
.wpt-form-error.alert ul {
	margin: 0;
}


/* Page - Welkom */
.page-welkom__inner p {
	text-align: center;
	color: var(--white);
}
.page-welkom__inner-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.page-welkom__inner-top h3 {
	color: var(--white);
	text-align: center;
}
.page-welkom__inner .bttnGroup {
	justify-content: center;
	margin-top: 24px;
	grid-gap: 20px 16px;
}
/* END Page - Welkom */


/* Job Alert */
.job-alert__inner {
	display: flex;
	flex-direction: column;
	align-items: center;

	border-radius: 16px;
	padding: 32px;

	background-color: rgba(255,255,255,0.5);
	box-shadow: -2px 2px 8px rgba(0,0,0,0.1);
}
#signPopupBttn.pjaBttn.pjaOpenAlert {
	border-radius: 99px;
	padding: 12px 24px;
	background-color: var(--primaryBlue);
	border: 2px solid var(--primaryBlue);
	color: var(--white);

	transition: all .2s ease;
}
#signPopupBttn.pjaBttn.pjaOpenAlert:hover {
	background-color: transparent;
	color: var(--primaryBlue);
}
.email-or-whatsapp {
	display: flex;
	gap: 12px;
}
.email-or-whatsapp label {
	cursor: pointer;
}
.pjaPopup form .job-alert-privacy__container {
	margin-top: 48px;
}
.pjaPopup form .job-alert-privacy__container label {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-direction: row;
}
.pjaPopup form {
	background-color: #F5F5F5;
}
.select2.select2-container--default .select2-selection--multiple {
	border: none;
	border-radius: 8px;
}
.primaryBttn.pjaBttnSubmit {
	color: var(--white);
	width: fit-content;
	margin: 0;
}
.primaryBttn.pjaBttnSubmit:hover {
	color: var(--primaryBlue);
}
.pjaPopup form .close {
	filter: brightness(0) saturate(100%) invert(4%) sepia(16%) saturate(6549%) hue-rotate(211deg) brightness(100%) contrast(93%);
}

.iti.iti--allow-dropdown {
	margin-top: 10px;
}

.iti.iti--allow-dropdown input[type="tel"] {
	width: 50%;
	padding-left: 48px;
}

@media (max-width: 768px) {
	.iti.iti--allow-dropdown input[type="tel"] {
		width: 100%;
	}
}
/* END Job Alert */

.eye-wrapper {
	position: relative;
}

.eye-wrapper .eyes {
	position: absolute;
	top: 8px;
	right: 6px;
	cursor: pointer;
}

.eye-wrapper .eyes .eye {
	width: 24px;
}

.eye-wrapper .eyes .eye-closed {
	position: absolute;
	left: 0;
	top: 0;
}
.eye-wrapper .eyes .eye-open {
	opacity: 0;
}

.eye-wrapper.active .eyes .eye-closed {
	opacity: 0;
}
.eye-wrapper.active .eyes .eye-open {
	opacity: 1;
}

.jobslot-upsell__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 32px;
}

.jobslot-upsell-card,
.jobslot-upsell-card:visited {
	background-color: white;
	border-radius: 16px;
	padding: 24px 32px 32px;
	cursor: pointer;
	box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	border: 2px solid transparent;
	
	text-decoration: none;

	transition: all .2s ease;
}
.jobslot-upsell-card:hover,
.jobslot-upsell-card:focus {
	box-shadow: 0px 4px 16px rgba(0,0,0,0.1);
	transform: translateY(-4px);
	border-color: var(--secondaryBlue);
}
.jobslot-upsell-card__title {
	margin-bottom: 24px;
}
.jobslot-upsell-card__subtitle {
	margin-bottom: 24px;
}

.jobslot-upsell-card__tags {
	list-style: none;
}

.jobslot-upsell-card__tags li {
	position: relative;
}
.jobslot-upsell-card__tags li::before {
	content: '✔';
	position: absolute;
	right: calc(100% + 10px);
	color: var(--secondaryBlue);
}

.jobslot-upsell-card__text {
	font-style: italic;
}

@media (max-width: 960px) {
	.jobslot-upsell__inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.jobslot-upsell__inner {
		grid-template-columns: repeat(1, 1fr);
	}
}