/* Archief en detail van Vacatures. */

.bwt-archive .bwt-vacancy-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--bwt-line)}
.bwt-vacancy{border-bottom:1px solid var(--bwt-line)}
.bwt-vacancy-link{display:flex;align-items:center;gap:2rem;padding:2.2rem 0;text-decoration:none;transition:padding-left .3s var(--bwt-ease)}
.bwt-vacancy-link:hover{padding-left:12px;color:var(--bwt-blue)}
.bwt-vacancy-main{flex:1;display:grid;gap:.4rem}
.bwt-vacancy-title{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.2;color:var(--bwt-blue-dark)}
.bwt-vacancy-excerpt{max-width:48rem;font-weight:300;line-height:1.6;color:#888}
.bwt-vacancy-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.bwt-tag{padding:4px 12px;background:var(--bwt-grey-light);font-size:.78rem}
.bwt-vacancy-link .bwt-arrow{flex:none;width:26px;height:26px;transition:transform .4s ease}
.bwt-vacancy-link:hover .bwt-arrow{transform:translateX(8px)}
.bwt-vacancy-single{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(2rem,6vw,7rem);padding-block:6rem 8rem;align-items:start}
.bwt-vacancy-side{position:sticky;top:calc(var(--bwt-header-h) + 2rem)}
.bwt-vacancy-facts{margin:0 0 2rem;padding:0;list-style:none;border-top:1px solid var(--bwt-line)}
.bwt-vacancy-facts li{padding:1rem 0;border-bottom:1px solid var(--bwt-line);font-size:1.1rem;color:var(--bwt-blue-dark)}
.bwt-vacancy-back{margin-top:1.5rem}
.bwt-vacancy-back a{font-size:.95rem;color:#888;text-decoration:none}
.bwt-vacancy-back a:hover{color:var(--bwt-blue)}
.bwt-vacancy-single .bwt-content{max-width:46rem}
.bwt-vacancy-single .bwt-content h2{margin:2.4em 0 .6em;font-size:1.6rem;font-weight:500;color:var(--bwt-blue-dark)}
.bwt-vacancy-single .bwt-content h2:first-child{margin-top:0}
.bwt-vacancy-single .bwt-content ul{padding-left:0;list-style:none}
.bwt-vacancy-single .bwt-content li{position:relative;margin-bottom:.7rem;padding-left:1.6rem}
.bwt-vacancy-single .bwt-content li::before{content:"";position:absolute;left:0;top:.8em;width:.8rem;height:2px;background:var(--bwt-blue)}
@media (max-width:900px){.bwt-vacancy-single{grid-template-columns:1fr;padding-block:4rem 5rem}.bwt-vacancy-side{position:static}}
@media (max-width:640px){.bwt-vacancy-link{flex-wrap:wrap}.bwt-vacancy-main{flex-basis:100%}}