@media screen and (min-width: 1287px){
    .other-vac-container{
        max-width: 1241px;
    }
    .werkblock .other-vac-container{
        margin-bottom: 60px;
    }


    .vac-block{
        margin-bottom: 20px;
    }

    .vac-block{
        background: #FBF8EF;
        height: unset;
        width: 48.387%;
        margin-bottom: 20px;
    }

    .vac-block-header{
        max-width: 1240px;
        padding-top: 43px;
        padding-bottom: 22px;
        margin: 0 auto;
    }



    .vac-block-datum{
        margin-top: 42px;
        margin-left: 40px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1.5px;
        line-height: 21px;
    }
    .vac-block-title{
        max-width: 80%;
        margin-top: 7px;
        margin-left: 40px;
        font-size: 34px;
        line-height: 40px;
        min-height: 80px;
    }

    .vac-name-container.nologo{
        margin-left: 40px;
    }

    .vac-block-img{
        margin-top: 3px;
        margin-left: 40px;
        margin-bottom: 42px;
        margin-right: 20px;
    }
    .vac-block-btn{
        height: 47px;
        width: 204px;
        margin-right: 39px;
        line-height: 43px;
        float:right;
        font-family: 'Maven Pro', sans-serif;
        margin-top: 5px;
    }

    .vac-block-bedrijf{
        font-weight: bold;
        font-size: 18px;
        max-width: 160px;
    }
    .vac-block-location{
        font-size: 1em;
        opacity: 0.5;
        max-width: 185px;
    }
    .vac-block .horizontal-line{
        width: 520px;
    }
    .vac-clearfix{
        display: none;
    }

    .vac-page-title{
        font-size: 26px;
        letter-spacing: 0;
    }
    .vac-title-desk{
        padding: 0;
    }

    .vac-button-desk{
        padding: 0;
    }


/*   companyblocks*/
    .comp-block{
        margin-bottom: 20px;
    }

    .comp-block{
        background: #FBF8EF;
        height: unset;
        width: 48.388%;
        margin-bottom: 20px;
    }
    .comp-block-header{
        max-width: 1240px;
        padding-top: 34px;
        padding-bottom: 22px;
        margin: 0 auto;
    }

    .comp-block-datum{
        margin-top: 42px;
        margin-left: 40px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1.5px;
        line-height: 21px;
    }

    .comp-block-title{
        margin-top: 7px;
        margin-left: 40px;
        font-size: 34px;
        line-height: 40px;
    }
    .comp-name-container.nologo{
        margin-left: 40px;
    }
    .comp-block-img{
        margin-top: 3px;
        margin-left: 40px;
        margin-bottom: 40px;
        margin-right: 20px;
    }
    .comp-block-btn{
        height: 47px;
        width: 204px;
        margin-left: 25px;
        margin-bottom: 40px;
        line-height: 40px;
        float: left;
    }

    .comp-block-btn.nologo{
      margin-left: 25px;
    }
    .comp-block-bedrijf{
        font-weight: normal;
        font-size: 18px;
        max-width: 160px;
    }

    .comp-block-bedrijf.nologo{
        margin-left: 40px;
    }

    .comp-block-location{
        font-size: 1em;
        opacity: 0.5;
        width: 380px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .comp-block .horizontal-line{
        width: 520px;
    }
    .comp-clearfix{
        display: none;
    }
    .comp-page-title{
        font-size: 26px;
        letter-spacing: 0;
    }

    .comp-page-title{
        font-size: 26px;
        letter-spacing: 0;
        padding:0;
    }
    .comp-title-desk{
        padding: 0;
    }
    .comp-button-desk{
        padding: 0;
    }

    .event-block{
        background: rgba(73, 174, 195, 0.1);
        height: unset;
        width: 48.388%;
        margin-bottom: 20px;
        font-family: "Maven Pro", sans-serif;
    }
    .event-block-title{
        margin-top: 28px;
        margin-left: 30px;
        margin-bottom: 10px;
        font-size: 34px;
        line-height: 40px;
    }
    .event-block-btn{
        height: 47px;
        width: 204px;
        margin-left: 20px;
        margin-bottom: 40px;
        background-color: #F29174;
        font-weight: normal;
        line-height: 40px;
        float: left;
    }
    .event-data-time,
    .event-data-map{
        background-color: rgba(33, 88, 114, 0.2);
        width: fit-content;
        color: #2C556A;
        font-size: 12px;
        padding: 6px 10px;
        float: left;
    }
    .event-data-time{
        margin-left: 30px;
    }
    .event-data-map{
        margin-left: 10px;
    }

    .event-data-map .far.fa-map{
        margin-right: 10px;
    }

    .event-data-text p:first-of-type {
        color: #225973;
        float: left;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: 30px;
        font-size: 1em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .event-data-text p {
        display: none;
    }

    .eventtype{
        height: 30px;
        width: 150px;
        color: white;
        font-size: 12px;
        font-weight: bold;
        font-family: "Maven Pro", sans-serif;
    }

}



@media screen and (min-width: 992px){

    .other-vac-container.trainingitem{
        margin-bottom: 59px;
        margin-top: -83px;
    }

    .event-data-text{
        padding: 30px;
    }


    .fullsizeimg{
        height: 240px;
    }
    .square-vacwerk {
        height: 60px;
        width: 60px;
        background-image: -o-radial-gradient(#00ACC0 20%,white 20%);
        background-image: radial-gradient(#215872 20%,white 20%);
        background-position: 0 0;
        background-size: 14px 14px;
        opacity: 0.1;
        right: 0;
        position: relative;
        float: right;
    }

}
@media screen and (min-width: 1300px){
    .square-vacwerk {
        margin-top: unset;
        margin-left: unset;
    }

}

@media screen and (max-width: 1287px) and (min-width: 992px) {
    .vac-block{
        width: 48.388%;
    }
    .vac-title-desk{
        padding-left: 10px;
    }
    .vac-button-desk{
        padding-right: 8px;
    }

    .event-block-title{
        margin-top: 28px;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
        font-size: 23px;
        line-height: 40px;
    }

    .event-data-text{
        color: #225973;
        float: left;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: 30px;
        font-size: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }


/*   companyblocks */
    .comp-block{
        width: 48.388%;
    }
    .comp-title-desk{
        padding-left: 10px;
    }
    .comp-button-desk{
        padding-right: 8px;
    }
}

@media screen and (max-width: 1287px){
    .vac-block{
        background: #FBF8EF;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .fullsizeimg{
        height: 240px;
    }

    .vac-block-datum{
        color: #F29174;
        font-size: 14px;
        letter-spacing: 1.5px;
        line-height: 19px;
        margin-top: 19px;
        margin-left: 20px;
        margin-right: 88px;
    }

    .vac-block-title{
        font-size: 22px;
        letter-spacing: 0;
        line-height: 30px;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
        word-break: normal;
    }
    .vac-block-img{
        margin-top: 10px;
        margin-left: 25px;
        margin-right: 20px;

    }
    .vac-block-btn{
        margin-top: 30px;
        margin-bottom: 20px;
        height: 45px;
        min-width: 220px;
        float: left;
        line-height: 40px;
        font-family: 'Maven Pro', sans-serif;
        margin-left: 15px;
    }

    .vac-block-btn.nologo{
        margin-left: 5px;
    }

    .vac-block-bedrijf{
        padding-top: 10px;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 18px;
    }
    .vac-name-container.nologo{
        margin-left: 20px;
    }
    .vac-block-location{
        opacity: 0.5;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        max-width: 84px;
    }
    .vac-page-title{
        font-size: 20px;
        letter-spacing: 0;
        padding-bottom: 14px;
    }

    .vac-block-header{
        padding-top: unset;
    }
    .vac-button-desk{
        margin-bottom: 25px;
    }


/*  companyblocks*/
    .comp-block{
        margin: 0 auto;
        margin-bottom: 10px;
        background: #FBF8EF;
    }

    .comp-block-datum{
        color: #F29174;
        font-size: 14px;
        letter-spacing: 1.5px;
        line-height: 19px;
        margin-top: 19px;
        margin-left: 20px;
        margin-right: 88px;
    }


    .comp-block-title{
        font-size: 22px;
        letter-spacing: 0;
        line-height: 30px;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .comp-name-container.nologo{
        margin-left: 20px;
    }
    .comp-block-img{
        margin-top: 10px;
        margin-left: 25px;
        margin-right: 13px;

    }
    .comp-block-btn{
        margin-top: 30px;
        margin-bottom: 20px;
        height: 45px;
        min-width: 220px;
        float:left;
        line-height: 40px;
        margin-left: 10px;
    }

    .comp-block-btn.nologo {
        margin-left: 5px;
    }

    .comp-block-bedrijf.nologo{
        margin-left: 20px;
    }

    .comp-block-bedrijf{
        padding-top: 10px;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 18px;
    }
    .comp-block-location{
        opacity: 0.5;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .werk-margin{
        margin-bottom: 60px;
        font-family: 'Maven Pro', sans-serif;
        font-weight: bold;
    }

    .comp-page-title{
        font-size: 28px;
        letter-spacing: 0;
        padding-bottom: 20px;
    }

    .comp-block-header{
        padding-top: 60px;
    }
    .comp-button-desk{
        margin-bottom: 25px;
    }

    .event-block.mr-40{
        margin: 0;
    }

    .event-block{
        background: rgba(73, 174, 195, 0.1);
        height: unset;
        width: 48.388%;
        margin-bottom: 20px;
        font-family: "Maven Pro", sans-serif;
    }

    .event-block-btn{
        height: 47px;
        width: 204px;
        margin-left: 20px;
        margin-bottom: 40px;
        background-color: #F29174;
        font-weight: normal;
        line-height: 40px;
        float: left;
    }
    .event-data-time,
    .event-data-map{
        background-color: rgba(33, 88, 114, 0.2);
        width: fit-content;
        color: #2C556A;
        font-size: 12px;
        padding: 6px 10px;
        float: left;
    }
    .event-data-time{
        margin-left: 30px;
    }
    .event-data-map{
        margin-left: 10px;
    }

    .eventtype{
        height: 30px;
        width: 150px;
        color: white;
        font-size: 12px;
        font-weight: bold;
        font-family: "Maven Pro", sans-serif;
    }

}

@media screen and (max-width: 992px){

    .maincontainer .md-style .event-block-title {
        font-size: 23px;
    }


    .square-vacwerk {
        height: 60px;
        width: 60px;
        background-image: -o-radial-gradient(#00ACC0 20%,white 20%);
        background-image: radial-gradient(#215872 20%,white 20%);
        background-position: 0 0;
        background-size: 18px 18px;
        opacity: 0.1;
        right: 0;
        position: relative;
        float: right;
    }

    .event-block {
        margin-top: 20px!important;
    }

    .event-block-title{
        margin-top: 28px;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 40px;
    }

    .event-data-text p:first-of-type {
        color: #225973;
        float: left;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: 30px;
        font-size: 1em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .event-data-text p {
        display: none;
    }

    /*werkgever item page max 992*/

    .event-block{
        margin-top: 20px;
    }

    .vac-block .horizontal-line{
        margin-left: 20px;
        margin-right: 11px;
    }

    .vac-button-mob{
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .werk-tekst.head{
        font-size: 24px;
        letter-spacing: 0;
        line-height: 23px;
        margin-bottom: 20px;
        margin-top: 16px;
    }

    .werk-tekst.tekst{
        font-size: 1em;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 40px;
    }

    /*end*/


    .vac-block{
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .vac-title-desk{
        padding-left: 15px;
    }

    .comp-page-title.vac-title-desk{
        margin-top: 44px;
    }

    .vac-block-btn{
        margin-top: 30px;
        margin-bottom: 20px;
        height: 45px;
        min-width: 220px;
        width: 100%;
        max-width: unset;
        float: left;
        line-height: 40px;
        margin-left: unset;
        font-family: 'Maven Pro', sans-serif;
    }
    .comp-block-btn {
        margin-top: 30px;
        margin-bottom: 20px;
        height: 45px;
        min-width: 220px;
        width: 100%;
        max-width: unset;
        float: left;
        line-height: 40px;
        margin-left: unset;
        font-family: 'Maven Pro', sans-serif;
    }

    .wt-button.vac-page-button.last-btn{
        margin-bottom: 60px;
    }




/*    companyblocks*/
    .comp-block{
        width: 100%;

    }
    .comp-title-desk{
        padding-left: 15px;
    }
    .wt-button.comp-page-button.comp-button-mob{
        height: 45px;
        width: 260px;
        margin-left: 15px;
        margin-top: 20px;
    }

    .wt-button.comp-page-button.last-btn{
        margin-bottom: 60px;
    }
}

.wt-button.vac-page-button{
    height: 45px;
    width: unset;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    padding-right: 21px;
    padding-left: 21px;
}


.wt-button.comp-page-button{
    height: 45px;
    width: unset;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    padding-right: 21px;
    padding-left: 21px;
}
@media screen and (min-width: 768px) and (max-width:1200px) {
    .wt-button.vac-page-button {
        font-size: 12px;
    }
}

@media screen and (max-width: 576px){
    .vac-block-bedrijf {
        max-width: 97px;
    }
    .comp-block-bedrijf {
        max-width: 97px;
    }
    .nologo .vac-block-bedrijf {
        max-width: unset;
    }
    .wt-button.vac-page-button.vac-button-mob{
        font-size: 13px;
    }
    .comp-block-location{
        opacity: 0.5;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .comp-name-container{
        width: 38%;
    }

}

@media screen and (min-width: 576px){
  .comp-name-container{
      width: 62%;
  }
}

.wt-button.bold{
    font-family: 'Maven Pro', sans-serif;
    font-weight: bold;
}

.arrowright{
    float: right;
    position: relative;
    top: 13px;
    right: 14px;
}

.eventtype.netwerk,
.eventtype.schooldag,
.eventtype.bedrijfsdag,
.eventtype.beurs,
.eventtype.congress,
.eventtype.training,
.eventtype.overig{
    border: 2px solid;
    text-align: center;
    padding-top: 4px;
    float: right;
    position: relative;
    margin: 20px 20px 0 0;
}

.netwerk{
    background-color: rgba(136, 156, 180, 1);
    color: white;
    border-color: white;
}
.schooldag{
    background-color: rgba(46, 181, 199, 1);
    color: white;
    border-color: white;
}
.bedrijfsdag{
    background-color: rgba(0, 100, 178, 1);
    color: white;
    border-color: white;
}
.beurs{
    background-color: rgba(214, 108, 108, 1);
    color: white;
    border-color: white;
}
.congress{
    background-color: rgba(181, 186, 0, 1);
    color: white;
    border-color: white;
}
.training{
    background-color: rgba(146, 59, 172, 1);
    color: white;
    border-color: white;
}
.overig{
    background-color: rgba(251, 170, 92, 1);
    color: white;
    border-color: white;
}

.orange-date{
    background: #F29174;
    width: fit-content;
    color: white;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
}

.orange-date-overlap{
    background: #F29174;
    width: fit-content;
    color: white;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
}

.md-style .event-block-title{
    margin-top: 28px;
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 34px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    color: white;
}