@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500&family=Rubik:wght@300;400;500&display=swap');
--vacancy-accent-color:red;
    
    h1,h2,h3,h4,h5,h6 {
       font-family: 'Rubik', sans-serif; !important;
         text-transform: uppercase;
    }

    
    h2{
        font-weight: 600;
        line-height: 35px;
        color:#005078 !important;
        
    }
    h2 span{
        color:#E5415B !important;
        font-weight: 600;
        font-family: 'Rubik', sans-serif; !important;
    }

    
    body{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height:1.4;
    }
    
    .display h1{
        line-height:1.2;
    }
    
    .display h1.smaller{
        font-size:2rem;
    }
    
    .bg-light{
        background-color:#fff !important;
    }
    
    .vacancy-index-item-field-value i,.vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function{
         color:#E5415B !important;
    }
    
    
@media (min-width: 1200px) {
    .team-blocks .col-lg-4 {  
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
  
  .apply-btn-submit{
        border-radius: 50px !important;
        letter-spacing: normal;
        font-weight: 500;
  }
  
      .container_vacancy-detail .fas, .container_vacancy-detail .fa, .container_vacancy-detail .far, .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share span, .modal .modal-content .modal-title{
          color:#E5415B !important;
      }
    
    *{
        font-family: 'Karla', sans-serif;
        scroll-behavior: smooth;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
    }
    
    .navbar-logo {
        max-height: 80px;
    }
    
    .is-footer .fas{
        color:#005078;
    }
    
    .nav-link{
        color: #005078 !important;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    
    a.uitdaging-wrapper {
        display: block;
        border: 2px solid #005078;
        padding: 30px 20px 20px;
        border-radius: 4px;
        transition: all 200ms ease-out !important;
        height:100%;
    }
    
    a.uitdaging-wrapper:hover {
        background-color: #005078;
        color: #fff !important;
        text-decoration:none;
    }
    
    a.uitdaging-wrapper h3{
        font-weight: bolder;
        line-height: 1.2;
        color: #005078;
     }
    
    a.uitdaging-wrapper:hover h3, a.uitdaging-wrapper:hover .icon, a.uitdaging-wrapper:hover span{
        color:#fff;
        text-decoration:none;
    }
    
    .uitdaging-wrapper .icon{
        font-size: 60px;
        color: #005078;
    }
    
    a.werknemers-wrapper {
        display: block;
        border: 2px solid #005078;
        padding: 30px 20px 20px;
        border-radius: 4px;
        transition: all 200ms ease-out !important;
        height:100%;
    }
    
    a.werknemers-wrapper:hover {
        background-color: #005078;
        color: #fff !important;
        text-decoration:none;
    }
    
     a.werknemers-wrapper h3{
        font-weight: bolder;
        line-height: 1.2;
        color: #005078;
     }
    
    a.werknemers-wrapper:hover h3, a.werknemers-wrapper:hover .icon, a.werknemers-wrapper:hover span{
        color:#fff;
        text-decoration:none;
    }
    
    .werknemers-wrapper .icon{
        font-size: 60px;
        color: #005078;
    }
    
    

    
     .personeel-wrapper  {
        display: block;
        border: 2px solid #005078;
        padding: 30px 10px 20px;
        border-radius: 4px;
        transition: all 200ms ease-out !important;
        height:100%;
        position:relative;
    }
    
    .personeel-wrapper img {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    height: 170px;
    object-fit: cover;
    width:100%;
    }
    
    
     .personeel-wrapper  h3{
        font-weight: bolder;
        line-height: 1.2;
        color: #005078;
        margin-top: 170px;
     }
    
    .personeel-wrapper .function{
        margin-top: -10px;
        color: #e5415b;
        font-size: 16px;
    }
    
    .personeel-wrapper  .icon{
        font-size: 60px;
        color: #005078;
    }
    
        .locatie-wrapper  {
        display: block;
        border: 2px solid #005078;
        padding: 30px 20px 20px;
        border-radius: 4px;
        transition: all 200ms ease-out !important;
        height:100%;
        position:relative;
    }
    
    .locatie-wrapper img {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    height: 300px !important;
    width:100%;
    object-fit: cover;
    }
    
    
     .locatie-wrapper  h3{
        font-weight: bolder;
        line-height: 1.2;
        color: #005078;
        margin-top: 300px;
     }
    
    .locatie-wrapper .function{
        margin-top: -10px;
        color: #e5415b;
        font-size: 16px;
    }
    
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
        border-radius:6px;
    }
    
    .btn-default, .btn-info, .btn-primary{
        background-color: #E5415B !important;
        color: #fff !important;
        border-radius: 50px !important;
        font-weight: 500;
    }
    
    .btn-info:hover{
        border-color:#E5415B;
        color:#E5415B !important;
        background-color:#fff !important;
    }
    
    .btn-default-ghost{
        background-color: #fff !important;
        color: #E5415B !important;
        border-radius: 50px !important;
        font-weight: 500;
    }
    
    .btn-default-ghost:hover{
        background-color:#E5415B !important;
        color:#fff !important;
        border-color:#fff;
    }
    
    .vacancy-index-list-counter{
        background-color:#E5415B !important;
    }
    
    .header .btn-default:first-child{
        margin-right:5px;
    }
    
    .header .btn-default:last-child{
        margin-left:5px;
    }
    
    
    
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    .apply-btn-submit{border-radius:0px;padding: 15px 20px;}
    
    .icon-home-title span{
        font-weight:600;
    }
    
    .col-md-6.img-default {
        padding: 0px 30px;
    }
    .is-footer b{
        color: rgb(73, 164, 162);
    }
    .cta-title{
        font-size:36px;
        color:#fff !important;
    }
    
    .is-footer h3 {
        font-weight: bolder;
        line-height: 1.2;
        color: #005078;
    }
    
    .navbar-toggler span{
        background-color:#005079 !important;
    }
    
    #navbar-main .nav-item a{
        transition:all 200ms ease-in-out;
    }
    #navbar-main .nav-item.active a,  #navbar-main .nav-item:hover a{
            color: #005079 !important;
            text-shadow: -0.5px -0.5px 0 #00507900, 0.3px 0.3px 0 #005079, -0.2px 0.2px 0px #00507900, 0.5px 0.5px 0 #00507900;
    }
    
    .logo-header{
        width:25% !important; 
    }
          li.nav-item:last-child a.nav-link {
        background-color: #e5415b;
        border-radius: 70px;
        color: #fff !important;
        padding: 5px 20px;
        margin-top: 10px;
        margin-left: 25px;

    }
    li.nav-item:last-child:hover a.nav-link{
        color:#fff !important;
    }
    
    .icon-home-title{font-size:24px; margin-top:20px;}
    @media screen and (max-width: 992px) {
        .logo-header{ width: 50%;}
        .row .btn:last-child{margin-top:10px;}
        li.nav-item:last-child a.nav-link{margin: 10px;text-align: center;}
        nav#nav-main {padding: 0px 10px;}
        a.uitdaging-wrapper {padding: 20px 0px;margin: 13px; position: relative; height: auto;}
        a.werknemers-wrapper {padding: 20px 10px;margin: 13px; position: relative; height: auto;}
          .personeel-wrapper {padding: 20px 10px;margin: 13px; position: relative; height: auto;}
           .locatie-wrapper {padding: 20px 10px;margin: 13px; position: relative; height: auto;}
        .col-md-6.img-default{padding:15px;}
        .is-overlay .is-overlay-bg{background-position:center right;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:6px; letter-spacing:0px !important;}   
    }
    
    .team-list-item-button,
    .team-list-item-content {
        display: none;   
    }
    
    .team-list-item .team-list-item-info,
    .team-list-item .team-list-item-info:before {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }
    
    .br { border-radius: 6px !important; }
    .br * { border-radius: 6px !important; }