@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

h1,h2,h3,h4,h5,h6 {
    font-family: 'Figtree', sans-serif !important;
}

h2{
    font-weight: 700;
    line-height: 35px;
}

*{
    font-family: 'Figtree', sans-serif;
    scroll-behavior: smooth;
}

p{
    line-height:24px;
    font-style:normal !important;
}

.fas{
    color:#e85426;
}

.icon-home{
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    border-radius:50%;
    border:2px solid #27236d;
    display:inline-block;
    background-color:#27236d;
}

.icon-home b{
    color:#fff !important;
}

.icon-home .icon{
    font-size:30px;
    color:#fff;
}

img.shadow{
    box-shadow:0 1rem 3rem rgba(17,44,97,.175) !important;
}

.btn-secondary{
    border-radius:10px !important;
    border-color:#e85426 !important;
    background-color:#e85426 !important;
    color:#fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus{
    border-color:#c94721 !important;
    background-color:#c94721 !important;
    color:#fff !important;
}

.vacancy-detail .employee{
    background-color:#27236d;
}

.vacancy-detail .form-control{
    border-radius:8px !important;
}

.apply-btn-submit{
    border-radius:10px;
    padding:15px 20px;
    border-color:#e85426;
    background-color:#e85426;
    color:#fff;
}

.apply-btn-submit:hover,
.apply-btn-submit:focus{
    border-color:#c94721;
    background-color:#c94721;
    color:#fff;
}

.icon-home-title span{
    font-weight:600;
}

.col-md-6.img-default{
    padding:0px 30px;
}

.is-footer b{
    color:#e85426;
}

.cta-title{
    font-size:36px;
}

.icon-home-title{
    font-size:24px;
    margin-top:20px;
}

@media screen and (max-width:992px) {
    .col-md-6.img-default{padding:15px;}
    .is-overlay .is-overlay-bg{background-position:center right;}
    .bb-footer-section img{width:92px !important;height:auto;}
    .icon-home-title{
        margin-top:10px !important;
        margin-bottom:40px;
        letter-spacing:0px !important;
    }
}

/* Baaijens-menu voor het bestaande Recruition-menu */
#nav-main, #nav-main *{box-sizing:border-box}

#nav-main.navbar{
  position:relative!important;
  z-index:50;
  width:100%;
  min-height:102px;
  margin:0;
  padding:0!important;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#192c5f!important;
  color:#fff;
  font-family:'Figtree',Arial,sans-serif;
}

#nav-main > .is-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  width:100%!important;
  max-width:none!important;
  min-height:102px;
  margin:0 auto;
  padding:0 44px!important;
}

#nav-main .navbar-brand{
  position:relative;
  display:flex;
  flex:0 0 78px;
  align-items:center;
  justify-content:center;
  width:78px;
  height:78px;
  margin:0!important;
  padding:0!important;
}

#nav-main .navbar-brand .navbar-logo{
  display:block;
  width:78px!important;
  height:78px!important;
  max-width:none!important;
  object-fit:contain;
  opacity:0!important;
}

#nav-main .navbar-brand::after{
  content:'';
  position:absolute;
  inset:0;
  background:url('data:image/png;base64,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') center/contain no-repeat;
  pointer-events:none;
}

#nav-main .navbar-collapse{flex:1 1 auto;justify-content:flex-end}

#nav-main .navbar-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(26px,2.7vw,52px);
  margin:0 0 0 auto!important;
  padding:0;
  list-style:none;
}

#nav-main .navbar-nav > .nav-item{margin:0;padding:0}
#nav-main .navbar-nav > .nav-item:first-child{display:none!important}

#nav-main .navbar-nav .nav-link{
  display:block;
  padding:8px 0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font:500 20px/1.3 'Figtree',Arial,sans-serif!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap;
}

#nav-main .navbar-nav .nav-link:hover,
#nav-main .navbar-nav .nav-link:focus-visible,
#nav-main .navbar-nav .active .nav-link{
  color:#fff!important;
  text-decoration:underline!important;
  text-decoration-color:#e85426!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:8px;
}

#nav-main a:focus-visible,
#nav-main button:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:5px;
}

/* Zoekelement in het menu verbergen */
#nav-main .search-form,
#nav-main .search-toggle,
#nav-main .navbar-search,
#nav-main .nav-search,
#nav-main [aria-label='Zoeken'],
#nav-main [title='Zoeken'],
#nav-main .nav-item:has(.fa-search){
  display:none!important;
}

@media (min-width:992px){
  #nav-main .navbar-collapse{display:flex!important}
  #nav-main .navbar-toggler{display:none!important}
}

@media (max-width:1200px) and (min-width:992px){
  #nav-main > .is-container{padding:0 30px!important}
  #nav-main .navbar-nav{gap:26px}
  #nav-main .navbar-nav .nav-link{font-size:17px!important}
}

@media (max-width:991.98px){
  #nav-main.navbar{min-height:82px}
  #nav-main > .is-container{
    min-height:82px;
    padding:0 18px!important;
    flex-wrap:wrap;
  }
  #nav-main .navbar-brand{
    flex-basis:68px;
    width:68px;
    height:68px;
  }
  #nav-main .navbar-brand .navbar-logo{
    width:68px!important;
    height:68px!important;
  }
  #nav-main .navbar-toggler{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:48px;
    height:48px;
    margin-left:auto;
    padding:9px;
    border:1px solid rgba(255,255,255,.45)!important;
    border-radius:4px;
    background:none!important;
    box-shadow:none!important;
  }
  #nav-main .navbar-toggler span{
    display:block;
    width:25px;
    height:2px;
    margin:0;
    background:#fff;
    border:0;
    opacity:1;
  }
  #nav-main .navbar-collapse{
    position:absolute;
    top:100%;
    right:0;
    left:0;
    display:none;
    width:100%;
    padding:12px 20px 22px;
    background:#192c5f;
    border-top:1px solid rgba(255,255,255,.2);
    box-shadow:0 12px 22px rgba(0,0,0,.18);
  }
  #nav-main .navbar-collapse.show,
  #nav-main .navbar-collapse.collapsing{display:block}
  #nav-main .navbar-nav{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    width:100%;
    margin:0!important;
  }
  #nav-main .navbar-nav .nav-link{
    padding:13px 0!important;
    font-size:18px!important;
    white-space:normal;
  }
}

/* Knoppen */
.btn-primary,
.btn-secondary,
.apply-btn-submit,
.bb-careers .bb-button{
  border:1px solid #e85426!important;
  border-radius:10px!important;
  background:#e85426!important;
  color:#fff!important;
  font-family:'Figtree',Arial,sans-serif!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.apply-btn-submit:hover,
.apply-btn-submit:focus,
.bb-careers .bb-button:hover,
.bb-careers .bb-button:focus{
  border-color:#c94721!important;
  background:#c94721!important;
  color:#fff!important;
  box-shadow:none!important;
}

.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.apply-btn-submit:focus-visible,
.bb-careers .bb-button:focus-visible{
  outline:3px solid #27236d!important;
  outline-offset:3px!important;
}

/* Zoekformulier van de vacaturelijst */
#lijst label{
  color:#192c5f;
  font-weight:600!important;
}

#lijst .input-group-search .form-control{
  min-height:60px;
  border:1px solid #cbd2df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#192c5f!important;
  font-family:'Figtree',Arial,sans-serif!important;
  box-shadow:none!important;
}

#lijst .input-group-search .form-control::placeholder{
  color:#7b8495;
  opacity:1;
}

#lijst .input-group-search .form-control:focus{
  border-color:#27236d!important;
  box-shadow:0 0 0 3px rgba(39,35,109,.16)!important;
}

#lijst .input-group-search .input-group-prepend,
#lijst .input-group-search .input-group-prepend i{
  color:#27236d!important;
}

#lijst .btn-search{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:12px 28px!important;
  font-size:16px!important;
  line-height:1.25!important;
  cursor:pointer;
}

/* Vacatureteller, filters en vacaturetitels */
#lijst .vacancy-index-list-title{
  color:#192c5f;
  font-weight:700;
}

#lijst .vacancy-index-list-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  min-height:46px;
  margin-right:7px;
  padding:0 10px;
  border-radius:50%;
  background:#27236d!important;
  color:#fff!important;
  font-weight:700;
}

#lijst .vacancy-index-item-filter-name,
#lijst .vacancy-index-item-title{
  color:#192c5f!important;
}

#lijst .vacancy-index-item-title:hover{
  color:#e85426!important;
}

/* Baaijens-iconen bij uren, plaats, provincie en salaris */
#lijst .vacancy-index-item-field-value i{
  display:inline-block;
  width:20px;
  margin-right:6px;
  color:#e85426!important;
  font-size:16px;
  line-height:1;
  text-align:center;
  vertical-align:-1px;
}

#lijst .vacancy-index-item-field-value i::before{
  color:inherit!important;
}

#lijst .custom-control-input:checked~.custom-control-label::before{
  border-color:#27236d!important;
  background:#27236d!important;
}

#lijst .custom-control-input:focus~.custom-control-label::before{
  box-shadow:0 0 0 3px rgba(39,35,109,.16)!important;
}

/* Baaijens: de vacatureactie blijft rechts binnen elke vacaturekaart. */
#lijst .vacancy-index-item {
  overflow: hidden;
}

#lijst .vacancy-index-item-fields {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  gap: 10px 18px;
  margin: 0 !important;
}

#lijst .vacancy-index-item-fields > .col-auto {
  min-width: 0;
  max-width: 100%;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#lijst .vacancy-index-item-fields > .col-auto.ml-auto {
  display: flex;
  flex: 0 1 auto;
  max-width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto !important;
  align-self: center !important;
}

#lijst .vacancy-index-item-fields .btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0 !important;
  padding: 10px 20px !important;
  border: 1px solid #e85426 !important;
  border-radius: 6px !important;
  background: #e85426 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}

#lijst .vacancy-index-item-fields .btn-primary::after {
  content: none !important;
  display: none !important;
}

#lijst .vacancy-index-item-fields .btn-primary:hover,
#lijst .vacancy-index-item-fields .btn-primary:focus-visible {
  border-color: #c94721 !important;
  background: #c94721 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  #lijst .vacancy-index-item-fields > .col-auto.ml-auto {
    flex-basis: 100%;
    justify-content: flex-start;
    margin: 8px 0 0 !important;
  }
}