/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.vacancy-filter{display:flex;align-items:flex-end;margin-bottom:2rem;gap:2rem}@media(max-width:767px){.vacancy-filter{display:block}}.vacancy-filter *{margin-bottom:0}.vacancy-filter h4{line-height:3rem;flex-shrink:0}@media(max-width:767px){.vacancy-filter h4{text-align:center}}.vacancy-filter .views-exposed-form{display:flex;flex-wrap:nowrap;align-items:flex-end;flex-grow:1;gap:2rem}@media(max-width:767px){.vacancy-filter .views-exposed-form{flex-wrap:wrap;justify-content:center}}.vacancy-filter .form__item--select{flex-grow:2}@media(max-width:767px){.vacancy-filter .form__item--select{flex-basis:40%}}@media(max-width:1023px){.grid--2-cols{grid-template-columns:repeat(1,1fr)}}.vacancy-title{display:flex;flex-direction:column-reverse}.vacancy{display:grid;grid-template-columns:2fr 1fr;justify-content:space-between;width:100%;gap:2rem;padding:3rem;background:#d9f1fb}@media(max-width:767px){.vacancy{display:block}}@media(max-width:767px){.vacancy{padding:2rem}}.vacancy__details{display:grid;grid-template-columns:max-content 1fr}@media(min-width:768px)and (max-width:1023px){.vacancy__details{display:block}}@media(max-width:767px){.vacancy__details{margin-bottom:2rem}}@media(max-width:500px){.vacancy__details{display:block}}.vacancy__label,.vacancy__value{line-height:normal;margin-bottom:1rem}.vacancy__label{font-weight:bold;margin-right:2rem;font-size:1.15rem}@media(min-width:768px)and (max-width:1023px){.vacancy__label{margin-bottom:.5rem}}.vacancy__value{align-self:center;word-break:break-word;hyphens:auto}.vacancy__person{margin-bottom:1rem}.vacancy__person::first-letter{text-transform:capitalize}.vacancy__person a{color:#222}.vacancy-footer{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2rem}@media(max-width:767px){.vacancy-footer{display:block}}.vacancy-header{position:fixed;top:128px;width:100%;background:#e1f2e1;z-index:4}@media(max-width:767px){.vacancy-header{display:none}}.vacancy-header::after{content:"";display:block;height:4px;width:100%;background:linear-gradient(to right,#ffed00 0%,#009fe3 100%)}.vacancy-header a{height:fit-content;white-space:nowrap}.vacancy-header__title{margin-bottom:1rem;margin-right:1rem}@media(max-width:1023px){.vacancy-header__title{font-size:1.588rem}}.vacancy-header__content{width:100%;max-width:1058.4px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;padding:1.5rem 3rem 0 3rem;display:flex;justify-content:space-between;align-items:center}@media(max-width:1023px){.vacancy-header__content{padding:1rem 2rem 0 2rem;margin-bottom:1rem}}.vacancy-header__details{display:inline-flex;flex-wrap:wrap}.detail{margin-right:1.5rem;margin-bottom:.5rem;padding-left:1.5rem}.detail--salary{background:url("/themes/custom/werkenbijveere/images/icons/euro.svg") no-repeat center left}.detail--hours{background:url("/themes/custom/werkenbijveere/images/icons/hours.svg") no-repeat center left}
.vacancy-teaser{display:flex;flex-direction:column;position:relative;background:#d9f1fb;padding:2rem}.vacancy-teaser__labels{order:1}.vacancy-teaser__title{order:2;color:#222}.vacancy-teaser__intro{order:3}.vacancy-teaser__more{order:4}.vacancy-teaser:hover a,.vacancy-teaser:hover .vacancy-teaser__title{text-decoration:underline}