.hero-vacature {
min-height: 600px !important;
}
.hero-vacature .content {
margin-bottom: 10px !important;
}
.vacature-details {
margin-top: 75px;
}
.vacature-details-box {
box-shadow: 0 2px 14px 5px rgba(23, 52, 90, 0.1);
padding: 25px;
margin-bottom: 60px;
}
.vacature-details-box h2 {
font-size: 20px !important;
font-weight: bold;
text-transform: uppercase;
}
.vacature-details-list {
margin-bottom: 30px;
}
.vacature-details-list:last-child {
margin-bottom: 0px;
}
.vacature-details p {
margin-bottom: 5px;
}
.vacature-text h1,
.vacature-text h2,
.vacature-text h3,
.vacature-text h4,
.vacature-text h5 {
font-weight: bold;
text-transform: uppercase;
margin-top: 35px;
}
.vacature-text h1:first-child,
.vacature-text h2:first-child,
.vacature-text h3:first-child,
.vacature-text h4:first-child,
.vacature-text h5:first-child {
margin-top: 0;
}
.vacature-text h1 {
font-size: 30px !important;
}
.vacature-text h2 {
font-size: 28px !important;
}
.vacature-text h3 {
font-size: 24px !important;
}
.vacature-text h4 {
font-size: 22px !important;
}
.vacature-text h5 {
font-size: 20px !important;
}
.vacature-text .button {
margin-top: 40px;
display: inline-block;
}
.checklist {
padding: 0;
list-style: none;
}
.checklist li {
position: relative;
padding-left: 0;
}
.checklist li::before {
content: "";
width: 6px;
height: 6px;
background-color: #f02260;
border-radius: 50%;
position: absolute;
left: 0;
top: 10px;
left: -15px;
}
span.spreekt {
font-weight: bold;
display: block;
font-size: 17px;
margin-bottom: 15px;
}
span.opzoek {
color: #f02260;
font-size: 19px;
font-weight: bold;
}
.colleagues-vacature {
margin-top: 70px;
}
.single-werken-bij-jbrr .footer-cta {
margin-top: 0;
}
.vacature-sidebar {
background: #f2326e;
position: sticky;
top: 40px;
}
.vacature-sidebar img {
width: 100%;
height: auto;
}
.vacature-sidebar ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.vacature-sidebar ul li {
list-style-type: none;
display: flex;
align-items: center;
margin-top: 10px;
}
.vacature-sidebar ul li img {
width: 20px;
height: 20px;
margin-right: 12px;
}
.vacature-sidebar ul li a:hover {
text-decoration: underline;
}
.vacature-sidebar-content {
padding: 20px;
}
.vacature-sidebar-content h3 {
color: #fff;
font-size: 18px;
}
.vacature-sidebar-content p,
.vacature-sidebar-content li,
.vacature-sidebar-content li a {
color: #fff;
}
.footer-cta .button-text {
color: #fff;
text-decoration: underline;
margin-left: 20px;
}
.footer-cta .button-text:hover {
text-decoration: none;
}
@media (max-width: 40em) {
.hero.hero-ronde-foto {
min-height: 600px !important;
}
.hero.hero-ronde-foto .hero-foto-wrap {
margin-top: 150px !important;
}
.vacature-details {
margin-top: 25px;
}
.vacature-sidebar {
margin-top: 60px;
}
}
@media (min-width: 1200px) {
.header.scroll .logo img {
margin-top: -75px !important;
margin-bottom: 0 !important;
}
.header.scroll.scrollfar {
height: 78px !important;
}
}
@media (max-width: 1200px) {
.logo-mobile {
width: 125px;
margin-top: 0 !important;
}
.header .logo img {
margin-top: -100px;
}
.scrollfar {
padding-top: 0;
padding-bottom: 0;
}
}
.gform_wrapper {
background: #ddeff3;
padding: 30px;
margin: 30px 0;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=number],
.gform_wrapper input[type=tel],
.gform_wrapper textarea {
border: none !important;
}
.gform-theme--foundation .gform_fields {
row-gap: 20px !important;
}
.gfield--type-section h3, .gfield h3 {
margin-bottom: 0;
margin-top: 20px;
font-size: 26px;
line-height: 26px;
}
.gfield .kinderen {
margin-bottom: -15px;
font-weight: bold;
}
.gfield ul {
margin-bottom: 0;
}
.gfield ul li {
list-style: disc;
}
.gform_wrapper input[type=submit] {
background: #f2326e !important;
border: 1px solid #f2326e !important;
color: #fff !important;
border-radius: 50px !important;
padding: 13px 32px !important;
font-size: 14px !important;
cursor: pointer !important;
-webkit-transition: all 0.2s !important;
-o-transition: all 0.2s !important;
transition: all 0.2s !important;
}
.gform_wrapper input[type=submit]:hover {
background: #b6295b !important;
color: #fff !important;
}
#gform_wrapper_4 .only-for-auto, #gform_wrapper_1 .only-for-auto, #gform_wrapper_3 .only-for-auto, #gform_wrapper_7 .only-for-auto {
pointer-events: none;
}
#gform_wrapper_4 .repeater-field-footer, #gform_wrapper_1 .repeater-field-footer, #gform_wrapper_3 .repeater-field-footer, #gform_wrapper_7 .repeater-field-footer {
display: flex;
justify-content: flex-start;
}
#gform_wrapper_4 .gf-repeater-field-button-add, #gform_wrapper_1 .gf-repeater-field-button-add, #gform_wrapper_3 .gf-repeater-field-button-add, #gform_wrapper_7 .gf-repeater-field-button-add {
background: #f2326e !important;
border: 1px solid #f2326e !important;
color: #fff;
border-radius: 50px !important;
padding: 13px 32px;
font-size: 14px;
cursor: pointer;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 10px;
opacity: 1 !important;
box-shadow: none !important;
display: flex;
}
.custom-signature-field {
display: flex;
margin-bottom: 20px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.custom-signature-field canvas {
border-style: dashed;
border-width: 2px;
border-color: rgb(221, 221, 221);
background-color: rgb(255, 255, 255);
touch-action: none;
user-select: none;
}
.show-field {
display: block;
}
.hide-field {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
.clear-signature {
display: flex;
margin-top: 10px !important;
padding: 2px 12px !important;
background: #f2326e !important;
font-size: 14px !important;
border-radius: 100px !important;
height: 25px !important;
min-height: 25px !important;
cursor: pointer !important;
}