@font-face {
font-family: 'AttenNew';
src: url(//careermaker.nl/wp-content/themes/paddap-custom-theme/fonts/AttenNewRegular.otf) format('opentype');
font-weight: 400;
}
@font-face {
font-family: 'AttenNew';
src: url(//careermaker.nl/wp-content/themes/paddap-custom-theme/fonts/AttenNewMedium.otf) format('opentype');
font-weight: 500;
}
@font-face {
font-family: 'AttenNew';
src: url(//careermaker.nl/wp-content/themes/paddap-custom-theme/fonts/AttenNewBold.otf) format('opentype');
font-weight: 700;
}
@font-face {
font-family: 'AttenNew';
src: url(//careermaker.nl/wp-content/themes/paddap-custom-theme/fonts/AttenNewExtraBold.otf) format('opentype');
font-weight: 800;
}
:root { --headingFont: "AttenNew";
--bodyFont: "AttenNew";
--fallbackFont: "sans-serif"; --white: #FFFFFF;
--black: #000000;
--paddap: #00635A;
--brand-color: #EA3378;
--secondary-color: #192A51;
--tertiary-color: #132031;
--brand-accent: rgba(234, 51, 120, 0.75);
--secondary-accent: rgba(25, 42, 81, 0.75);
--accent-gray: #FAFAFA;
--accent: #666a90; --extraLight: 200;
--light: 300;
--normal: 400;
--bold: 600;
--extraBold: 800; --navbar-height: 84px; --brand-gradient: linear-gradient(90deg, var(--secondary-color) 0%, var(--brand-color) 100%); --mainGrid: 1280px;
--smallGrid: 960px; --innerSectionMargin: 70px;
--sectionPadding: 120px;
--smallSectionPadding: 70px;
--gridPadding: calc((100vw - var(--mainGrid)) / 2);
}
html {
scroll-behavior: smooth;
}
body,
p {
font-family: var(--bodyFont), var(--fallbackFont);
font-size: 26px;
line-height: 1.2;
font-weight: 400;
color: var(--black);
}
input {
font-family: var(--bodyFont), var(--fallbackFont);
font-size: 20px;
line-height: 1.2;
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: 160px;
line-height: 1.2;
font-weight: 800;
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;
background: var(--brand-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h2,
.h2 {
font-size: 48px;
line-height: 1.2;
font-weight: 500;
color: var(--white);
text-transform: unset;
background: unset;
-webkit-text-fill-color: unset;
}
h3,
.h3 {
font-size: 42px;
line-height: 1.2;
font-weight: 500;
}
h4 {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
}
.wysiwyg h2 {
color: var(--black);
}
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;
}
nav a {
font-size: 20px;
white-space: nowrap;
}
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(--black);
}
p a:after, nav a:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0%;
height: 2px;
background-color: var(--black);
transition: width 0.2s ease;
}
.menu-item.disabled > a:after {
content: none;
}
.menu-item.disabled > a {
cursor: default;
}
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;
}
.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(--secondary-accent);
border-radius: 9999px;
border: solid 1px var(--secondary-accent);
transition: all .2s ease;
}
.menuOpen .heartWrapper span {
border-color: var(--white);
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#menu-footer-contact, ul#menu-footer-socials {
flex-direction: column;
}
@media (max-width: 768px){
.footerKnoppen {
display: flex;
justify-content: space-around;
flex-direction: column;
gap: 15px;
}
}
.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;
}
.grecaptcha-badge {
visibility: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
.single-vacature .whatsapp {
bottom: 104px;
right: 32px;
}
.whatsapp {
position: fixed;
z-index: 200;
bottom: 24px;
right: 24px;
height: 56px;
width: 56px;
background-color: #12bc7e;
display: flex;
align-items: center;
justify-content: center;
border-radius: 99px;
transition: all .2s ease;
}
.whatsapp i {
font-size: 32px;
color: var(--white);
}
.whatsapp:hover {
transform: translate(-2px, -2px);
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 8px;
}
@media (max-width: 1024px) {
.page-id-22 .whatsapp {
bottom: 85px;
right: 32px;
}
.single-vacature .whatsapp {
bottom: 75px;
right: 32px;
}
} .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;
}
.wpcf7 label {
font-size: 16px;
color: var(--white);
}
.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;	
} #masthead {
position: relative;
z-index: 1000;
}
#masthead .navbar {
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: 24px;
}
#masthead nav.hiddenMenu .bttnWrapper .bttn__inner {
padding: 12px 48px;
}
#masthead nav.hiddenMenu .bttnWrapper:hover .bttn__inner {
color: var(--brand-color);
}
#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(--secondary-color);
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;
text-transform: uppercase;
color: var(--white);
font-weight: 700;
}
#masthead nav.hiddenMenu ul li:not(.bttnWrapper).current-menu-item a {
color: var(--brand-color);
}
#masthead nav.hiddenMenu ul li a:after {
background-color: var(--brand-color);
}
body.menuOpen, body.popupOpen {
overflow: hidden;
height: 100dvh;
}
.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;
height: 30px;
}
.menuOpen #masthead .icons .heart path {
fill: var(--secondary-color);
stroke: var(--white);
}
#masthead .icons nav ul {
display: flex;
align-items: center;
}
#masthead .icons nav ul li + li {
margin-left: 24px;
}
#masthead .menu-item {
position: relative;
}
#masthead .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
flex-direction: column;
padding: 32px 12px 12px;
opacity: 0;
pointer-events: none;
transition: all .2s ease;
}
#masthead .sub-menu:before {
content: '';
position: absolute;
top: 25px;
left: 0;
right: 0;
bottom: 0;
background-color: var(--white);
}
#masthead .sub-menu .menu-item {
margin: 0;
}
#masthead .menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
pointer-events: all;
}
.navBarWithLinksNoHamburger#masthead .icons nav ul li + li {
margin-left: 0;
}
@media(max-width: 1280px) {
#masthead .sub-menu {
position: relative;
left: 0;
padding: 0;
transform: none;
margin-top: 16px;
margin-left: 16px;
gap: 16px;
box-shadow: none;
opacity: 1;
pointer-events: all;
}
#masthead .sub-menu:before {
content: 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(--secondary-color);
border-radius: 10px;
transition: transform 0.2s ease, width 0s 0.2s, top 0.2s 0.2s ease;
}
.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%;
background-color: var(--white);
}
.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: 64px;
margin-top: var(--sectionPadding);
}
#colophon .mainFooter {
padding: var(--smallSectionPadding) 0;
background-color: var(--primary-300);
}
#colophon .mainFooter .mainGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0 30px;
}
.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;
}
#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(--tertiary-color);
text-align: center;
padding: 8px 0;
}
#colophon .madeBy a {
display: block;
font-size: 10px;
line-height: 1;
color: var(--white);
text-transform: uppercase;
}  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;
}
.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: 12px 16px;
border-radius: 0;
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(--accent);
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: 64px;
grid-gap: 1.5rem 20px;
}
.bttnGroup.smallMargin {
margin-top: 40px;
}
.bttn, input.bttn, .bttnWrapper {
-webkit-appearance: none;
outline: none;
text-decoration: none;
display: inline-flex;
justify-content: center;
font-family: var(--bodyFont);
font-size: 20px;
line-height: 1.2;
font-weight: 400;
cursor: pointer;
padding: 12px 40px;
background-color: transparent;
border-radius: 99px;
border: 2px solid transparent;
color: var(--white);
overflow: hidden;
width: fit-content;
transition: all 0.2s ease;
position: relative;
}
.bttn__inner {
position: relative;
z-index: 1;
text-decoration: none;
transition: all .2s ease;
}
.bttn__background {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: transparent;
transition: width 0.35s ease-in-out, height 0.35s ease-in-out;
transform: translate(-50%, -50%);
z-index: 0;
}
.bttn:hover .bttn__background,
.bttnWrapper:hover .bttn__background {
aspect-ratio: 1;
width: 200%;
height: 600%;
} .bttn--primary {
border-color: var(--brand-color);  
background-color: var(--brand-color);
}
.bttn--primary:active,
.bttn--primary:focus {
background-color: var(--brand-color);
border-color: var(--brand-color);
}
.bttn--primary .bttn__background {
background-color: var(--white);
}
.bttn--primary .bttn__inner {
color: var(--white);
}
.bttn--primary:hover {
border-color: var(--brand-color);
}
.bttn--primary:hover .bttn__inner {
color: var(--brand-color);
}  .bttn--secondary {
border-color: var(--brand-color);  
background-color: var(--white);
}
.bttn--secondary.white-border {
border-color: var(--white);  
}
.bttn--secondary .bttn__background {
background-color: var(--brand-color);
}
.bttn--secondary .bttn__inner {
color: var(--brand-color);
}
.bttn--secondary:hover .bttn__inner {
color: var(--white);
}  .bttn--tertiary {
border-color: var(--white);  
background-color: var(--white);
}
.bttn--tertiary .bttn__background {
background-color: var(--brand-color);
}
.bttn--tertiary .bttn__inner {
color: var(--brand-color);
}
.bttn--tertiary:hover .bttn__inner {
color: var(--white);
}
.bttn--tertiary:hover {
border-color: var(--brand-color);
}  .bttn--quarternary {
border-color: var(--secondary-color);  
background-color: var(--white);
}
.bttn--quarternary .bttn__background {
background-color: var(--secondary-color);
}
.bttn--quarternary .bttn__inner {
color: var(--secondary-color);
}
.bttn--quarternary:hover .bttn__inner {
color: var(--white);
}
.bttn--quarternary:hover {
border-color: var(--secondary-color);
}  .bttnWrapper {
border-color: var(--brand-color);  
background-color: var(--brand-color);
padding: 0;
}
.bttnWrapper:active,
.bttnWrapper:focus {
background-color: var(--brand-color);
}
.bttnWrapper .bttn__background {
background-color: var(--white);
}
.bttnWrapper .bttn__inner {
color: var(--white);
padding: 8px 32px;
}
.bttnWrapper:hover {
border-color: var(--brand-color);
}
.bttnWrapper:hover .bttn__inner {
color: var(--brand-color);
} input.bttn:hover {
background-color: var(--brand-color);
color: var(--white);
border-color: var(--brand-color);
}
.bttn .heart {
margin-left: 10px;
}
.link {
display: flex;
align-items: center;
gap: 8px;
}
.link .fa-solid.fa-chevrons-right {
color: var(--white);
font-size: 18px;
transition: all .2s ease;
}
.link__inner {
font-size: 20px;
color: var(--white);
transition: all .2s .075s ease;
}
.link:not(.job):hover .fa-solid.fa-chevrons-right,
.link:not(.job):hover .link__inner {
translate: 4px 0;
} section.text .bg {
background-color: var(--primary-300);
padding: var(--sectionPadding) 0;
}
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%;
display: flex;
gap: 48px;
}
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.content {
grid-gap: 56px 32px;
}
.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;
}
.singleJob {
position: relative;
padding: 24px 32px 32px;
background-color: var(--secondary-color);
display: flex;
flex-flow: column;
align-items: flex-start;
min-height: 295px;
}
.singleJob .favouriteWrapper {
}
.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 {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.singleJob .uspList .uspItem {
display: flex;
align-items: center;
color: var(--white);
font-size: 20px;
}
.singleJob .uspList .uspItem i {
margin-right: 10px;
color: var(--primary-600);
width: 20px;
white-space: nowrap;
}
.singleJob .uspList .uspItem p {
margin: 0;
}
.singleJob .excerpt {
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.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.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 {
flex-flow: row;
align-items: center;
padding: 24px;
background-color: var(--secondary-color);
min-height: unset;
transition: .3s ease;
}
.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(--white);
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;
}
.singleContent.shadowItem .top {
height: 200px;
width: 100%;
background-color: var(--secondary-color);
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.singleContent.shadowItem .shadow.excerpt {
background-color: var(--secondary-color);
width: 100%;
margin-bottom: 32px;
}
.singleContent.shadowItem .shadow {
background-color: var(--secondary-color);a
}
.openApplication {
position: relative;
padding: 24px 32px 32px;
background-color: var(--brand-color);
display: flex;
flex-flow: column;
justify-content: space-between;
transition: all .2s ease;
}
.openApplication .bttnGroup {
margin-top: auto;
padding-top: 56px;
}
.openApplication.list {
padding: 25px 30px;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.openApplication.list .bttnGroup {
padding-top: 0;
}
.singleContent {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
transition: all .2s ease;
}
.singleContent h2 {
margin: 0;
}
.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: 20px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.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-family: 'mundial';
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, .testimonialTopGoogleReview .wysiwyg:first-child, .testimonialTopGoogleReview .wysiwyg:last-child{
margin-bottom: 10px;
margin-top: 17px;
}
.testimonialTop .wysiwyg:last-child {
margin-bottom: 0;
}
.singleTestimonial.swiper-slide {
width: 50%;
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(--brand-color);
fill: var(--white);
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(--brand-color);
fill: var(--brand-color);
}
.menuOpen #masthead .icons .current-menu-item .heart path {
fill: var(--white);
} .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 {
position: relative;
z-index: 1;
}
.filterBar .mainGrid.filterGrid {
display: flex;
grid-gap: 0 30px;
}
.filterBar .mainGrid.filterGrid .filterItem {
border-radius: 999px;
border: 2px solid var(--black);
font-family: var(--bodyFont);
font-size: 20px;
} .footer-2 {
padding: var(--smallSectionPadding) 0 0 0;
background-color: var(--secondary-color);
}
.footer-2 .footer-2-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
padding-bottom: 64px;
}
.footer-2 .menu-footer-2-menu-nav-container {
grid-column: span 3;
}
.footer-2 .menu-footer-2-menu-nav-container h3 {
color: var(--white);
}
@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 {
background-color: #132031;
padding-top: 0;
}
.footer-2 .footerUnder .footerSocialsUnder {
padding-bottom: 32px;
}
.footer-2 .menu-footer-2-menu-nav-container li {
text-decoration: none;
margin-bottom: 5px;
}
.footer-2 .footerUnder p a {
color: var(--white);
font-size: 20px;
transition: all .2s ease;
}
.footer-2 .footerUnder p a:after {
content: none;
}
.footer-2 .footerUnder p a:hover {
color: var(--brand-color);
}
.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;
grid-gap: 0 10px;
}
.wpv-reset-trigger {
-webkit-appearance: none;
outline: none;
border-radius: 99px;
border: 0px;
width: 50px;
height: 50px;
background-color: var(--secondary-color);
cursor: pointer;
transition: all .2s ease;
}
.wpv-reset-trigger:hover {
background-color: var(--secondary-accent);
}
.wpv-reset-trigger i {
color: var(--white);
font-size: 18px;
translate: 0 -2px;
}
.selectCheckboxFilter {
position: relative;
display: flex;
flex-flow: column;
}
.selectCheckboxFilter .key {
position: relative;
padding: 11px 20px;
background-color: var(--white);
color: var(--black);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
cursor: pointer;
border-radius: 999px;
}
.selectCheckboxFilter .key i {
transition: transform 0.2s ease;
}
.filterItem.show .selectCheckboxFilter .key i {
transform: rotate(180deg);
}
.selectCheckboxFilter .key .title {
display: flex;
align-items: center;
font-size: 20px;
}
.selectCheckboxFilter .key .amount {
margin-left: 10px;
width: 20px;
height: 20px;
background-color: var(--secondary-accent);
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;
background-color: var(--white);
box-shadow: 0 20px 20px rgb(0 0 0 / 10%);
padding: 14px 20px;
z-index: 1;
min-width: 100%;
border-radius: 24px;
border: 2px solid var(--black);
}
.selectCheckboxFilter .values ul {
margin: 0;
padding: 0;
list-style-type: none;
max-height: 300px;
overflow: scroll;
}
.selectCheckboxFilter .values ul li + li {
margin-top: 10px;
}
.selectCheckboxFilter .values input {
-webkit-appearance: none;
outline: none;
width: 1rem;
height: 1rem;
border: 1px solid var(--brand-color);
margin-right: 10px;
}
.selectCheckboxFilter .values label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 20px;
white-space: nowrap;
}
.selectCheckboxFilter .values input:checked {
background-color: var(--brand-color);
}
.bar {
margin-top: var(--sectionPadding);
z-index: 10;
}
.bar .bar__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
grid-gap: 1rem 0;
background-color: var(--brand-color);
padding: 20px 48px;
}
.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;
}
.bar.bottom-bar {
background-color: var(--brand-color);
padding: 8px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.bar.bottom-bar .bar__inner {
background-color: transparent;
padding: 0;
}
.bar.bottom-bar .bttnGroup {
align-items: center;	
}
.heartBttn {
cursor: pointer;
}
.heartBttn .heart {
pointer-events: none;
}
section.form .formWrapper {
background-color: var(--secondary-color);
padding: var(--innerSectionMargin);
position: relative;
}
section.form .formWrapper h3 {
margin-top: 0;
margin-bottom: 45px;
color: var(--white);
}
section.form .motivation .wpcf7-radio {
display: flex;
width: 175px;
background-color: var(--accent);
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(--accent);
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 .wpcf7-acceptance a {
color: var(--white);
}
.wpcf7 .wpcf7-acceptance a:after {
background-color: var(--white);
}
.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;
}
.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;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
position: fixed; 
top: 45px;
left: 50%;
transform: translate(-50%, 0%);
background-color: #ffb900;
color: var(--white);
z-index: 1000;
}
.wpcf7 form.sent .wpcf7-response-output {
position: fixed; 
top: 45px;
left: 50%;
transform: translate(-50%, 0%);
background-color: var(--brand-color);
border-color: var(--brand-color);
color: var(--white);
z-index: 1000;
}
.wpcf7 .iti--separate-dial-code .iti__selected-flag {
background-color: var(--brand-color);
}
.wpcf7 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: var(--brand-color);
}
.wpcf7 .iti__country-name {
color: var(--black);
}
.wpcf7 .iti--separate-dial-code input[type=tel] {
padding-left: 89px !important;
}
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,
section.doubleImage .smallGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0 50px;
}
section.doubleImage .mainGrid img,
section.doubleImage .smallGrid 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;
font-size: 20px;
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) 42px;
}
section.logos .bigGrid {
background-color: var(--accent-gray);
}
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;
flex-direction: column;
background-color: var(--secondary-color);
}
body.error404 #page main section {
padding: 0;
width: 100%;
}
.error404 #colophon {
padding-top: 0;
margin-top: 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(--white);
margin: 40px 0;
text-align: center;
}
.error-404__404 {
display: flex;
gap: 32px;
}
.error-404__404 h1 {
margin-bottom: 0;
font-size: 260px;
display: flex;
align-items: center;
color: var(--white);
background: unset;
-webkit-text-fill-color: unset;
}
.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;
}
.recruiter-section .recruiter-section__inner .content {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
}
.recruiter-section .recruiter-section__inner h2 {
margin-top: 0;
}
.recruiter-section .contactPersonWrapper img.attachment-thumbnail {
width: 192px;
min-width: 192px;
border-radius: 99px;
}
.recruiter-section .contactOptions .recruiter-info p {
color: var(--white);
margin: 0;
}
.recruiter-section .contactOptions .iconContactTop p {
margin: 0;
}
.recruiter-section .contactOptions .recruiter-contact-options {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 16px;
}
.recruiter-section .contactOptions .recruiter-contact-options i,
.recruiter-section .contactOptions .recruiter-contact-options p {
color: var(--white);
font-size: 20px;
}
.recruiter-section .contactOptions .recruiter-contact-options p {
font-size: 20px;
}
.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;
}
.cky-preference-wrapper .cky-preference-center {
background-color: var(--secondary-color);
}
.cky-preference-wrapper .cky-footer-shadow {
background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--secondary-color) 100%) !important;
}
.cky-btn-revisit-wrapper {
pointer-events: none;
opacity: 0;
}
.cky-audit-table .cky-empty-cookies-text {
background-color: var(--accent);
}
.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);
}
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;
margin-top: 32px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
width: 15px;
height: 15px;
transition: all .2s ease;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--secondary-color);
}
@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;
} .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.open {
transform: translateY(0%);
}
.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: 201;
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;
background: var(--secondary-color);
padding-bottom: 24px;
box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.15);
}
.filterOpen {
overflow: hidden;
}
.filterBar .controllerBar {
display: flex;
cursor: pointer;
}
.filterBar .controllerBar .mainGrid {
display: flex;
align-items: center;
padding: 24px 0;
}
.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;
border: solid 2px var(--white);
font-size: 16px;
line-height: 1;
background-color: var(--secondary-color);
margin-left: 10px;
color: var(--white);
}
.wpv-reset-trigger {
background-color: var(--secondary-color);
border: 2px solid var(--white);
}
.wpv-reset-trigger i {
color: var(--white);	
}
.filterBar .controllerBar .mainGrid i {
color: var(--white);
}
.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;
}
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;
}
.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%;
z-index: 50;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.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: 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;
justify-content: center;
margin-top: 24px;
}
.mobileJobSpecs .specItem {
display: flex;
align-items: center;
padding: 12px 16px;
border-radius: 9999px;
background-color: var(--brand-color);
}
.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(--brand-color);
display: flex;
justify-content: center;
align-items: center;
}
.mobileJobSpecs .heartBttn svg path {
stroke: var(--white);
}
.mobileJobSpecs .heartBttn .heart.liked path {
fill: var(--white);
}
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: 12px;
box-shadow: 0 -10px 20px rgb(0 0 0 / 8%);
border-radius: 0;
}
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;
}
.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;
}
.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 {
overflow-y: auto;
}
.wpcf7 form > p {
grid-template-columns: 1fr;
}
.error-404__404 h1 {
font-size: 96px;
}
.error-404__image {
width: 25%;
}
.error-404__404 {
gap: 16px;
justify-content: center;
}
.error-404 p {
margin: 16px 0;
}
.recruiter-section .recruiter-section__inner .content {
flex-direction: column-reverse;
}
.recruiter-section .recruiter-section__inner .content .contactPersonWrapper {
align-self: center;
gap: 0;
}
}
@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, .h1 {
font-size: 40px;
line-height: 48px;
}
h2, .h2 {
font-size: 32px;
line-height: 40px;
}
h3, .h3 {
font-size: 24px;
line-height: 28px;
}
h4, .h4 {
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;
}
}
.content-video__wrapper {
width: 100%;
max-height: calc(100dvh - 80px);
aspect-ratio: 16/9;
overflow: clip;
position: relative;
}
.content-video__wrapper video {
display: block;
width: 100%;
height: 100%;
}
.content-video__inner p {
font-size: 20px;
margin-left: 40px;
}
.content-video__overlay {
position: absolute;
inset: 0;
cursor: pointer;
transition: all .2s ease;
}
.content-video__play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.content-video__overlay-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.form__decal {
position: absolute;
top: 0;
right: 0;
translate: 50% -50%;
animation: gentleShake 4s ease-in-out infinite;
}
.form__decal-text {
font-size: 26px;
line-height: 1.2;
font-weight: 500;
color: var(--white);
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 70%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1280px) {
.form__decal {
translate: 0 0;
}
}
.pja-title-toggle-container {
margin-bottom: 16px;
}
.cky-consent-container .cky-btn {
border-radius: 99px;
}
.cky-consent-container .cky-consent-bar {
background-color: var(--secondary-color) !important;
border: none !important;
padding: 32px !important;
}
.cky-consent-container *,
.cky-consent-container p {
color: var(--white) !important;
}
.cky-consent-container .cky-notice-group {
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 50%;
}
@media (max-width: 600px) {
.cky-consent-container .cky-notice-group {
width: 100%;
}
.cky-consent-container.cky-classic-bottom .cky-consent-image {
transform: translate(0px, -165px);
}
}
.cky-consent-container .cky-notice-btn-wrapper {
margin: 0;
}
.cky-consent-image {
position: absolute;
top: 0;
right: 32px;
transform: translate(0px, -100px);
pointer-events: none;
width: 250px;
} .animating {
transition: none !important;
transform: none;
}
.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;
}
.favoriteJobs h1,
.favoriteJobs .favoriteJobsWrapper .wysiwyg p,
.favoriteJobs .favoriteJobsWrapper .noLikedJobs h3,
.favoriteJobs .favoriteJobsWrapper .noLikedJobs .bttnGroup,
.favoriteJobs .singleJob {
transform: translateY(40px);
opacity: 0;
}
.filterBar .filterGrid > input, 
.filterBar .filterGrid .filterItem,
.filterBar .filterGrid .submitActions .bttn,
.filterBar .filterGrid .submitActions .wpv-reset-trigger {
transform: translateY(40px);
opacity: 0;
}
.overview .jobsGrid.content .singleContent,
.overview .jobsGrid .singleJob,
.resultsBar,
.overview .jobsGrid .openApplication {
transform: translateY(40px);
opacity: 0;
}
.overview .jobsGrid.content .singleContent.show,
.overview .jobsGrid .singleJob.show,
.resultsBar.show,
.overview .jobsGrid .openApplication.show {
transform: translateY(0);
opacity: 1;
}
.content-hero,
.content-hero .bttnGroup .bttn,
.content-hero .bttnGroup .share,
.content-text {
transform: translateY(40px);
opacity: 0;
}
.job-hero .wysiwyg,
.job-hero .bttnGroup .bttn,
.job-hero .mobileJobSpecs .specItem,
.job-hero .mobileJobSpecs .specItem,
.single-vacancy__body .bar:not(.bottom-bar) {
transform: translateY(40px);
opacity: 0;
}
.hero-3 .hero-3__content .bttn {
transform: translateY(40px);
opacity: 0;
}
.animated-text .wysiwyg > * div {
background: linear-gradient(to right, var(--brand-color) 50%, var(--black) 50%);
background-size: 200% 100%;
background-position-x: 100%;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
}
.geo-filter__my-location {
opacity: 0;
}
.geo-filter__divider {
transform: translateY(40px);
opacity: 0;
}
@media (max-width: 1024px) {
.geo-filter__search-wrapper {
flex-grow: 1;
}
.geo-filter .geo-filter__divider {
background-color: var(--white);
}
}  @keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .75;
}
}
@keyframes heartbeat {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
}
@keyframes opening {
from {
transform: translatey(120%);
}
to {
transform: translatey(0%);
}
}
@keyframes gentleShake {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(4deg);
}
20% {
transform: rotate(-4deg);
}
30% {
transform: rotate(3deg);
}
40% {
transform: rotate(-3deg);
}
50% {
transform: rotate(2deg);
}
60% {
transform: rotate(-2deg);
}
70% {
transform: rotate(1deg);
}
80% {
transform: rotate(-1deg);
}
90% {
transform: rotate(0.5deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
}
.geo-filter .form-group {
display: flex;
align-items: center;
}
.geo-filter__search-wrapper {
position: relative;
}
.geo-filter__search-wrapper input {
width: 100%;
}
.geo-filter__my-location {
position: absolute;
top: 50%;
right: 6px;
transform: translate(0, -50%);
background-color: var(--brand-color);
border: none;
border-radius: 999px;
height: 42px;
min-height: 42px;
max-height: 42px;
width: 42px;
min-width: 42px;
max-width: 42px;
aspect-ratio: 1;
padding: 10px;
cursor: pointer;
}
.geo-filter__my-location img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(104%) contrast(102%);
}
.geo-filter__divider {
width: 24px;
height: 2px;
background-color: var(--black);
}
.geo-filter select.filterItem {
padding: 12px 16px;
}
.cookie-intro p {
color: #fff;
}
.cookiebanner .buttons .btn-decide_link-internal {
border-radius: 30px;
background-color: #ea3378!important;
}