@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap");
:root { --headingFont: "Mona Sans";
--bodyFont: "Mona Sans";
--fallbackFont: "sans-serif"; --white: #FFFFFF;
--black: #000000;
--paddap: #00635A;
--skyblue: rgb(152, 185, 255);
--navydark: rgb(0, 35, 111);
--royalblue: rgb(0, 81, 255);
--terraclay: rgb(204, 120, 92);
--iceblue: rgb(237, 242, 250);
--peach: rgb(245, 179, 157);
--blossompink: rgb(250, 235, 234);
--azure: rgba(0, 81, 255, 1);
--navymidnight: rgba(0, 35, 111, 1);
--sapphire: rgba(13, 52, 136, 1);
--lightgrey:#FAF0ED;
--darkblue:#0D3488;
--extraLight: 200;
--light: 300;
--normal: 400;
--bold: 600;
--extraBold: 800; --navbar-height: 80px; --blueGradient: var(--blue-500) 0%, var(--blue-400) 100%; --mainGrid: 1280px;
--smallGrid: 770px; --innerSectionMargin: 70px;
--sectionPadding: 120px;
--smallSectionPadding: 70px;
--gridPadding: calc((100vw - var(--mainGrid)) / 2);
--smallGridPadding: calc((100vw - var(--smallGrid)) / 2);
}
html {
scroll-behavior: smooth;
}
body,
p, input {
font-family: var(--bodyFont), var(--fallbackFont);
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--black);
}
a {
outline: none;
}
h1, h2, h3, h4, h5, h6, h7 {
font-family: var(--headingFont), var(--fallbackFont);
}
h1 {
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 88px;
margin-top: 0;
margin-bottom: 20px;
}
h2 {
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 50.4px;
color: var(--navydark);
}
h3 {
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 36.4px;
}
h4{
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 36.4px;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--terraclay);
}
h5{
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 38.4px;
color: var(--navydark);
}
.single-vacature .page h3 {
color: var(--navydark);
}
img,
svg,
video {
display: block;
}
section {
padding-top: var(--sectionPadding);
}
section .mainGrid > h2 {
margin-top: 0;
margin-bottom: var(--innerSectionMargin);
}
section.logos .bigGrid .mainGrid > h2 {
margin-bottom: 30px;
}
#page {
display: flex;
flex-flow: column;
min-height: 100vh;
}
.wysiwyg :first-child {
margin-top: 0;
}
.wysiwyg :last-child {
margin-bottom: 0;
}
.wysiwyg ul, .wysiwyg ol {
margin-left: 0;
padding-left: 25px;
}
a {
outline: none;
text-decoration: none;
color: var(--black);
}
.wysiwyg p a {
text-decoration: underline;
}
.nameOfComponent {
color: red;
text-align: center;
font-style: italic;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
gap: 16px;
margin-top: 64px;
}
.wysiwyg p a:after {
content: unset;
}
p a, nav a {
outline: none;
position: relative;
text-decoration: none;
color: var(--black);
transition: color 0.2s ease;
}
p a:hover, nav a:hover {
color: var(--navydark);
}
p a:after, nav a:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0%;
height: 2px;
background-color: var(--navydark);
transition: width 0.2s ease;
}
a:visited {
color: var(--black);
}
p a:hover:after, nav a:hover:after {
left: 0;
width: 100%;
}
.heartWrapper a:after, .bttnWrapper a:after {
display: none;
}
.footer-right__info a {
position: relative;
}
.footer-right__info a:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0%;
height: 2px;
background-color: var(--white);
transition: width 0.2s ease;
}
.footer-right__info a:hover:after {
left: 0;
width: 100%;
}
.heartWrapper {
position: relative;
}
.heartWrapper span {
width: 20px;
height: 20px;
position: absolute;
top: -12.5px;
right: -12.5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 12px;
background-color: var(--white);
color: var(--navymidnight);
border-radius: 9999px;
border: solid 1px var(--white);
transition: all .2s ease;
}
.heartWrapper.current-menu-item {
border-radius: 99px;
background-color: var(--peach);
}
.heartWrapper.current-menu-item .heart {
top: 2px;
scale: .7;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#menu-footer-contact, ul#menu-footer-socials {
flex-direction: column;
}
.col-span-2.contact {
grid-column: span 2;
display: flex;
justify-content: center;
}
.col-span-5.address {
grid-column: span 5;
display: flex;
justify-content: flex-start;
} .mainGrid {
width: 90%;
max-width: var(--mainGrid);
margin-right: auto;
margin-left: auto;
}
.smallGrid {
width: 90%;
max-width: var(--smallGrid);
margin-right: auto;
margin-left: auto;
}
.hidden {
display: none !important;	
}
.col-span-1 {
grid-column: span 1;
}
.col-span-2 {
grid-column: span 2;
}
.col-span-3 {
grid-column: span 3;
}
.col-span-4 {
grid-column: span 4;
}
.col-span-5 {
grid-column: span 5;
}
.col-span-6 {
grid-column: span 6;
}
.col-span-7 {
grid-column: span 7;
}
.col-span-8 {
grid-column: span 8;
}
.col-span-9 {
grid-column: span 9;
}
.col-span-10 {
grid-column: span 10;
}
.col-span-11 {
grid-column: span 11;
}
.col-span-12 {
grid-column: span 12;
}
.col-span-full {
grid-column: 1/-1;	
}
.component-decal {
position: absolute;
z-index: 10;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
} .home #masthead {
position: fixed !important;
top: 0;
left: 0;
z-index: 999;
width: 100%;
}
#masthead.scrolled {
background-color: rgb(237, 242, 250);
}
#masthead.scrolled a {
color:rgb(0, 35, 111)!important;
}
#masthead.scrolled .navbarGrid .site-logo img {
filter: none!important;
}
.home #masthead .navbar {
background-color: transparent;
}
.home #masthead .navbar-noHamburger .menu-item a {
color: var(--white);
}
.home #masthead .navbar-noHamburger .menu-item a:after {
background-color: var(--white);
}
.home #masthead .navbarGrid .site-logo img {
filter: brightness(0) invert(1);
}
.home #masthead .heart path {
stroke: var(--white);
fill: var(--white);
}
#masthead {
position: sticky;
top: 0;
z-index: 999;
}
.single-vacature #masthead {
position: relative !important;
}
#masthead .navbar {
background-color: var(--white);
padding: 20px 0;
}
#masthead .navbarGrid {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 40px;
}
#masthead nav.hiddenMenu ul li.bttnWrapper a {
font-size: 18px;
}
#masthead .navbarGrid .site-logo {
display: flex;
}
#masthead .navbarGrid .site-logo img {
height: 40px;
width: auto;
}
#masthead nav.hiddenMenu {
position: fixed;
top: 0;
left: 0;
background-color: var(--white);
width: 100%;
height: 100%;
padding-top: 100px;
padding-right: var(--gridPadding);
padding-bottom: 100px;
padding-left: 100px;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#masthead nav.hiddenMenu ul li + li {
margin-top: 40px;
}
#masthead nav.hiddenMenu ul li a {
font-size: 50px;
line-height: 1;
}
#masthead nav.hiddenMenu ul li.current-menu-item a {
color: var(--navydark);
}
#masthead nav.hiddenMenu ul li.current-menu-item a:after {
left: 0;
width: 100%;
}
body.menuOpen, body.popupOpen {
overflow: hidden;
}
.menuOpen #masthead nav {
opacity: 1;
pointer-events: auto;
}
#masthead nav.hiddenMenu ul {
display: flex;
flex-flow: column;
align-items: flex-start;
margin-right: 12rem;
}
#masthead .icons {
display: flex;
align-items: center;
position: relative;
z-index: 1000;
}
#masthead .icons > * + * {
margin-left: 24px;
}
#masthead .icons .heart {
display: block;
width: auto;
}
#masthead .icons nav ul {
display: flex;
align-items: center;
}
#masthead .icons nav ul li + li {
margin-left: 24px;
}
.navBarWithLinksNoHamburger#masthead .icons nav ul li + li {
margin-left: 0;
} .hamburgerIcon {
display: block;
position: relative;
width: 50px;
height: 28px;
cursor: pointer;
z-index: 50;
}
.hamburgerIcon .hamburgerLine {
position: absolute;
width: 100%;
height: 4px;
background-color: var(--navydark);
border-radius: 10px;
transition: transform 0.2s ease, width 0s 0.2s, top 0.2s 0.2s ease;
}
.home .hamburgerIcon .hamburgerLine {
background-color: var(--white);
}
.home.menuOpen .hamburgerIcon .hamburgerLine {
background-color: var(--navydark);
}
.menuOpen .hamburgerIcon .hamburgerLine {
transition: top 0.2s ease, width 0s 0.2s, transform 0.2s 0.2s ease
}
.hamburgerIcon .hamburgerLine:nth-child(1) {
top: 0;
right: 0;
}
.hamburgerIcon .hamburgerLine:nth-child(2) {
top: calc(50% - 1px);
right: 0;
width: 40px;
}
.hamburgerIcon .hamburgerLine:nth-child(3) {
top: calc(100% - 2px);
right: 0;
width: 30px;
}
.menuOpen .hamburgerIcon .hamburgerLine {
top: calc(50% - 1px);
width: 100%;
}
.menuOpen .hamburgerIcon .hamburgerLine:nth-child(1) {
transform: rotate(225deg);
}
.menuOpen .hamburgerIcon .hamburgerLine:nth-child(2) {
width: 0;
}
.menuOpen .hamburgerIcon .hamburgerLine:nth-child(3) {
transform: rotate(135deg);
}
.formPopup.show {
pointer-events: auto;
opacity: 1;
overflow-y: auto;
background-color: var(--white);
}  .site-footer {
background: var(--navymidnight);
margin-top:var(--sectionPadding);
padding: 60px 0 30px;
color: var(--white);
}
.single-vacature .site-footer {
margin-top: 0;
}
.footer-wrapper {
display: flex;
justify-content: space-between;
gap: 60px;
} .footer-left {
flex: 1;
}
.footer-columns {
display: flex;
gap: 60px;
}
.footer-column h3 {
margin-bottom: 25px;
}
.footer-column ul {
list-style: none;
padding: 0;
}
.footer-column ul li {
margin-bottom: 15px;
display:flex;
gap:12px;
}
.footer-column ul li img {
width: 30px;
}
.footer-column ul li a {
display: flex;
align-items: center;
}
.footer-column a {
color: #fff;
text-decoration: none;
}
.footer-column a:hover {
text-decoration: underline;
}
.footer-logo {
margin-top: 100px;
}
.footer-logo img {
max-width: 340px;
}
@media (max-width: 768px) {
.footer-logo img {
max-width: 260px;
}
} .footer-right {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 100px;
}
.footer-contactbox {
background: var(--darkblue);
padding: 30px;
border-radius: 15px;
width: 100%;
max-width: 550px;
position: relative;
max-height: 250px;
}
.footer-contactbox h3 {
margin-top:0;
margin-bottom: 15px;
}
.footer-contactbox p {
margin-bottom: 20px;
color:var(--white);
width:70%;
}
.footer-button {
display: inline-block;
background:var(--royalblue) ;
padding: 10px 22px;
color: var(--white);
font-weight: 600;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s;
}
.footer-button:hover {
background:var(--white);
color:var(--royalblue);
transition: all 0.3s;
}
.footer-emoji {
position: absolute;
right: 20px;
bottom: 90px;
}
.footer-right__info p,
.footer-right__info a{
color:var(--white);
margin:0;
}
.footer-right__info{
display: flex;
align-items: center;
justify-content: center;
gap:24px;
} @media (max-width: 900px) {
.footer-wrapper {
flex-direction: column;
}
.footer-columns {
flex-direction: column;
}
.footer-right {
justify-content: center;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.footer-right__info {
flex-direction: column;
align-items: flex-start;
}
}
.testimonialGrid.swiper-wrapper {
display: flex;
gap: 1.5rem;
justify-content: space-between;
flex-wrap: nowrap;
}
.singleBigTestimonial {
background-color: var(--primary-400);
border-radius: 16px;
}
.singleBigTestimonial img {
height: 48px;
width: 48px;
border-radius: 9999px;
}
.singleBigTestimonialUnder {
display: flex;
flex-flow: column;
align-items: center;
margin-top: auto;
}
.singleBigTestimonialText.wysiwyg {
display: flex;
justify-content: center;
margin: 0;
padding: 80px 110px 0 110px;
line-height: 1;
}
.singleBigTestimonialText.wysiwyg :last-child {
font-weight: 400;
}
.singleBigTestimonial {
display: flex;
flex-flow: column;
gap: 24px;
text-align: center;
line-height: 1;
padding-bottom: 40px;
}
.testimonialBig .mainGrid {
width: 846px;
}
.singleBigTestimonialUnder p {
margin: 8px 0 0 0;
}
.single-content #colophon,
#colophon {
margin-top: 0;
}
#colophon .mainFooter .mainGrid .cta {
grid-column: span 8;
}
#colophon .mainFooter .mainGrid hr {
grid-column: 1/-1;
width: 100%;
height: 3px;
background-color: var(--primary-400);
margin: var(--innerSectionMargin) 0;
}
#colophon .mainFooter .mainGrid .socials {
display: flex;
justify-content: flex-end;
}
#colophon .copyright {
background-color: var(--primary-500);
text-align: center;
padding: 8px 0;
}
#colophon .copyright p, #colophon .copyright .mainGrid nav ul li a {
margin: 0;
font-size: 16px;
}
#colophon .copyright .mainGrid {
display: flex;
justify-content: center;
}
#colophon .copyright .mainGrid * + *, #colophon .copyright .mainGrid nav ul li + li {
margin-left: 30px;
}
#colophon .copyright .mainGrid nav ul {
display: flex;
align-items: center;
}
#colophon .copyright .mainGrid nav ul li a:hover {
color: var(--black);
}
#colophon .copyright .mainGrid nav ul li a:after {
background-color: var(--black);
}
#colophon .madeBy {
background-color: var(--primary-700);
text-align: center;
padding: 8px 0;
}
#colophon .madeBy a {
display: block;
font-size: 10px;
line-height: 1;
color: var(--white);
text-transform: uppercase;
}
#colophon {
position: relative;
}
#colophon .component-decal {
position: absolute;
top: -1px;
left: 50%;
transform: translate(50%, 0);
height: fit-content;
rotate: 180deg;
}  section.homeHero .heroSearchWrapper {
margin-top: 40px;
padding: 50px 30px;
background-color: var(--primary-400);
width: 100%;
max-width: var(--mainGrid);
margin-right: auto;
margin-left: auto;
position: relative;
}
section.homeHero .heroTextWrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
section.homeHero .heroTextWrapper p {
grid-column: span 8;
margin: 0 0 1.5em;
}
section.homeHero h1 {
margin: 0;
}
section.withText .mainGrid h1, section.withButtons .mainGrid h1  {
margin-bottom: 80px;
}
.jobSearchWrapper {
width: 100%;
display: flex;
}
.jobSearchInput {
position: relative;
}
i.fa-sharp.fa-regular.fa-loader {
position: absolute;
display: none;
right: 30px;
top: 16px;
animation:spin 1.5s linear infinite;
}
.menu-footer-navbar-heart-container #menu-footer-navbar-heart .heartWrapper a {
display: flex;
}
@keyframes spin { 
100% { 
transform: rotate(360deg);
} 
}
.jobSearchWrapper input, .jobSearchInput {
flex: 1 0 0;
}
.jobSearchInput input {
width: 100%;
}
.jobSearchWrapper button {
margin-left: 30px;
}  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], textarea {
-webkit-appearance: none;
outline: none;
padding: 14px 30px;
border-radius: 8px;
border: 0px;
background-color: var(--white);
color: var(--black);
}
form input[type="text"]::placeholder {
color: var(--black);
}
form input[type="file"]::file-selector-button {
box-shadow: unset;
background-color: var(--royalblue);
color: var(--white);
border: 0;
font-size: 14px;
line-height: 1;
padding: 8px 16px;
border-radius: 9999px;
margin-right: .5rem;
cursor: pointer;
}
textarea {
resize: vertical;
}
#countryCode {
display: none;
}
#page .iti {
width: 100%;
}
#page .iti__flag-box, #page .iti__country-name {
font-size: 16px;
}
#page .iti__flag-container {
padding: 5px;
} .bttnGroup {
display: flex;
flex-flow: row wrap;
margin-top: var(--innerSectionMargin);
grid-gap: 1.5rem 20px;
}
.bttnGroup.smallMargin {
margin-top: 40px;
justify-content: center;
}
.bttn, input.bttn, .bttnWrapper a {
-webkit-appearance: none;
outline: none;
text-decoration: none;
border: 1px solid transparent;
border-radius: 25px;
padding: 12px 24px;
display: inline-flex;
justify-content: center;
color: var(--black);
font-size: 18px;
line-height: 22px;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
}
.bttn1,
.bttn1:visited {
background-color: var(--royalblue);
color: var(--white);
border: 1px solid transparent;
}
.bttn1:hover {
background-color: white;
color: var(--royalblue);
border-color: var(--royalblue);
}
.bttn2,
.bttn2:visited {
background-color: transparent;
color: var(--royalblue);
border-color: var(--royalblue);
}
.bttn2:hover {
background-color: var(--royalblue);
color: var(--white);
border-color: transparent;
}
.bttn3,
.bttn3:visited {
background-color: var(--white);
color: var(--royalblue);
border-color: transparent;
}
.bttn3:hover {
background-color: var(--royalblue);
color: var(--white);
border-color: transparent;
}
.bttn:hover, input.bttn:hover, .bttnWrapper a:hover { }
.bttn .heart {
margin-left: 10px;
}
.bttn.white {
background-color: var(--white);
color: var(--black);
}
.wpcf7-submit.bttn {
width: fit-content;
} section.text .bg {
background-color: var(--white);
padding: var(--sectionPadding) 0;
}
section.text .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
section.text.favoriteJobs .mainGrid {
display: block;
}
section.text .mainGrid .wysiwyg {
grid-column: span 8;
}
section.text .mainGrid .wysiwyg + .wysiwyg {
margin-top: var(--innerSectionMargin);
}
section.text.fullWidth .mainGrid .wysiwyg {
grid-column: span 12;
}
section.jobAlert .innerPadding {
width: 100%;
background-color: var(--peach);
border-radius: 20px;
position: relative; }
section.jobAlert .innerPadding h2 {
margin-top: 25px;
margin-bottom: 25px;
}
section.text .staticTextSlideshowGrid.mainGrid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
justify-content: center;
gap: 2rem;
padding-top: 3rem;
}
.jobsGrid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-auto-flow: dense;
grid-gap: 32px;
}
.jobsGrid.list {
display: flex;
flex-flow: column;
}
.col.deelVacatureShare {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
}
.col.deelVacatureShare.vacatureShareLogo {
justify-content: end;
}
.deelVacatureShareUnder:hover .secondLogo .shareButton {
transform: rotate(180deg);
}
.col.deelVacatureShare .secondLogo img {
transition: opacity 0.3s ease, transform 0.3s ease;
filter: brightness(0) invert(0);
}
.firstLogo {
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateX(calc(100% + 10px));
}
section.video .mejs-container, section.video .wp-video {
width: 100%!important;
}
.secondLogo img {
position: absolute;
}
.mailButton {
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: rotate(-180deg);
}
.deelVacatureShareUnder:hover .firstLogo {
opacity: 1;
transform: translateX(0);
}
.deelVacatureShareUnder:hover img.mailButton {
opacity: 1;
transform: rotate(0deg);
display: block;
}
.deelVacatureShareUnder:hover img.shareButton {
opacity: 0;
}
.deelVacatureShareUnder {
display: flex;
gap: 10px;
padding-right: 30px;
}
.deelVacatureShareUnder img {
width: 32px;
height: 32px;
}
.d.selectit {
transition: all .2s ease;
}
.d.selectit.wpv-parametric-disabled {
opacity: .35;
pointer-events: none;
cursor: auto; 
}
.singleJob {
position: relative;
background-color: var(--white);
display: flex;
flex-flow: column;
align-items: flex-start;
border-radius: 16px;
overflow: clip;
transition: all 0.3s;
}
.singlejob__titel-wrapper{
display: flex;
justify-content: space-between;
width: 100%;
}
.singlejob__featured-image {
width: 100%;
height: 100%;
object-fit: cover;
display: none;
opacity: 0;
transition: opacity .2s ease;
}
.singleJob .favouriteWrapper { }
.singleJob:hover {
box-shadow: 0 6px 18px rgba(0,102,255,0.12);
transform: translateY(6px) scale(.99);
}
.singlejob__info-wrapper{
padding: 32px;
padding-top: 16px;
height: 100%;
display: flex;
flex-direction: column;
}
.singlejob__vacature-image-wrapper{
min-width: 300px;
width: 100%;
min-height: 200px;
max-height: 200px;
position: relative;
}
.jobArrow {
position: absolute;
bottom: 16px;
right: 32px;
width: 48px;
height: 48px;
background-color: var(--royalblue);
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.6);
transition: all 0.25s ease;
z-index: 15;
}
.jobArrow img {
width: 25px;
height: 25px;
}
.singleJob:hover .jobArrow,
.singleContent:hover .jobArrow {
opacity: 1;
transform: scale(1);
}
.jobWithFilterPopupContainer.overview {
padding-top: 0;
}
.filterPopupFilters {
height: 100%;
overflow-x: auto;
margin: 2rem 0;
}
.filterPopupFilters label {
font-size: 16px;
display: flex;
align-items: center;
grid-gap: 0.5rem;
cursor: pointer;
}
.singleJob.list:hover {
transform: translateY(-4px);
}
.singleJob h3 {
margin: 0;
padding-right: 30px;
color:var(--navymidnight);
transition: all .2s ease;
}
.singleJob.list h3 {
padding-right: 0;
}
.singleJob .uspList {
margin-top: auto;
padding-top: 40px;
margin-top: auto;
display: flex;
flex-flow: column;
}
.single-vacature #colophon .component-decal__image {
filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(5293%) hue-rotate(181deg) brightness(93%) contrast(111%);
}
.swiper-slide .singleUspImage{
height: auto;
width: 152px;
}
.swiper-wrapper.uspImageGrid .swiper-slide {
width: 152px;
}
.single-vacature .swiper-wrapper.uspImageGrid .swiper-slide {
width: unset;
}
.singleJob .uspList .uspItem {
display: flex;
align-items: center;
}
.singleJob .uspList .uspItem + .uspItem {
margin-top: 20px;
}
.singleJob .uspList .uspItem i {
margin-right: 10px;
color: var(--royalblue);
width: 20px;
}
.singleJob.list .uspList .uspItem i {
margin-right: 4px;
}
.singleJob .uspList .uspItem p {
margin: 0;
color:var(--navymidnight);
}
.singleJob .excerpt {
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.uspTextImage.swiper-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
text-align: -webkit-center;
column-gap: 1.5rem;
}
.uspTextImageSix.swiper-wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.5rem;
margin-left: auto;
margin-right: auto;
text-align: -webkit-center;
}
.uspTextImageSix .singleUspTextImageSix {
grid-column: span 4;
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
}
.uspTextImageSix .singleUspTextImageSix:nth-child(4) {
grid-column: 3/7;
}
.uspTextImageSix .singleUspTextImageSix:nth-child(5) {
grid-column: 7/11;
}
.singleUspTextImageSix img, .uspTextImage.swiper-wrapper .singleUspTextImage img {
width: 80px;
height: auto;
}
.singleUspTextImageSix.swiper-slide p, .singleUspTextImageSix.swiper-slide h1, .singleUspTextImageSix.swiper-slide h2, .singleUspTextImageSix.swiper-slide h3 {
margin: 4px 0 0 0;
}
.singleJob.big {
grid-column: span 2;
padding: 32px;
}
.singleJob.big .uspList {
flex-flow: row;
}
.singleJob.big .uspList .uspItem + .uspItem {
margin-top: 0;
margin-left: 50px;
}
.singleJob.big .excerpt {
-webkit-line-clamp: 3;
}
.singleJob.list {
transition: .3s ease;
}
.singleJob.list {
flex-flow: row;
align-items: center;
padding: 24px;
border-radius: 16px;
background-color: var(--white);
}
.singleJob.list .uspList {
margin-top: 0;
margin-left: auto;
padding-top: 0;
flex-flow: row;
align-items: center;
flex-shrink: 0;
}
.singleJob.list .uspList .uspItem + .uspItem {
margin-top: 0;
margin-left: 24px;
}
.singleJob:hover .singlejob__info-wrapper {
color: var(--royalblue);
}
.singleJob:hover h3 {
color: var(--royalblue);
}
.singleJob .vacature-info {
margin-top: 12px;
transition: all .2s ease;
}
.singleJob:hover .vacature-info {
color: var(--royalblue);
}
.titleUsp  {
margin: 0;
padding-bottom: 3rem;
}
.singleJob.list .favouriteWrapper {
position: initial;
display: flex;
margin-left: 32px;
}
.singleJob.shadowItem:not(.list) {
padding: 24px;
}
.shadowItem .shadow {
width: 250px;
height: 22px;
background-color: var(--iceblue);
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.shadowItem .shadow.excerpt {
height: 110px;
}
.singleJob.shadow.invisible {
display: none;
}
.shadowItem .categories .shadow {
width: 70px;
}
.shadowItem .categories .shadow {
margin-right: 10px;
}
.shadowItem.list .shadow.h3 {
width: 160px;
background-color: var(--iceblue);
}
.shadowItem.list .uspList .shadow {
width: 110px;
background-color: var(--iceblue);
}
.openApplication {
position: relative;
padding: 24px 32px 32px;
background-color: var(--white);
display: flex;
flex-flow: column;
justify-content: space-between;
border-radius: 16px;
transition: all .3s ease;
}
.openApplication .bttnGroup {
margin-top: auto;
padding-top: var(--innerSectionMargin);
}
.openApplication.list {
padding: 25px 30px;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.openApplication.list .bttnGroup {
padding-top: 0;
}
.openApplication:hover {
box-shadow: 0 6px 18px rgba(0, 102, 255, 0.12);
transform: translateY(6px) scale(.99);
}
.singleContent {
position: relative;
background-color: var(--primary-300);
display: flex;
flex-flow: column;
align-items: flex-start;
border-radius: 20px;
transition: all .3s ease;
}
.singleContent:hover {
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
transform: translateY(6px) scale(.99);
}
.singleContent h3 {
margin: 0;
padding-right: 30px;
}
.singleContent .uspList {
margin-top: auto;
padding-top: 30px;
display: flex;
flex-flow: column;
}
.singleContent .uspList .uspItem {
display: flex;
align-items: center;
}
.singleContent .uspList .uspItem + .uspItem {
margin-top: 20px;
}
.singleContent .uspList .uspItem i {
margin-right: 10px;
color: var(--primary-600);
width: 20px;
}
.singleContent .uspList .uspItem p {
margin: 0;
}
.singleContent .excerpt,
.singleContent:visited .excerpt {
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;  
overflow: hidden;
color: var(--black);
}
.singleContent:hover .excerpt {
color: var(--black);
}
.singleContent .categories {
display: flex;
flex-flow: row wrap;
gap: 12px;
}
.singleContent .categories .category,
.singleContent .categories .category-multiple {
font-size: 16px;
line-height: 24px;
font-style: italic;
color: var(--white);
transition: color 0.2s ease;
}
.singleContent .categories .category:hover {
color: var(--orange-500);
}
.quotesIcon {
font-size: 143px;
line-height: 1;
margin-bottom: -90px;
margin-top: 0;
}
.dateName > p {
margin: 0;
}
.testimonialBottom {
display: flex;
gap: 2rem;
align-items: center;
}
.testimonialTopGoogleReview{
display: flex;
gap: 0.5rem;
align-items: center;
}
.googleReviewStars {
display: flex;
margin-top: 8px;
flex-wrap: wrap;
}
.googleReviewStars img  {
width: 1.5rem;
height: 1.5rem;
filter: brightness(0) invert(1);
}
.testimonialBottom img, .testimonialTopGoogleReview img {
width: 56px;
height: 56px;
border-radius: 9999px;
}
.singleTestimonial p {
text-wrap: balance;
}
.testimonialTop .wysiwyg:first-child, .testimonialTop .wysiwyg:last-child, .testimonialTopGoogleReview .wysiwyg:first-child, .testimonialTopGoogleReview .wysiwyg:last-child{
margin-bottom: 10px;
margin-top: 17px;
}
.singleTestimonial.swiper-slide {
width: 276px;
height: auto;
}
.agendaGrid {
display: grid;
gap: 24px;
}
.singleAgendaItem {
display: flex;
align-items: center;
gap: 26px;
background-color: var(--primary-400);
border-radius: 16px;
cursor: pointer;
}
.singleAgendaItem.hiddenChevron img.chevronAgenda {
display: none;
}
.singleAgendaItem.hiddenChevron {
cursor: unset;
}
.singleAgendaItem p, .singleAgendaItem h2, .singleAgendaItem h3  {
margin: 0;
}
.singleAgendaItemTop {
padding: 12px 0;
}
div.singleAgendaImage {
background-color: var(--primary-600);
min-width: 138px;
display: flex;
align-items: center;
height: 100%;
flex-flow: column;
padding: 12px;
border-radius: 16px 0 0 16px;
}
.rotateAgenda {
transform: rotate(180deg);
transition: 0.3s;
}
img.chevronAgenda {
display: flex;
place-self: flex-start;
padding: 12px 24px;
margin-left: auto;
transition: 0.5s;
}
.singleAgendaItem p {
margin-top: 6px;
}
.agendaText {
overflow: hidden;
max-height: 25px;
}
.singleAgendaItem.notClickable .agendaText {
display: block;
}
.singleAgendaItem.notClickable .chevronAgenda {
display: none;
}
.singleAgendaItem.notClickable {
cursor: unset;
}
.singleAgendaImage img {
width: 40px;
height: auto;
} .heart {
width: 40px;
height: 40px;
cursor: pointer;
position: relative;
transition: transform 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.heart:hover {
transform: scale(1.1);
}
.heart path {
stroke: var(--navymidnight);
stroke-width: 1px;
fill: var(--navymidnight);
transition: stroke 0.2s ease, fill 0.2s ease;
}
.heart.white path {
fill: var(--white);
}
.heart.liked, .current-menu-item .heart {
animation: heartbeat 0.3s;
}
.heart.liked:before, .current-menu-item .heart:before {
background-color: var(--peach);
}
.heart.liked path, .current-menu-item .heart path {
}
.heart.liked {
background-color: var(--peach);
border-radius: 99px;
}
.heart.liked svg {
scale: .7;
top: 2px;
}
.menu .bttnWrapper a{
background-color: var(--peach);
color: var(--navydark);
border: 1px solid transparent;
}
.menu .bttnWrapper a:hover{
background-color: var(--white);
color: var(--royalblue);
border: 1px solid var(--royalblue);
} .gridButtonsText {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.gridButtonsText p {
grid-column: span 8;
}
.loadMoreBttnWrapper {
justify-content: center;
}
span.wpv-filter-next-link.page-link {
display: none;
}
section.hero .mainGrid {
padding:0;
}
section.hero .mainGrid .wysiwyg {
grid-column: span 8;
}
.filterBar {
padding: 16px 0;
background-color: var(--white);
}
.filterBar .mainGrid.filterGrid {
display: flex;
grid-gap: 0 30px;
}
.filterBar .mainGrid.filterGrid .filterItem { }
.filterBar .mainGrid.filterGrid .filterItem.search {
background-color: var(--iceblue);
border-radius: 10px;
padding: 14px 20px;
color: var(--navydark);
}
.filterBar .mainGrid.filterGrid .filterItem.search::placeholder {
color: var(--navydark);
} .footer-2 {
padding: var(--smallSectionPadding) 0 0 0;
background-color: var(--primary-300);
}
.footer-2 .footer-2-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media only screen and (max-width: 1024px) {
.footer-2 .footer-2-container {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.growthPathWrapper.mainGrid {
display: flex;
flex-flow: column;
}
}
.footer-2 #menu-footer-2-menu-nav, .footer-2 .footer-list {
list-style: none;
margin: 0;
padding: 0;
}
.footer-2 .menu-footer-2-menu-nav-container h3 {
margin-top: 0;
margin-bottom: 15px;
}
.footer-2 .footerUnder {
grid-column: 1/-1;
padding-top: 24px;
}
.footer-2 .footerUnder .footerSocialsUnder {
padding-bottom: 32px;
}
.footer-2 .menu-footer-2-menu-nav-container li {
text-decoration: none;
margin-bottom: 5px;
}
.mainFooter .mainGrid img {
width: auto;
height: 100%;
}
#menu-footer-2-menu-nav {
margin: 0;
padding: 0;
}
.footerNavItems ul, .footerContactItems ul, .footerNavItems ul a  {
text-decoration: none;
list-style: none;
}
.footerNavItems ul, .footerContactItems ul, .footerNavItems ul a:visited {
color: inherit;
}
.footerNavItems {
grid-column: 5 / 8
}
.footerContactItems {
grid-column: 9 / 13
}
.footerSocialsUnder img {
height: 33px;
width: 33px;
}
#colophon .mainFooterSocialsUnder {
padding: var(--smallSectionPadding) 0 0 0;
background-color: var(--primary-300);
}
.footerSocialsUnder {
display: grid;
grid-auto-flow: column;
justify-content: center;
gap: 2rem;
}
.footerUnder {
padding-top: 2em;
}
.footerSocialsUnderLinks {
display: grid;
grid-auto-flow: column;
justify-content: center;
column-gap: 2rem;
grid-template-rows: repeat(1, 1fr);
padding-top: 1rem;
}
.footerSocialsUnderLinks p {
margin: 0 0 1em 0;
padding: 0;
} .menu-footer-navbar-heart-container ul {
list-style: none;
gap: 2rem;
display: grid;
grid-auto-flow: column;
align-items: center;
margin: 0;
padding: 0;
}
.footerLinksSocialsGrid {
display: grid;
justify-content: space-between;
}
.mainFooter .mainGrid .footerLinksSocialsUnder img {
height: 33px;
width: 33px;
}
.FooterLinksSocialsGrid {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
}
#colophon .mainFooter .mainGrid.mainGrid.FooterLinksSocialsGrid {
grid-template-columns: inherit;
}
.menu-footer-navbar-heart-container {
display: grid;
}
.footerLinksSocialsUnder {
display: grid;
grid-auto-flow: column;
gap: 1.5rem;
}
.filterBar .mainGrid.filterGrid .submitActions {
display: flex;
align-items: flex-end;
grid-gap: 0 10px;
flex-direction:row-reverse;
}
.wpv-reset-trigger {
-webkit-appearance: none;
outline: none;
border-radius: 100px;
border: 0px;
width: 50px;
height: 50px;
background-color: var(--iceblue);
cursor: pointer;
}
.wpv-reset-trigger i {
color: var(--navymidnight);
}
.selectCheckboxFilter {
position: relative;
display: flex;
flex-flow: column;
}
.selectCheckboxFilter .key {
position: relative;
padding: 14px 20px;
background-color: var(--iceblue);
color: var(--navymidnight);
border-radius:10px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.bttn.filterVacancies.wpv-submit-trigger.js-wpv-submit-trigger{
background-color:var(--royalblue);
color:var(--white);
transition: all 0.5s;
}
.bttn.filterVacancies.wpv-submit-trigger.js-wpv-submit-trigger:hover{
background-color:var(--white);
color:var(--royalblue);
border-color:var(--royalblue);
transition: all 0.5s;
}
.selectCheckboxFilter .key i {
transition: transform 0.2s ease;
}
.filterItem.show .selectCheckboxFilter .key i {
transform: rotate(180deg);
}
.selectCheckboxFilter .key .title {
display: flex;
align-items: center;
}
.selectCheckboxFilter .key .amount {
margin-left: 10px;
width: 20px;
height: 20px;
background-color: var(--navymidnight);
border-radius: 9999px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: var(--primary-300);
}
.selectCheckboxFilter .values {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: var(--white);
box-shadow: 0 20px 20px rgb(0 0 0 / 10%);
padding: 14px 20px;
z-index: 1;
}
.selectCheckboxFilter .values ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.selectCheckboxFilter .values ul li + li {
margin-top: 10px;
}
.selectCheckboxFilter .values input {
-webkit-appearance: none;
outline: none;
min-width: 1rem;
width: 1rem;
height: 1rem;
min-height: 1rem;
border: 1px solid var(--navydark);
margin-right: 10px;
}
.selectCheckboxFilter .values label {
display: flex;
align-items: center;
cursor: pointer;
}
.selectCheckboxFilter .values input:checked {
background-color: var(--navydark);
}
.bar {
position: sticky;
top: 0;
margin-top: var(--sectionPadding);
z-index: 10;
}
.bar .mainGrid {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
grid-gap: 1rem 0;
}
.bar .uspList {
display: flex;
align-items: center;
}
.bar .uspList .uspItem {
display: flex;
align-items: center;
}
.bar .uspList .uspItem + .uspItem {
margin-left: 80px;
}
.bar .uspList .uspItem i {
margin-right: 10px;
}
.bar .uspList .uspItem p {
margin: 0;
color: var(--navydark);
}
.bar .bttnGroup {
margin-top: 0;
}
.bar .bttnGroup .bttn {
min-width: 200px;
}
.bar .heartBttn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.uspItem .fa-location-dot::before {
content: "\f3c5";
color: var(--royalblue);
}
.uspItem .fa-circle-euro::before {
content: "\e5ce";
color: var(--royalblue);
}
.uspItem .fa-clock::before {
content: "\f017";
color: var(--royalblue);
}
.heartBttn {
cursor: pointer;
}
.heartBttn .heart {
pointer-events: none;
}
section.form .formWrapper {
background-color: var(--skyblue);
padding: var(--innerSectionMargin);
}
section.form .formWrapper h2 {
margin-top: 0;
margin-bottom: 45px;
}
section.form .motivation .wpcf7-radio {
display: flex;
width: 175px;
background-color: var(--iceblue);
border-radius: 9999px;
}
section.form .motivation .wpcf7-radio .wpcf7-list-item {
flex: 1 0 0;
margin: 0;
}
section.form .motivation .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--iceblue);
padding: 10px 25px;
border-radius: 9999px;
font-size: 14px;
line-height: 17px;
font-weight: 400;
cursor: pointer;
transition: background 0.2s ease;
}
section.form .motivation .wpcf7-radio input:checked + .wpcf7-list-item-label {
background-color: var(--white);
}
section.form .motivation .wpcf7-radio input {
-webkit-appearance: none;
display: none;
}
.wpcf7 form > p {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px 30px;
margin: 0;
}
.wpcf7 .submitWrapper {
margin-top: 30px;
margin-bottom: 0;
}
.wpcf7 p br {
display: none;
}
.wpcf7 p .wpcf7-form-control-wrap {
display: block;
padding-top: 10px;
}
.wpcf7 p input:not([type="checkbox"]), .wpcf7 p textarea {
width: 100%;
}
.wpcf7 [data-class="wpcf7cf_group"] p {
margin: 0;
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: 10px;
font-size: 18px;
line-height: 22px;
font-style: italic;
color: var(--black);
}
.wpcf7 .wpcf7-list-item {
margin-left: 0;
}
.wpcf7 .wpcf7-list-item label {
cursor: pointer;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"] {
-webkit-appearance: none;
outline: none;
width: 24px;
height: 24px;
border: 1px solid var(--white);
margin-right: 10px;
background-color: var(--white);
display: inline-flex;
justify-content: center;
align-items: center;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"]:after {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 400;
opacity: 0;
transition: opacity 0.2s ease;
}
.wpcf7 .wpcf7-list-item input[type="checkbox"]:checked:after {
opacity: 1;
}
section.favoriteJobs .favoriteJobsWrapper {
margin-top: var(--innerSectionMargin);
}
section.image .fullwidth {
max-width: 100%;
}
section.image img {
width: 100%;
height: auto;
}
section.image .fullwidth img {
height: 400px;
object-fit: cover;
object-position: center;
}
section.doubleImage .mainGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0 50px;
}
section.doubleImage .mainGrid img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.video .wp-video {
width: 100%;
height: auto;
}
section.map iframe {
width: 100%;
}
section.overview .mainGrid .resultsBar {
margin-top: 0;
margin-bottom: var(--innerSectionMargin);
display: flex;
justify-content: space-between;
align-items: center;
}
section.overview .mainGrid .resultsBar p {
margin: 0;
}
section.overview .mainGrid .resultsBar .gridSwitcher {
display: flex;
align-items: center;
}
section.overview .mainGrid .resultsBar .gridSwitcher .gridOption + .gridOption {
margin-left: 25px;
}
section.overview .mainGrid .resultsBar .gridSwitcher .gridOption {
display: flex;
align-items: center;
color: var(--primary-400);
cursor: pointer;
transition: color 0.2s ease;
}
section.overview .mainGrid .resultsBar .gridSwitcher .gridOption.active {
color: var(--black);
cursor: default;
}
section.overview .mainGrid .resultsBar .gridSwitcher .gridOption i {
margin-right: 10px;
}
section.logos .mainGrid {
padding: var(--sectionPadding) 50px;
background-color: var(--primary-300);
}
section.logos .logosWrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 150px;
grid-auto-rows: 150px;
grid-gap: 30px;
}
section.logos .logosWrapper .singleLogo {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
section.logos .logosWrapper img {
width: 100%;
height: 100%;
object-fit: contain;
opacity: 1;
transition: opacity 0.3s ease;
}
section.logos .logosWrapper img.hide {
opacity: 0;
} body.error404 #page main {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
body.error404 #page main section {
padding: var(--sectionPadding) 0;
}
.error-404 .mainGrid {
display: flex;
flex-flow: column;
align-items: center;
}
.error-404 h1 {
font-size: 100px;
line-height: 120px;
font-weight: 600;
color: var(--black);
margin: 0 0 50px;
text-align: center;
}
.error-404 p {
font-size: 40px;
line-height: 48px;
font-weight: 600;
color: var(--black);
margin: 0 0 50px;
text-align: center;
}
.error404 .site-main {
position: relative;
}
.error404 .site-main:before {
content:'';
position: absolute;
inset: 0;
background-image: url(//corpomission.nl/wp-content/uploads/2025/12/Page-Not-Found-3-Streamline-Brooklyn.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: 100%;
opacity: 0.75;
}
.single-content #colophon .component-decal__image {
filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(5293%) hue-rotate(181deg) brightness(93%) contrast(111%);
}
.single-content .hero .categories {
margin: -20px 0 30px;
display: flex;
flex-flow: row wrap;
}
.single-content .hero .categories .category {
margin-right: 10px;
font-size: 16px;
line-height: 24px;
font-style: italic;
color: var(--primary-600);
cursor: pointer;
transition: color 0.2s ease;
}
.singleLogoShare {
border-radius: 9999px;
background-color: var(--primary-600);
width: 56px;
height: 56px;
align-items: center;
justify-content: center;
display: flex;
}
.single-content .hero .categories .category:hover {
color: var(--orange-500);
}
section.sideBarLayout .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 30px;
}
aside .sideBarItem.noBackgroundSideBar {
background-color: unset;
padding: 0;
}
aside .sideBarItem {
padding: 30px;
border-radius: 20px;
background-color: var(--primary-300);
}
aside .sideBarItem + .sideBarItem {
margin-top: 30px;
}
aside .sideBarItem.questions .content {
display: flex;
justify-content: space-between;
flex-flow: column;
}
.col.deelVacatureShare.noBackgroundSideBarUnder {
display: flex;
justify-content: right;
align-items: center;
gap: 22.5px;
}
.col.deelVacatureShare.noBackgroundSideBarUnder img {
width: 56px;
height: 56px;
}
section.sideBarLayout .mainGrid .main {
grid-column: span 8;
}
section.sideBarLayout .mainGrid aside {
grid-column: span 4;
}
aside .sticky {
top: 112px;
}
aside .sideBarItem {
padding: 30px;
background-color: var(--primary-300);
}
aside .sideBarItem + .sideBarItem {
margin-top: 30px;
}
aside .sideBarItem.questions .content .imageWrapper {
flex-shrink: 0;
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
}
aside .sideBarItem.questions .content .imageWrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
aside .sideBarItem.share p {
margin: 0;
font-size: 20px;
line-height: 24px;
font-weight: 500;
}
aside .sideBarItem.share .socials {
margin-top: 25px;
}
aside .sideBarItem.share .socials a {
color: var(--primary-700);
}
aside .sideBarItem.share .socials a i {
font-size: 28px;
}
aside .sideBarItem.share .socials a + a {
margin-left: 20px;
}
.sticky {
position: sticky;
top: 0;
}
.logosSwiper .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.logos.swiperStatic.staticSlider {
margin-top: inherit;
}
.logosSwiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: contain;
}
.swiper.loop .swiper-wrapper {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.clients .swiper {
margin-top: var(--innerSectionMargin);
}
section.growthPath .growthPathWrapper {
margin-top: var(--innerSectionMargin);
position: relative;
display: flex;
justify-content: space-between;
}
section.growthPath .growthPathWrapperText p {
display: inline-block;
margin: 0 10px;
}
.filterTitleContainer {
display: flex;
grid-gap: 1rem;
align-items: center;
cursor: pointer;
margin: 0;
}
.popup.filterPopup .popupContent h3 img {
cursor: pointer;
}
.filterPopupFilters {
height: 100%;
overflow-x: auto;
margin: 2rem 0;
}
.filterPopupFilters ul {
display: flex;
flex-direction: column;
grid-gap: 0.25rem;
margin: 0;
padding: 0;
}
.popup.filterPopup .overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: var(--primary-700);
opacity: 0.3;
top: 0;
cursor: pointer;
}
mainGrid.filterPopupGrid {
display: flex;
flex-direction: column;
}
.popup.filterPopup .popupContent {
position: relative;
z-index: 1;
max-width: 420px;
height: 100%;
padding: 32px;
background-color: var(--primary-400);
border-radius: 0 16px 16px 0;
transition: .2s ease;
transform: translateX(-100%);
}
.popup.filterPopup {
display: none;
position: fixed;
left: 0;
z-index: 50;
height: 100%;
width: 100%;
top: 0;
}
.popup.filterPopup .popupContent h3 {
margin-top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.filterBar .controllerBar, .mobileJobSpecs, section.mobileSidebarContent, .mobileStickyBttn {
display: none;
}
button.cky-show-desc-btn:not(:hover):not(:active), .cky-preference-content-wrapper .cky-show-desc-btn {
color: var(--orange-500);
}
div[data-cky-tag="detail-powered-by"] {
display: none;
}
.imagesSwiper .swiper-slide {
height: auto;
}
.imagesSwiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.relatedImages .imageGrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
section.relatedImages .imageGrid img {
width: 100%;
height: 100%;
}
.jobWithFilterSidebarContainer .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 30px;
}
.jobWithFilterSidebarContainer .jobContainer {
grid-column: 5 / 13;
grid-row: 2;
}
.jobWithFilterSidebarContainer .filters {
grid-column: 1 / 5;
grid-row: 2;
}
.jobWithFilterSidebarContainer .mainGrid section {
padding-top: 0px;
}
.jobWithFilterSidebarContainer .filterBar .mainGrid.filterGrid {
flex-direction: column;
padding: 20px;
grid-gap: 20px;
}
.jobWithFilterSidebarContainer .filterBar .mainGrid.filterGrid h4 {
color: var(--navydark);
margin: 0;
}
.jobWithFilterSidebarContainer .filterBar {
padding: 0px;
}
.hero-splitsing {
min-height: unset;
} .hero-splitsing-section {
padding-top: 0;
} section.jobWithFilterSidebarContainer.overview .resultsBar {
margin-bottom: 50px;
}
section.jobWithFilterSidebarContainer.overview h2 {
margin-bottom: 0px;
}
.jobWithFilterSidebarContainer .mainGrid .filters form {
position: sticky;
top: 30px;
}
.quickSearchContainer .singleJob.list h3 {
font-size: 18px;
}
.quickSearchContainer .singleJob.list {
padding: 6px 30px;
}
.quickSearchContainer .uspList p {
font-size: 14px;
}
.quickSearchContainer {
width: 100%;
position: absolute;
}
.quickSearchContainer .favouriteWrapper {
margin-left: 20px !important;
width: 20px;
}
.quickSearchContainer .singleJob.list:nth-child(even) {
background-color: var(--white);
}
.form.apply div#solliciteren .wpcf7 {
display: none;
margin-top: 50px;
}
span.bttn.solid.openSollForm {
display: flex;
width: fit-content;
align-items: center;
}
.openSollForm i.fa-regular.fa-plus {
margin-left: .5rem;
transition: .3s ease-in-out;
}
.openSollForm i.fa-regular.fa-plus.close {
transform: rotate(225deg);
}
.formPopup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.formPopup.show {
pointer-events: auto;
opacity: 1;
}
.formPopup .popupBg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #F0F0F0;
opacity: 1;
}
.formPopup .popupContent {
position: relative;
background-color: #ffffff;
padding: 70px;
}
.formPopup .popupContent .popupHeader {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.formPopup .popupContent .popupHeader h3 {
font-size: 30px;
line-height: 36px;
font-weight: 600;
margin: 0;
}
.formPopup .popupContent .popupHeader i {
font-size: 32px;
cursor: pointer;
}
.pja-title-toggle-container h2 {
width: 100%;
margin-top: 0;
}
.employersStatic {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
gap: 30px;
}
.employerImageWrapper {
background-color: var(--primary-600);
justify-content: center;
align-items: center;
display: flex;
transition: 0.2s ease-in-out;
cursor: pointer;
}
.employerImageWrapper img {
object-fit: cover;
height: 32px;
padding: 24px 0;
filter: brightness(0) invert(1);
}
.employerImageWrapper.active {
background-color: var(--primary-700);
}
.singleEmployerStatic:first-child .employerImageWrapper {
border-radius: 16px 16px 0 0;
}
.singleEmployerStatic:last-child .employerImageWrapper {
border-radius: 0 0 16px 16px;
}
.singleEmployerStatic {
width: 256px;
height: auto;
}
.singleEmployerText {
opacity: 0;
}
.singleEmployerText.active {
opacity: 1;
} .swiper .swiper-pagination {
position: static;
}
.swiper .swiper-pagination-bullet {
background-color: var(--navymidnight);
}
@media only screen and (max-width: 1600px) {
#masthead nav.hiddenMenu ul li a {
font-size: 40px;
}
}
.noHamburgerHamburger{
display: none;
}
nav ul {
display: flex;
align-content: center;
}
.navBarHeartLinks ul {
gap: 40px;
}
nav.withGap ul {
column-gap: 40px;
}
.altNavbar
nav.withGapHeader ul {
column-gap: 40px;
}
.bttnBorder {
border: 1px solid var(--primary-600);
}
.navbar-noHamburger {
margin-left: auto;
}
.menuOpen .noHamburgerHamburger{
display: flex;
}
.mainGrid.highlightedVacancies {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
} .range-slider.noUi-target {
margin: 8px 16px 16px 16px;
}  .download-bar {
position: fixed;
z-index: 750;
bottom: 0;
width: 100%;
background-color: var(--primary-400);
transform: translateY(120%);
transition: all .2s ease;
} .download-bar.closed {
transform: translatey(120%) !important;
}
.download-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
}
.download-bar h2 {
margin: 0;
}
.download-bar__close {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
border-radius: 99px;
background-color: var(--primary-400);
position: absolute;
top: 0;
right: 24px;
transform: translateY(-50%);
box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s ease;
}
.download-bar__close i {
color: var(--white);
}
.download-bar__close:active {
box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
}
.download-bar-form {
height: 100dvh;
width: 100%;
position: fixed;
z-index: 755;
background-color: rgba(0, 0, 0, 0.1);
opacity: 0;
pointer-events: none;
transition: all .2s ease;
}
.download-bar-form.show {
opacity: 1;
pointer-events: all;
}
.download-bar-form__inner {
height: calc(100dvh - 82px);
display: flex;
align-items: center;
justify-content: center;
}
.download-bar-form__inner .wpcf7 {
padding: 32px;
background: var(--primary-400);
border-radius: 16px;
box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
}
.download-bar-form__close {
position: absolute;
top: 32px;
right: 32px;
border-radius: 99px;
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
background-color: var(--primary-400);
box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
} @media only screen and (max-width: 1280px) {
:root {
--mainGrid: 980px;
}
.navbar-noHamburger {
display: none;
}
.noHamburgerHamburger{
display: flex;
}
nav.withCTA ul {
column-gap: inherit;
}
#masthead nav.hiddenMenu ul li a {
font-size: 34px;
}
#masthead nav.hiddenMenu ul li a {
font-size: 34px;
}
.filterBar .mainGrid.filterGrid {
grid-gap: 0 10px;
}
section.jobWithFilterSidebarContainer.overview .singleJob.big {
grid-column: span 1;
}
.filterBar .mainGrid.filterGrid input.filterItem {
flex-grow: 0;
width: 200px;
}
section.jobWithFilterSidebarContainer.overview .filterItem.search {
width: 100%;
}
.filterBar .mainGrid.filterGrid .submitActions .wpv-submit-trigger {
min-width: calc(100% - 60px);
}
}
@media only screen and (max-width: 1024px) {
:root {
--mainGrid: 90vw;
--smallGrid: var(--mainGrid);
}
section.form .smallGrid {
max-width: 100%;
}
section.form .formWrapper {
padding: var(--sectionPadding) var(--gridPadding);
}
.jobWithFilterSidebarContainer .jobContainer {
grid-column: 12 span;
}
section.jobWithFilterSidebarContainer.overview .jobsGrid {
grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
}
.gridButtonsText p {
grid-column: 12 span;
}
#masthead nav.hiddenMenu ul li a {
font-size: 34px;
}
#masthead nav.hiddenMenu {
justify-content: flex-start;
padding-left: var(--gridPadding);
}
#masthead nav.hiddenMenu ul {
margin-right: unset;
}
section.text .mainGrid .wysiwyg {
grid-column: span 12;
}
section.hero .mainGrid .wysiwyg {
grid-column: span 12;
}
section.filters {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-top: 0;
z-index: 20;
display: flex;
transform: translateY(calc(100% - 74px));
transition: transform 0.3s ease;
}
.filterOpen section.filters {
transform: translateY(0)!important;
}
section.filters > form {
width: 100%;
}
section.filters .filterBar .mainGrid.filterGrid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.filterBar .mainGrid.filterGrid input.filterItem {
width: 100%;
}
.filterBar .mainGrid.filterGrid .submitActions button[type="submit"] {
flex-grow: 1;
}
.filterBar {
padding-top: 0;
}
.filterOpen {
overflow: hidden;
}
.filterBar .controllerBar {
display: flex;
cursor: pointer;
}
.filterBar .controllerBar .mainGrid {
display: flex;
align-items: center;
padding: 25px 0;
}
.filterBar .controllerBar .mainGrid h3 {
margin: 0 0 0 20px;
display: flex;
align-items: center;
}
.filterBar .controllerBar .mainGrid h3 .amountFilters {
width: 2rem;
height: 2rem;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 9999px;
font-size: 16px;
line-height: 1;
background-color: var(--primary-300);
margin-left: 10px;
}
.filterBar .controllerBar .mainGrid .chevron {
margin-left: auto;
transition: transform 0.3s ease;
}
.filterOpen .filterBar .controllerBar .mainGrid .chevron {
transform: rotate(180deg);
}
.selectCheckboxFilter .values {
position: relative;
}
.bar .uspList .uspItem + .uspItem {
margin-left: 30px;
}
section.image .fullwidth img {
height: 300px;
}
#page aside .sideBarItem.questions .contactOptions a i.visible {
opacity: 0;
transform: translate(-50%, -50%) rotate(360deg);
}
#page aside .sideBarItem.questions .contactOptions a i.invisible {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) rotate(360deg);
}
#page aside .sideBarItem.questions .contactOptions a + a {
opacity: 1;
pointer-events: auto;
transform: translateX(0);
}
section.sideBarLayout .mainGrid {
grid-gap: 30px 0;
}
section.sideBarLayout .mainGrid .main {
grid-column: span 12;
}
section.sideBarLayout .mainGrid aside {
display: block;
grid-column: 4/10;
width: fit-content;
}
section.mobileSidebarContent {
display: block;
}
aside .sticky {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0 16px;
}
aside .sideBarItem + .sideBarItem {
margin-top: 0;
}
.footerLinksSocialsUnder {
display: grid;
grid-auto-flow: inherit;
gap: 1.5rem;
grid-template-rows: repeat(2, 1fr);
height: fit-content;
}
.singleUspImage{
height: auto;
width: 152px;
}
.uspTextImage.swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: -webkit-center;
column-gap: 1.5rem;
}
.testimonialGrid.swiper-wrapper {
display: flex;
place-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.swiper-wrapper.testimonialGoogleReviewGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
justify-items: center;
}
.singleTestimonial.swiper-slide {
width: fit-content;
height: auto;
margin-left: auto;
margin-right: auto;
}
.mainGrid.highlightedVacancies {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.pjaPopup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: calc(100% + -48px);
z-index: 50;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
section.jobAlert .innerPadding .bttn {
z-index: 1;
position: fixed;
bottom: 0;
left: 0;
border-radius: 0;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 20px;
}
.formPopup.show .wpcf7-form-control.wpcf7-submit.has-spinner.bttn {
z-index: 1;
position: fixed;
bottom: 0;
left: 0;
border-radius: 0;
width: 100%;
}
section.jobAlert .innerPadding .bttn.popupController {
position: unset;
width: unset;
box-shadow: unset;
}
} @media only screen and (max-height: 725px) {
.formPopup {
align-items: flex-start!important;
}
.formPopup .popupBg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--white);
}
}
@media only screen and (max-width: 768px) {
:root {
--sectionPadding: 72px;
--innerSectionMargin: 40px;
--navbar-height: 65px;
}
section.jobWithFilterSidebarContainer.overview .jobsGrid {
grid-template-columns: 1fr;
}
#masthead .icons nav ul .bttnWrapper {
display: none;
}
.applicationProcedureThree .applicationPathWrapper {
margin-bottom: 32px;
}
.single.single-vacature .applicationPathWrapper .lineWrapper {
grid-column: 1 / 2;
grid-row: span 2;
margin-right: 16px;
}
.single.single-vacature .applicationProcedureThree .applicationPathWrapper .applicationContent.wysiwyg {
grid-column: 2 / 13;
grid-row: 2 / 3;
}
.single.single-vacature .applicationProcedureThree .imageWrapper {
grid-column: 2 / 13;
grid-row: 1 / 2;
margin-bottom: 24px;
}
.single.single-vacature .applicationProcedureThree .applicationPathWrapper:nth-child(odd) .imageWrapper {
grid-column: 2 / 13;
grid-row: 1 / 2;
}
.single.single-vacature .applicationProcedureThree.mainGrid .applicationPathWrapper:last-child .line {
display: block;
}
.single.single-vacature .applicationProcedureThree.mainGrid .applicationPathWrapper:last-child .lineWrapper {
align-self: auto;
}
section.homeHero .heroSearchWrapper {
max-width: 100%;
margin-top: 70px;
padding: 10px 0;
}
section.homeHero .heroSearchWrapper form {
width: 100%;
max-width: var(--mainGrid);
margin-right: auto;
margin-left: auto;
}
.jobSearchWrapper button {
margin-top: 10px;
margin-left: 0;
}
.singleJob .uspList {
padding-top: 40px;
}
.bttn, input.bttn, .bttnWrapper a {
min-width: 170px;
}
.bttnGroup {
margin-top: 40px;
}
section .mainGrid > h2 {
margin-bottom: 40px;
}
.jobsGrid {
grid-gap: 32px;
grid-template-columns: 1fr;
}
.singleJob.big {
grid-column: span 1;
}
.singleJob.big .excerpt {
display: none;
}
.singleJob.big .uspList {
flex-flow: column;
}
.singleJob.big .uspList .uspItem + .uspItem {
margin-top: 20px;
margin-left: 0;
}
section.overview .mainGrid .resultsBar .gridSwitcher {
display: none;
}
section.logos .logosWrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 100px;
grid-auto-rows: 100px;
grid-gap: 20px;
}
section.hero .mainGrid {
grid-gap: 30px 0;
}
#masthead .navbar {
padding: 15px 0;
}
#masthead .navbarGrid .site-logo img {
height: 24px;
}
#masthead .icons > * + * {
margin-left: 20px;
}
#masthead .icons .heart { }
.hamburgerIcon {
width: 40px;
height: 25px;
}
.hamburgerIcon .hamburgerLine:nth-child(2) {
width: 30px;
}
.hamburgerIcon .hamburgerLine:nth-child(3) {
width: 20px;
}
.menuOpen .hamburgerIcon .hamburgerLine:nth-child(3) {
width: inherit;
}
.bar {
display: none;
}
.mobileJobSpecs {
grid-column: span 12;
display: flex;
flex-flow: row wrap;
grid-gap: 8px;
}
.mobileJobSpecs .specItem {
display: flex;
align-items: center;
padding: 12px 16px;
border-radius: 9999px;
background-color: var(--iceblue);
}
.mobileJobSpecs .specItem i {
font-size: 16px;
margin-right: 8px;
}
.mobileJobSpecs .specItem p {
margin: 0;
font-size: 16px;
line-height: 20px;
}
.mobileJobSpecs .heartBttn {
}
section.form .formWrapper .col-span-1 {
grid-column: span 2;
}
section.growthPath .growthPathWrapper .line {
height: 10px;
}
section.growthPath .growthPathWrapper .circle {
width: 50px;
height: 50px;
}
.mobileStickyBttn {
display: inline-flex;
position: fixed;
bottom: 0;
width: 100%;
transform: translateY(100%);
z-index: 10;
transition: transform 0.3s ease;
}
.mobileStickyBttn.show {
transform: translateY(0);
}
.mobileStickyBttn .bttn {
width: 100%;
padding: 18px;
box-shadow: 0 -10px 20px rgb(0 0 0 / 8%);
}
input[type="text"], input[type="email"], input[type="tel"], input[type="file"], textarea {
padding: 0.8rem 1rem;
}
section.doubleImage .mainGrid {
grid-gap: 0 20px;
}
section.image .fullwidth img {
height: 250px;
}
aside .sticky {
grid-template-columns: 1fr;
grid-gap: 30px 0;
}
#colophon .copyright .mainGrid, #colophon .copyright .mainGrid nav ul {
flex-flow: column;
align-items: center;
}
#colophon .copyright .mainGrid * + *, #colophon .copyright .mainGrid nav ul li + li {
margin-left: 0;
margin-top: 10px;
}
section.relatedImages .imageGrid {
grid-template-columns: repeat(2, 1fr);
}
.footerSocialsUnderLinks {
display: grid;
grid-auto-flow: column;
justify-content: center;
column-gap: 2rem;
grid-template-rows: repeat(2, 1fr);
padding-top: 1rem;
}
#colophon .mainFooterSocialsUnder .mainGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
row-gap: 2rem;
}
.footerContactItems, .footerNavItems {
grid-column: inherit;
grid-row: 2;
}
.menu-footer-navbar-heart-container ul {
list-style: none;
gap: 2rem;
display: grid;
grid-auto-flow: column;
align-items: center;
margin: 0;
padding: 0;
grid-template-rows: repeat(3, 1fr);
}
.footerLinksSocialsUnder {
display: grid;
grid-auto-flow: column;
gap: 1.5rem;
grid-template-rows: repeat(2, 1fr);
}
section.text .staticTextSlideshowGrid.mainGrid {
display: flex;
grid-template-columns: inherit;
justify-content: inherit;
gap: 0;
}
.uspTextImage.swiper-wrapper {
display: flex;
grid-template-columns: inherit;
gap: 0;
}
.singleUspImage {
height: auto;
width: 152px;
}
.uspTextImageSix.swiper-wrapper {
display: flex;
flex-direction: column;
}
.uspTextImageSix .singleUspTextImageSix {
grid-column: inherit;
display: flex;
text-align: center;
}
.uspTextImageSix .singleUspTextImageSix:nth-child(4),  .uspTextImageSix .singleUspTextImageSix:nth-child(5) {
grid-column: inherit;
}
.testimonialGrid.swiper-wrapper {
display: flex;
grid-template-columns: inherit;
gap: 0;
place-items: inherit;
flex-wrap: nowrap;
justify-content: inherit;
}
.singleTestimonial.swiper-slide {
gap: 0;
margin-right: 0;
}
.testimonialGoogleReviewGrid.swiper-wrapper {
display: flex;
grid-template-columns: inherit;
gap: 0;
justify-content: inherit;
}
.uspImageGrid .swiper-slide {
text-align: center;
}
.singleBigTestimonialText.wysiwyg {
display: flex;
justify-content: center;
margin: 0;
padding: 80px 20px 0 20px;
line-height: 1;
}
div.singleAgendaImage {
background-color: var(--primary-600);
width: 100%;
display: flex;
align-items: center;
height: 100%;
flex-flow: column;
padding: 12px;
border-radius: 16px;
}
.singleAgendaItem {
display: flex;
align-items: center;
gap: 26px;
background-color: var(--primary-400);
border-radius: 16px;
flex-flow: column;
}
.singleAgendaItemTop.wysiwyg {
padding: 0 12px;
}
.singleAgendaItem.hiddenChevron .singleAgendaItemTop {
padding: 0px 12px 48px 12px;
}
.mainGrid.highlightedVacancies {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.wpcf7 form > p .col-span-1 {
grid-column: span 2;
}
.formPopup .popupContent {
padding: 30px 0;
height: 100%;
overflow-y: auto;
}
.formPopup .popupBg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--white);
}
.pjaPopup form {
height: calc(100% + 46px);
overflow-y: auto;
}
.wpcf7 form > p {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 980px) {
.singleJob.list {
flex-direction: column;
align-items: baseline;
padding: 24px;
}
.singleJob.list h3 {
margin-bottom: 2rem;
padding-right: 40px;
}
.singleJob.list .favouriteWrapper {
margin: 0;
position: absolute;
right: 24px;
top: 24px;
}
.singleJob.list .uspList {
margin-left: unset;
}
}
@media only screen and (max-width: 600px) {
body, p, input {
font-size: 16px;
line-height: 20px;
}
h1 {
font-size: 30px;
line-height: 38px;
}
h2 {
font-size: 26px;
line-height: 34px;
}
h3 {
font-size: 20px;
line-height: 28px;
}
.bttn, input.bttn, .bttnWrapper a {
font-size: 16px;
line-height: 20px;
padding: 12px 14px;
}
.jobSearchWrapper {
flex-flow: column;
}
#colophon .mainFooter .mainGrid {
grid-gap: 30px 0;
}
#colophon .mainFooter .mainGrid hr {
margin: 0;
}
#colophon .mainFooter .mainGrid .cta {
grid-column: span 12;
}
#colophon .mainFooter .mainGrid .address {
grid-column: span 12;
}
#colophon .mainFooter .mainGrid .contact {
grid-column: span 6;
display: flex;
align-items: flex-end;
justify-content: inherit;
}
#colophon .mainFooter .mainGrid .socials {
grid-column: span 6;
}
section.logos .mainGrid {
padding: 40px;
}
#masthead nav.hiddenMenu ul li a {
font-size: 30px;
}
#masthead nav.hiddenMenu ul li + li {
margin-top: 30px;
}
section.filters .filterBar .mainGrid.filterGrid {
grid-template-columns: 1fr;
}
.filterBar .mainGrid.filterGrid .submitActions {
align-items: unset;
}
.footerLinksSocialsUnder {
display: grid;
grid-auto-flow: inherit;
gap: 1.5rem;
grid-template-rows: repeat(2, 1fr);
height: fit-content;
}
.menu-footer-navbar-heart-container ul {
list-style: none;
gap: 2.5rem;
display: grid;
grid-auto-flow: row;
align-items: center;
margin: 0;
padding: 0;
}
section.jobAlert .innerPadding h2 {
margin-top: 25px;
margin-bottom: 25px;
padding: 0 25px;
}
.singleJob.list .uspList {
flex-flow: column;
align-items: baseline;
gap: 1rem;
}
.singleJob.list .uspList .uspItem + .uspItem {
margin-left: unset;
}
.openApplication {
flex-direction: column;
gap: 1rem;
}
}
@media (max-width: 500px) {
section.sideBarLayout .mainGrid aside {
grid-column: 1/13;
}
}
@media only screen and (max-width: 420px) {
section.growthPath .growthPathWrapper .circle {
width: 40px;
height: 40px;
}
section.doubleImage .mainGrid {
grid-gap: 0 10px;
}
section.image .fullwidth img {
height: 200px;
}
section.relatedImages .imageGrid {
grid-gap: 20px;
}
.menu-footer-navbar-heart-container ul {
list-style: none;
gap: 2rem;
display: grid;
grid-auto-flow: row;
align-items: center;
margin: 0;
padding: 0;
}
.footerLinksSocialsUnder {
display: grid;
grid-auto-flow: inherit;
gap: 1.5rem;
grid-template-rows: repeat(2, 1fr);
height: fit-content;
}
.footerContactItems {
display: grid;
grid-row: 3;
grid-column: 1;
}
.footerNavItems {
display: grid;
grid-row: 2;
grid-column: 1;
}
#colophon .mainFooterSocialsUnder .mainGrid {
display: grid;
grid-template-columns: inherit;
grid-template-rows: inherit;
row-gap: 2rem;
grid-auto-flow: inherit;
grid-template-rows: repeat(3, 1fr);
}
.footerContactItems ul {
margin: 0;
padding: 0;
}
} .animating {
transition: none !important;
}
.invisible-start {
opacity: 0 !important;
}
.home #masthead.header--1 .site-branding, 
.home #masthead.header--1 .icons nav, 
.home #masthead.header--1 .icons .hamburgerIcon {
transform: translateY(-40px);
opacity: 0;
}
.home #masthead.header--2 .site-branding, 
.home #masthead.header--2 .icons nav .menu .menu-item, 
.home #masthead.header--2 .icons .hamburgerIcon {
transform: translateY(-40px);
opacity: 0;
}
.home #masthead.header--3 .site-branding,
.home #masthead.header--3 .navbar-noHamburger .menu .menu-item, 
.home #masthead.header--3 .icons .withGap .menu .menu-item,
.home #masthead.header--3 .icons .hamburgerIcon {
transform: translateY(-40px);
opacity: 0;
}
.home #masthead.header--4 .site-branding,
.home #masthead.header--4 .navbar-noHamburger .menu .menu-item,
.home #masthead.header--4 .icons .withGapHeader,
.home #masthead.header--3 .icons .hamburgerIcon {
transform: translateY(-40px);
opacity: 0;
}
.hero-animate h1,
.hero-animate .hero-text, 
.hero-animate .heroSearchWrapper,
.hero-animate .hero-splitsing-item,
.hero-animate .bttnGroup {
transform: translateY(40px);
opacity: 0;
}
.hero-8__image-wrapper {
transform: translateX(-24px);
opacity: 0;
}  @keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
@keyframes heartbeat {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
}
@keyframes opening {
from {
transform: translatey(120%);
}
to {
transform: translatey(0%);
}
}
.jobAlert .pjaPopup form .close {
filter: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(4467%) hue-rotate(209deg) brightness(88%) contrast(115%);
}
.jobAlert .pjaPopup form {
background-color: var(--iceblue);
}
.jobAlert .pjaPopup form label input {
background-color: var(--white);
border-radius: 10px;
}
.jobAlert .select2-container--default .select2-selection--multiple {
border-radius: 10px;
border: none;
outline: none;
min-height: 52px; 
}
.jobAlert .pjaPopup form h4 {
font-weight: 600;
color: var(--navydark);
text-transform: capitalize;
}
.jobAlert .pjaPopup form h3 {
color: var(--navydark);
}
.jobAlert .pjaPopup form label input[type="checkbox"] {
appearance: none;
width: 24px;
height: 24px;
border: none;
border-radius: 0;
outline: none;
background-color: var(--white);
display: flex;
align-items: center;
justify-content: center;
}
.jobAlert .pjaPopup form label input[type="checkbox"]:after {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 400;
opacity: 0;
transition: opacity 0.2s ease;
}
.jobAlert .pjaPopup form label input[type="checkbox"]:checked:after {
opacity: 1;
}
.noUi-connects .noUi-connect {
background-color: var(--navydark)
}
.range-slider__labels,
.range-slider__labels span {
font-weight: 600;
}
.content__background .selectCheckboxFilter .values label,
.content__background .selectCheckboxFilter .values ul li,
.content__background .selectCheckboxFilter .values ul,
.content__background .selectCheckboxFilter .values{
width: max-content;
}
.content__background .selectCheckboxFilter .key {
gap: 32px;
}
.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
background-color: var(--iceblue);
border-radius: 4px;
} .page-id-186 #colophon .component-decal .component-decal__image {
filter: brightness(0) saturate(100%) invert(91%) sepia(41%) saturate(250%) hue-rotate(177deg) brightness(99%) contrast(97%);
}
.page-id-70 .textImage__main-wrapper .component-decal__image {
filter: brightness(0) saturate(100%) invert(73%) sepia(4%) saturate(491%) hue-rotate(315deg) brightness(130%) contrast(96%);
}
.page-id-70 .jobAlert {
padding-bottom: var(--sectionPadding);
}
.page-id-1043 #colophon .component-decal__image {
filter: brightness(0) saturate(100%) invert(92%) sepia(9%) saturate(193%) hue-rotate(184deg) brightness(103%) contrast(96%);
}
.page-id-149 #colophon .component-decal__image {
filter: brightness(0) saturate(100%) invert(84%) sepia(7%) saturate(245%) hue-rotate(184deg) brightness(113%) contrast(96%);
}
.page-id-131 #colophon .component-decal__image {
filter: brightness(0) saturate(100%) invert(92%) sepia(9%) saturate(193%) hue-rotate(184deg) brightness(103%) contrast(96%);
} .image.image--mask .image-module__image-wrapper {
width: 100%;
height: auto;
aspect-ratio: 32 / 21;
}
.image.image--mask .image-module__image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
mask-image: url(//corpomission.nl/wp-content/uploads/2025/12/clip-path-danny.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: 100%;
border-radius: 0;
aspect-ratio: unset;
}
.doubleimage__image {
border-radius: 0;
overflow: hidden;
}
.doubleimage__image:first-child {
aspect-ratio: 1;
border-radius: 999px;
}
.doubleimage__image:first-child img {
height: 100%;
width: 100%;
object-fit: cover;
}
.doubleimage__image:last-child {
width: 50%;
}
.doubleimage__image:last-child img {
height: 100%;
width: 100%;
object-fit: cover;
} .banner__main-wrapper{
background-color: var(--skyblue);
width: 100%;
padding: 80px;
display: flex;
position: relative;
gap: 64px;
border-radius: 20px;
}
.banner__tekst-wrapper{
width: 50%;
}
.banner__image-wrapper{
width: 50%;
position: relative;
}
.banner__image-vector{
position: absolute;
z-index: 5;
top: 0px;
}
.banner__image{
position: absolute;
z-index: 10;
right: 0px;
bottom: -80px;
height: 120%;
object-fit: cover;
}
@media (max-width: 960px) {
.banner__image-wrapper {
width: 50%;
position: absolute;
bottom: 80px;
right: 0;
opacity: .2;
}
.banner__tekst-wrapper {
width: 100%;
position: relative;
z-index: 16;
}
}
@media (max-width: 768px) {
.banner__image-wrapper {
width: 100%;
height: 80%;
bottom: 50px;
}
.banner__main-wrapper {
padding: 32px;
overflow: hidden;
}
}
.grecaptcha-badge {
display: none !important;
}
button.cky-btn.cky-btn-accept {
background-color: var(--royalblue) !important;
border-color: var(--royalblue) !important;
border-radius: 100px !important;
}
button.cky-btn.cky-btn-reject, button.cky-btn.cky-btn-customize, button.cky-btn.cky-btn-preferences {
border-color: var(--royalblue) !important;
border-radius: 100px !important;
color: var(--royalblue) !important;
}