.screen-reader-text,
.u-vh {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip-path:rect(0,0,0,0);
border:0;
} .u-hidden {
display:none !important;
} .u-pin {
position: absolute !important;
}
.u-contain {
position: relative;
}
.u-overlay {
top:0;
right:0;
bottom:0;
left:0;
}
.u-z2 {
z-index: 2;
} .u-flex {
display: flex;
}
.u-direction-column {
flex-direction: column;
}
.u-wraps {
flex-wrap: wrap;
}
.u-align-items-center {
align-items: center;
}
.u-justify-content {
justify-content: center;
} @media (min-width:800px) {
.bd\:u-grid {
display: grid;
}
}
.u-grid {
display: grid;
}
.u-default-cols {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.u-var-cols {
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
} .u-gap-7 {
gap:7px;
}
.u-gap-10 {
gap:10px;
}
.u-gap-20 {
gap:20px;
}
.u-gap-40 {
gap:40px;
} .vacatures__header {
margin-bottom:50px;
}
.vacatures__header h1 {
margin:0;
}
.vacatures__sidebar {
background-color:#fff;
}
.vacatures__sidebar {
grid-column: span 12;
}
.vacatures__content {
grid-column: span 12;
}
@media (min-width:800px) and (max-width:999px) {
.vacatures__sidebar {
grid-column: span 5;
}
.vacatures__content {
grid-column: span 7;
}
}
@media (min-width:1000px) and (max-width:1299px) {
.vacatures__sidebar {
grid-column: span 4;
}
.vacatures__content {
grid-column: span 8;
}
}
@media (min-width:1300px) {
.vacatures__sidebar {
grid-column: span 3;
}
.vacatures__content {
grid-column: span 9;
}
}
.cards--vacatures {
margin-bottom:40px;
display: flex;
flex-direction: column;
gap:20px;
} .pagination {
display: flex;
justify-content: center;
gap:10px;
}
.pagination .page-numbers {
padding:7px 15px;
background-color:#fff;
transition:color .2s ease-in-out, background-color .2s ease-in-out;
}
.pagination .page-numbers:focus,
.pagination .page-numbers:hover {
background-color:#073a4a;
color:#ffffff;
}
.pagination .current {
background-color:#073a4a;
color:#ffffff;
} .search-results-total,
.search-results-singular,
.search-results-plural {
color:#073a4a
}
.post-type-archive-igb_vacature .uk-section-default  {
background-color:#f3f3f3
} .filter__show-results,
.filters__toggle {
border:0;
color:#fff;
padding:10px 15px;
font-size:16px;
font-weight:600;
line-height:1;
transition:background-color .2s ease-in-out, color .2s ease-in-out;
cursor:pointer;
}
.filter__show-results {
background-color:#63b32e;
}
.filters__toggle {
background-color:#073a4a;
}
.filters__toggle * {
pointer-events: none;
}
.filters__toggle:focus,
.filters__toggle:hover {
background-color:#63b32e;
}
.filter__show-results:focus,
.filter__show-results:hover {
background-color:#073a4a;
}
html.filters-open {
overflow:hidden;
}
html.filters-open #wpadminbar {
z-index: -1 !important;
}
@media (max-width:799px) {
.sd-hidden {display:none !important}
.filters {
display: none;
}
.filters-open .filters {
position: fixed;
display: flex;
top:0;
right:0;
bottom:0;
left:0;
background-color:#fff;
padding:35px 25px 80px;
z-index: 10;
height: 100%;
overflow: auto;
box-sizing: border-box;
}
.filter__controls {
position: fixed;
bottom:25px;
left:25px;
right:25px;
}
}
@media (min-width:800px) {
.bd-hidden {display:none !important;}
.filters__toggle {
display: none;
}
.filter__controls {
display: none;
}
.filters {
display: flex;
}
}
.filters {
padding:35px 25px;
flex-direction: column;
gap:25px;
}
.filter__heading {
font-size: 25px;
line-height: 1.1;
font-family: Poppins;
font-weight: 700;
text-transform: uppercase;
}
.filter__heading h2 {
margin:0;
}
.filter__group {
display: flex;
flex-direction: column;
gap:10px;
}
.filter__title {
font-size: 16px;
line-height: 1.1;
font-family: Poppins;
font-weight: 400;
margin-bottom:10px;
display: block;
}
.filter__label {
display: flex;
gap:7px;
align-items: center;
}
.filter__input {
clip: rect(1px 1px 1px 1px);
height: 1px;
overflow: hidden;
position: absolute;
top: auto;
white-space: nowrap;
width: 1px;
}
.filter__input:checked + .filter__value::before {
border-color:#63b32e;
background-color:#63b32e;
background-image:url(//bouw-zorg.nl/wp-content/themes/bouwzorg/icons/icon-check-solid.svg);
background-size:14px;
background-repeat:no-repeat;
background-position: center;
}
.filter__value {
position: relative;
flex-grow:1;
display: flex;
align-items: center;
gap:7px;
}
.filter__value::before {
content:'';
width:20px;
height:20px;
border:1px solid #09374b;
display: block;
transition:background-color .2s ease-in-out, border-color .2s ease-in-out, background-image .2s ease-in-out;
}
.filter__count {
padding: 0 10px;
border: 1px solid rgba(9, 55, 75, 0.15);
font-size:80%;
}
.has-js .filter__submit {
display: none;
} .card {
background-color:#fff;
padding:25px;
}
.card__heading h2 {
text-transform:unset;
font-size:22px;
}
.card__list {
list-style:none;
margin:0;
padding:0;
}
.card__list-icon {
width:15px;
height:15px;
fill:#63b32e;
}
.card__more {
bottom:25px;
right:25px;
width:20px;
height:20px;
fill:#073a4a;
} .single-igb_vacature {
overflow:unset;
box-sizing: border-box;
}
.single-igb_vacature .uk-section-default {
background-color:#f3f3f3;
padding-top:0 !important;
box-sizing: border-box;
}
.single-igb_vacature .tm-page {
box-sizing: border-box;
}
.vacature__header h1 {
font-size:50px;
line-height:1.2;
}
.vacature__featured {
grid-column: span 5;
height:100%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
}
.vacature__section--hero {
min-height:600px;
position: relative;
background-color:#fff;
position: relative;
z-index: 1;
}
.vacature__section--hero::after {
content:'';
z-index: -1;
position: absolute;
top:0;
bottom:0;
left:50%;
transform:translate(-50%);
width: calc(100vw - 4px);
border-right: 11px solid #073a4a;
background-color: #fff;
box-sizing: border-box;
}
.vacature__bg {
width:100%;
height:400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
}
@media (min-width:800px) {
.vacature__bg {
height: 100%;
position: absolute;
width: calc(100vw - 4px);
border-right: 11px solid #073a4a;
top: 0;
left: 50%;
bottom: 0;
transform: translateX(-50%);
background-position: right center;
}
}
.vacature__kenmerken {
list-style:none;
margin:0;
padding:0;
gap:5px;
max-width:450px;
}
.vacature__kenmerk {
font-size:20px;
display: flex;
gap:0 7px;
align-items: center;
}
.vacature__kenmerk-label {
display: flex;
gap:15px;
align-items: center;
}
@media (max-width:799px) {
.vacature__kenmerk-label span {
display: none;
}
}
@media (min-width:800px) {
.vacature__kenmerk-label {
flex-grow:1;
}
}
.vacature__icon {
width:20px;
height:20px;
fill:#63b32e;
}
.vacature__content {
padding-top:70px;
padding-bottom:70px;
max-width:800px;
width:100%;
margin-left:auto;
margin-right:auto;
}
@media (min-width:1000px) {
.vacature__content {
display: grid;
max-width:1000px;
}
.vacature__main {
grid-column: span 8;
}
.vacature__sidebar {
grid-column: span 4;
}
}
.vacature__section--description {
}
.vacature__widget {
position: sticky;
top:50px;
}
.vacature__cta {
border:0;
color:#fff;
background-color:#63b32e;
padding:15px 15px;
font-size:16px;
font-weight:600;
line-height:1;
transition:background-color .2s ease-in-out, color .2s ease-in-out;
cursor:pointer;
box-sizing: border-box;
display: block;
text-align: center;
}
.vacature__cta:focus,
.vacature__cta:hover {
background-color:#073a4a;
color:#fff;
}
.vacature__section--form {
position: relative;
z-index: 1;
padding-top:70px;
padding-bottom:70px;
max-width:1000px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.vacature__section--form::after {
content:'';
position: absolute;
background-color: #fff;
width:calc(100vw - 15px);
border-right: 11px solid #073a4a;
left:50%;
transform:translate(-50%);
top:0;
bottom:0;
z-index: -1;
}
.vacature__section--form .field-wrap input,
.vacature__section--form .field-wrap select {
line-height:1.2;
padding-top:10px;
padding-bottom:10px;
text-indent:10px;
}
.vacature__section--form .nf-form-fields-required {
margin-bottom:15px;
}
@media (min-width:800px) {
.vacature__section--form .nf-form-cont {
max-width:800px;
margin-left: auto;
margin-right: auto;
}
}
.vacature__section--form .nf-form-title h3 {
font-size:40px;
}
.vacature__section--form .submit-container input {
background-color:#073a4a;
color:#fff;
border-radius:0;
border:0;
font-weight:700;
font-family: 'poppins';
text-indent: 0;
padding:10px 25px;
font-size:18px;
cursor:pointer;
transition:background-color .2 ease-in-out, color .2s ease-in-out;
}
.vacature__section--form .submit-container input:focus,
.vacature__section--form .submit-container input:hover {
color:#fff;
background-color:#63b32e;
} .filters__search {
background-color:#fff;
padding:25px;
border:1px solid #09374b;
width: fit-content;
}
.filters__bar {
display: flex;
gap:20px;
flex-wrap:wrap;
}
.filters__title p {
margin-bottom:10px;
}
.filter__item--dropdown {
position: relative;
flex-grow:1;
}
.filter__item--dropdown select {
background-color:#f3f3f3;
border:0;
height:55px;
line-height:55px;
padding:0 35px 0 10px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width:100%;
}
.filter__item--dropdown input {
background-color:#f3f3f3;
border:0;
height:55px;
line-height:55px;
padding:0 35px 0 10px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.filter__chevron {
width:15px;
height:15px;
pointer-events: none;
position: absolute;
top:50%;
transform:translateY(-50%);
right:10px;
}
.vacature-recent {
}
.filter__input--city, .filter__input--radius {
width: 100%; !important; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; position: static;
height: auto;
box-sizing: border-box; }
#radius-filter {
margin-top: 1rem;
}
@media (max-width: 799px) {
.filter__heading {
margin-top: 1.5rem;
}
}
@media (max-width: 535px) {
.filter__heading {
margin-top: 5.5rem;
}
}