@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
--headingFont: "Roboto";
--bodyFont: "Roboto";
--fallbackFont: "sans-serif";
--white: #FFFFFF;
--black: #000000;
--paddap: #00635A;
--primary-blue: #0090D4;
--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); --thin: 100;
--extra-light: 200;
--light: 300;
--regular: 400;
--medium: 500;
--semi-bold: 600;
--bold: 700;
--extra-bold: 800;
--weight-black: 900; --button: cubic-bezier(.44,.15,.47,.97);
}
html {
scroll-behavior: smooth;
}
.menu-item:not(.bttnWrapper) a {
color: var(--primary-blue);
transition: 0.2s ease-in-out;
}
.menu-item:not(.bttnWrapper):hover a {
color: var(--primary-400);
}
body,
p, input {
font-family: var(--bodyFont), var(--fallbackFont);
font-size: 16px;
line-height: 24px;
font-weight: var(--regular);
color: var(--black);
}
img {
background: transparent;
}
a {
outline: none;
}
h1, h2, h3, h4, h5, h6, h7 {
font-family: var(--headingFont), var(--fallbackFont);
}
h1 {
font-size: 48px;
line-height: 56px;
font-weight: var(--semi-bold);
margin-top: 0;
margin-bottom: 20px;
}
h2 {
font-size: 40px;
line-height: 48px;
font-weight: var(--regular);
}
h3 {
font-size: 24px;
line-height: 32px;
font-weight: var(--semi-bold);
}
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;
}
.wysiwyg a:hover {
color: var(--primary-400);
}
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: none;
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(--orange-500);
}
p a:after, nav a:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0%;
height: 2px;
background-color: var(--white);
transition: width 0.2s ease;
}
p a:hover:after, nav a:hover:after {
left: 0;
width: 100%;
}
.heartWrapper a:after, .bttnWrapper a:after {
display: none;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.mainGrid .applicationPathWrapper:last-child .lineWrapper .line {
display: none;
}
.applicationProcedureThree .mainGrid {
display: flex;
flex-flow: column;
gap: 16px;
}
.mainGrid .applicationPathWrapper:last-child .lineWrapper {
justify-content: unset;
}
ul#menu-footer-contact, ul#menu-footer-socials {
flex-direction: column;
}
.scroll-icon-arrow {
height: 50px;
width: auto;
width: fit-content;
filter: brightness(0) saturate(100%) invert(35%) sepia(97%) saturate(759%) hue-rotate(164deg) brightness(102%) contrast(107%);
z-index: 999;
display: block; 
}
a[href='#firstSection'] {
position: absolute;
display: block;
width: auto;
bottom: 0;
z-index: 999;
left: 50%;
transform: translate(-50%, -100%);
animation: pointer-animation ease-in-out 2s infinite;
}
.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;
}
.wysiwyg hr {
background-color: var(--primary-blue);
height: 2px;
margin-bottom: 16px;
margin-top: 0;
width: 160px;
display: inline-block;
} .mainGrid {
width: 100%;
max-width: var(--mainGrid);
margin-right: auto;
margin-left: auto;
}
.smallGrid {
width: 100%;
max-width: var(--smallGrid);
margin-right: auto;
margin-left: auto;
}
.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;	
} .wpcf7-form-control.wpcf7-select {
width: 100%;
height: 100%;
padding: 10px;
border-radius: 5px;
} #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;
color: var(--primary-400);
}
#masthead .navbarGrid .site-logo {
display: flex;
}
#masthead .navbarGrid .site-logo img {
height: 40px;
width: auto;
}
.jobAlert .col-span-1 input {
background-color: transparent;
border: 1px solid var(--white);
}
.jobAlert .bttn {
border: 1px solid var(--white);
}
.jobAlert .col-span-1 input::placeholder {
color: var(--white);
}
#masthead nav.hiddenMenu {
position: fixed;
top: 0;
left: 0;
background-color: var(--primary-blue);
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: 40;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#masthead nav.hiddenMenu ul li + li {
margin-top: 32px;
}
#masthead nav.hiddenMenu ul li a {
font-size: 32px;
line-height: 1;
color: var(--white);
}
#masthead nav.hiddenMenu ul li.current-menu-item a {
color: var(--orange-500);
}
#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: 100;
}
#masthead .icons nav {
transition: all .2s ease;
}
body.menuOpen #masthead .icons nav {
opacity: 0;
}
#masthead .icons > * + * {
margin-left: 24px;
}
#masthead .icons .heart {
display: block;
width: auto;
height: 30px;
}
#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;
}
a.openApplication + .openApplication {
display: none;
} .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(--primary-400);
border-radius: 10px;
transition: transform 0.2s ease, width 0s 0.2s, top 0.2s 0.2s ease;
}
body.menuOpen .hamburgerIcon .hamburgerLine {
background-color: var(--white);
}
.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);
} #colophon {
margin-top: auto;
padding-top: var(--sectionPadding);
}
#colophon .mainFooter {
padding: calc(var(--smallSectionPadding) + 80px) 0;
background-color: var(--primary-400);
position: relative;
}
#colophon .mainFooter .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0 30px;
}
.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: 120px;
width: 120px;
border-radius: 9999px;
object-fit: cover;
}
.singleBigTestimonialUnder {
display: flex;
flex-flow: column;
align-items: center;
margin-top: auto;
}
.singleBigTestimonialText.wysiwyg {
display: flex;
justify-content: center;
margin: 0;
padding: 0px;
line-height: 1;
}
.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;
font-style: italic;
}
#colophon .mainFooter .mainGrid .cta {
grid-column: span 8;
}
#colophon .mainFooter .mainGrid hr {
grid-column: 1/-1;
width: 100%;
height: 3px;
background-color: var(--primary-blue);
margin: var(--innerSectionMargin) 0;
}
.singleBigTestimonial .singleBigTestimonialText.wysiwyg p {
font-size: 24px;
}
#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;
color: var(--white);
}
#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-blue);
text-align: center;
padding: 8px 0;
}
#colophon .madeBy a {
display: block;
font-size: 10px;
line-height: 1;
color: var(--white);
text-transform: uppercase;
}
#colophon .mainFooter .wysiwyg h2, #colophon .mainFooter .wysiwyg p, #colophon .mainFooter .wysiwyg .menu-item a  {
color: var(--white);
}
.footer__left-decal-wrapper {
position: absolute;
top: 0;
right: 0;
}
.footer__left-decal {
border-bottom: 80px solid transparent;
border-right: 80px solid var(--primary-300);
}
.footer__right-decal-wrapper {
position: absolute;
top: 0;
left: 0;
height: 80px;
width: calc(100% - 360px);
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
}
.footer__right-decal-blue {
width: 15%;
background: var(--primary-blue);
position: relative;
}
.footer__right-decal-blue:after {
content: '';
position: absolute;
left: 100%;
border-left: 80px solid var(--primary-blue);
border-bottom: 80px solid transparent;
}
.footer__right-decal-white {
background-color: var(--white);
width: 50%;
flex: 1;
position: relative;
}
.footer__right-decal-white:after {
content: '';
position: absolute;
left: 100%;
border-left: 80px solid var(--white);
border-bottom: 80px solid transparent;
}  section.homeHero .heroSearchWrapper {
margin-top: 80px;
padding: 48px;
background-color: var(--white);
width: 100%;
position: relative;
border-radius: 4px;
}
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;
}
.fieldsWrapper {
display: flex;
align-items: center;
gap: 24px;
}
.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: 8px 16px;
border-radius: 4px;
border: 2px solid var(--primary-blue);
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(--primary-600);
color: var(--primary-300);
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;
}
.cky-btn.cky-btn-reject, .cky-btn.cky-btn-customize {
background-color: var(--white)!important;
color: var(--primary-400)!important;
border-color: var(--primary-400)!important;
}
.cky-btn.cky-btn-reject:hover, .cky-btn.cky-btn-customize:hover {
background-color: var(--primary-400)!important;
border-color: var(--primary-400)!important;
color: var(--white)!important;
}
.cky-btn {
-webkit-appearance: none!important;
outline: none!important;
text-decoration: none!important;
border: 2px solid transparent!important;
border-radius: 4px!important;
justify-content: center!important;
align-items: center!important;
background-color: var(--primary-400)!important;
color: var(--white)!important;
font-size: 16px!important;
line-height: 24px!important;
font-weight: var(--bold)!important;
cursor: pointer!important;
transition: all 0.3s ease!important;
opacity: 1!important;
}
.cky-btn:hover {
background-color: var(--white)!important;
color: var(--primary-400)!important;
border-color: var(--primary-400)!important;
}
.bttn, input.bttn, .bttnWrapper a {
-webkit-appearance: none;
outline: none;
text-decoration: none;
border: 2px solid transparent;
border-radius: 4px;
padding: 8px 32px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary-400);
color: var(--white);
font-size: 16px;
line-height: 24px;
font-weight: var(--bold);
cursor: pointer;
transition: all 0.3s ease;
}
.bttn:hover, input.bttn:hover, .bttnWrapper a:hover {
background-color: var(--white);
color: var(--primary-400);
border-color: var(--primary-400);
}
.bttn .heart {
margin-left: 10px;
}
.bttn.white, input.bttn.white, .bttnWrapper.white a {
background-color: var(--white);
color: var(--primary-400);
}
.bttn.white:hover {
background-color: var(--primary-400);
border-color: var(--white);
color: var(--white);
} section.text .bg {
background-color: var(--primary-blue);
padding: calc(var(--sectionPadding) + 80px) 0 var(--sectionPadding);
}
section.text .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
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%;
padding: var(--innerSectionMargin) 0;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
background-color: var(--primary-blue);
border-radius: 4px;
}
section.jobAlert .innerPadding h2 {
margin-top: 25px;
margin-bottom: 25px;
color: var(--white);
}
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: 30px;
}
.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));
}
.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;
}
.singleJob {
position: relative;
padding: 30px;
background-color: var(--primary-300);
display: flex;
flex-flow: column;
align-items: flex-start;
}
.singleJob .favouriteWrapper {
position: absolute;
top: 30px;
right: 30px;
}
.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;
}
.singleJob .uspList {
margin-top: auto;
padding-top: 80px;
display: flex;
flex-flow: column;
}
.uspImageGrid.swiper-wrapper {
display: flex;
gap: 160px;
height: auto;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.swiper-slide .singleUspImage{
height: auto;
width: 152px;
}
.swiper-wrapper.uspImageGrid .swiper-slide {
width: 152px;
}
.singleJob .uspList .uspItem {
display: flex;
align-items: center;
}
.singleJob .uspList .uspItem + .uspItem {
margin-top: 20px;
}
.singleJob .uspList .uspItem i {
margin-right: 10px;
color: var(--primary-600);
width: 20px;
}
.singleJob .uspList .uspItem p {
margin: 0;
}
.singleJob .excerpt {
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.titleUsp.wysiwyg h2 {
text-align: center;
}
.uspTextImage.swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 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;
}
.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(--primary-400);
}
.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: 40px;
}
.titleUsp  {
margin: 0;
padding-bottom: 3rem;
}
.singleJob.list .favouriteWrapper {
position: initial;
display: flex;
margin-left: 40px;
}
.shadowItem .shadow {
width: 250px;
height: 22px;
background-color: var(--primary-400);
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;
}
.shadowItem.list .uspList .shadow {
width: 110px;
}
.openApplication {
position: relative;
padding: 16px 24px;
background-color: var(--primary-300);
display: flex;
flex-flow: column;
justify-content: space-between;
border-radius: 4px;
}
.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;
}
.singleContent {
position: relative;
background-color: var(--primary-blue);
display: flex;
flex-flow: column;
align-items: flex-start;
border-radius: 4px;
}
.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 {
margin-top: 8px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;  
overflow: hidden;
color: var(--white);
}
.singleContent .categories {
display: flex;
flex-flow: row wrap;
}
.singleContent .categories .category {
font-size: 16px;
line-height: 24px;
color: var(--white);
transition: color 0.2s ease;
font-weight: var(--bold);
}
.singleContent .categories .category:hover {
color: var(--orange-500);
}
.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: 25px;
height: auto;
cursor: pointer;
transition: transform 0.2s ease;
}
.heart:hover {
transform: scale(1.1);
}
.heart path {
stroke: var(--primary-400);
fill: transparent;
transition: stroke 0.2s ease, fill 0.2s ease;
}
.heart.white path {
fill: var(--white);
}
.heart.transparent path {
fill: transparent;
}
.heart.liked, .current-menu-item .heart {
animation: heartbeat 0.3s;
}
.heart.liked path, .current-menu-item .heart path {
stroke: var(--primary-400);
fill: var(--primary-400);
} .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 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 30px;
}
section.hero .mainGrid .wysiwyg {
grid-column: span 8;
}
.filterBar {
padding: 15px 0;
background-color: var(--primary-blue);
}
.filterBar .mainGrid.filterGrid {
display: flex;
align-items: center;
justify-content: center;
grid-gap: 0 30px;
}
.filterBar .mainGrid.filterGrid .filterItem {
flex-grow: 1;
} .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: center;
justify-content: center;
grid-gap: 0 10px;
}
.wpv-reset-trigger {
display: flex;
align-items: center;
justify-content: center;
-webkit-appearance: none;
outline: none;
border-radius: 4px;
border: 0px;
height: 44px;
width: 44px;
background-color: var(--white);
cursor: pointer;
}
form .filterBar input[type="text"]::placeholder, .filterBar .title {
color: var(--white);
}
.filterBar .selectCheckboxFilter .key, .filterBar .filterItem.search {
background-color: transparent;
border: 1px solid var(--white);
border-radius: 4px;
}
.filterBar .selectCheckboxFilter .key i {
color: var(--white);
font-size: 24px;
}
.wpv-reset-trigger i {
color: var(--primary-400);
}
.selectCheckboxFilter {
position: relative;
display: flex;
flex-flow: column;
}
.selectCheckboxFilter .key {
position: relative;
padding: 8px 20px;
background-color: var(--white);
color: var(--black);
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.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(--orange-500);
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;
width: 1rem;
height: 1rem;
border: 1px solid var(--primary-600);
margin-right: 10px;
}
.selectCheckboxFilter .values label {
display: flex;
align-items: center;
cursor: pointer;
}
.selectCheckboxFilter .values input:checked {
background-color: var(--primary-600);
}
.bar {
position: sticky;
top: 0;
margin-top: var(--sectionPadding);
background-color: var(--primary-400);
padding: 15px 0;
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;
}
.bar .bttnGroup {
margin-top: 0;
}
.bar .bttnGroup .bttn {
min-width: 200px;
}
.bar .heartBttn {
padding: 13px;
background-color: var(--white);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.heartBttn {
cursor: pointer;
}
.heartBttn .heart {
pointer-events: none;
}
section.form .formWrapper {
background-color: var(--primary-300);
padding: var(--innerSectionMargin);
}
section.form .formWrapper h2 {
margin-top: 0;
margin-bottom: 45px;
color: var(--white);
}
section.form .motivation .wpcf7-radio {
display: flex;
width: 175px;
background-color: var(--primary-400);
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(--primary-400);
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);
color: var(--black);
}
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 form > p label {
color: var(--white);
}
.wpcf7 form > p label .wpcf7-form-control-wrap .wpcf7-form-control {
border: none;
}
.wpcf7 form > p .wpcf7-list-item-label a {
color: var(--white);
}
.wpcf7 form p textarea, .wpcf7 form p input[type="file"] {
border: none;	
}
.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);
}
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: 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;
}
.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: 100px;
}
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: 1 / 9;
grid-row: 2;
}
.jobWithFilterSidebarContainer .filters {
grid-column: 9 / 13;
grid-row: 2;
}
.jobWithFilterSidebarContainer .mainGrid section {
padding-top: 0px;
}
.jobWithFilterSidebarContainer .filterBar .mainGrid.filterGrid {
flex-direction: column;
padding: 20px;
grid-gap: 20px;
}
.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;
}
@media only screen and (max-width: 1600px) {
#masthead nav.hiddenMenu ul li a {
font-size: 32px;
}
}
.noHamburgerHamburger{
display: none;
}
nav ul {
display: flex;
align-content: center;
}
.navBarHeartLinks ul {
gap: 40px;
}
nav.withGap ul {
column-gap: 40px;
}
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;
} div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination {
position: static;
} 
div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination .swiper-pagination-bullet {
background: var(--primary-blue);   
transition: all .2s var(--button); 
} 
div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {   
width: 20px;   
border-radius: 5px; 
}
@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);
overflow: scroll;
}
#masthead nav.hiddenMenu .menu-main-menu-container {
height: 100%;
}
#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 .fa-light.fa-sliders, .filterBar .controllerBar .fa-light.fa-chevron-down.chevron {
color: var(--white);
}
.filterBar .controllerBar .mainGrid h3 {
margin: 0 0 0 20px;
display: flex;
align-items: center;
color: var(--white);
}
.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(--white);
margin-left: 10px;
color: var(--primary-300);
}
.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: none;
}
aside .sticky {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 30px;
}
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;
}
.uspImageGrid.swiper-wrapper {
display: flex;
flex-wrap: wrap;
gap: 80px 160px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.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 {
border-radius: 4px;
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;
}
.fieldsWrapper {
flex-direction: column;
}
} @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: 70px;
--innerSectionMargin: 40px;
}
section.jobWithFilterSidebarContainer.overview .jobsGrid {
grid-template-columns: 1fr;
}
#masthead .icons nav ul .bttnWrapper, .desktop-menu-item {
display: none;
}
section.homeHero .heroSearchWrapper {
max-width: 100%;
margin-top: 70px;
padding: 10px 12px;
}
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: 30px;
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: 35px;
}
#masthead .icons > * + * {
margin-left: 20px;
}
#masthead .icons .heart {
height: 25px;
}
.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;
padding-bottom: 24px;
}
.mobileJobSpecs .specItem {
display: flex;
align-items: center;
padding: 12px 16px;
border-radius: 9999px;
background-color: var(--primary-400);
}
.mobileJobSpecs .specItem i {
font-size: 16px;
margin-right: 8px;
color: var(--white);
}
.mobileJobSpecs .specItem p {
margin: 0;
font-size: 16px;
line-height: 20px;
color: var(--white);
}
.mobileJobSpecs .heartBttn {
padding: 13px 11px 11px;
border-radius: 9999px;
background-color: var(--primary-400);
display: flex;
justify-content: center;
align-items: center;
}
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;
}
.uspImageGrid.swiper-wrapper {
display: flex;
grid-template-columns: inherit;
gap: 0;
flex-wrap: inherit;
justify-content: inherit;
}
.uspTextImage.swiper-wrapper {
display: flex;
grid-template-columns: inherit;
gap: 0;
}
.singleUspImage {
height: auto;
width: 152px;
}
.uspTextImageSix.swiper-wrapper {
grid-gap: inherit;
}
.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;
}
.footer__right-decal-wrapper {
width: calc(100% - 260px);
}
.footer__right-decal-blue {
width: 35%;
}
a[href='#firstSection'] {
bottom: 0;
z-index: 999;
right: 10px;
left: unset;
transform: translate(-50%, -25%);
animation: mobile-pointer-animation ease-in-out 2s infinite;
}
}
@media only screen and (max-width: 980px) {
.singleJob.list {
flex-direction: column;
align-items: baseline;
padding: 24px;
}
.singleJob.list h3 {
margin-bottom: 2rem;
}
.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;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
line-height: 24px;
}
.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 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;
}
} @keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
@keyframes heartbeat {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
}
@keyframes pointer-animation {
0%, 100% {
transform: translate(-50%, -100%);
}
50% {
transform: translate(-50%, calc(-100% + 30px));
}
}
@keyframes second-pointer-animation {
0%, 100% {
transform: translate(-50%, 15px);
}
50% {
transform: translate(-50%, 30px);
}
}
@keyframes mobile-pointer-animation {
0%, 100% {
transform: translate(-50%, -25%);
}
50% {
transform: translate(-50%, calc(-25% + 15px));
}
}
.grecaptcha-badge {
display: none !important;
}