vacature css

/*vacature block */

#block-views-block-vacature-block-block-1{
   border-radius: 10px;
    background-color: #FFF;
    margin: 5% 0;
    margin-top: 0;
    padding: 3%;
}

#block-views-block-vacature-block-block-1 footer a{
   color: #242d5d;
}

#block-views-block-vacature-block-block-1 h2{
    color: #242d5d;
    text-align: left;
    padding-bottom: 1%;
    border-bottom: 2px solid #E6E6E8;
}

.vacatures-ol{
    padding-left: 0;
    list-style-type: none;
}

.vacatures-li {
    border-bottom: 2px solid #96d9bb;
    margin-bottom: 3.5%;
    padding: 2.5%;
    height: auto;
}


.vacatures-li h5{
    text-align: left;
}

.vacature-title a{
    color: black;
}


.vacature-place{
    color: black;
    width: 100%;
    margin-top: 5%;
}

.vacature-who a{
    color: #96d9bb;
}
.vacature-when{
    font-style: italic;
}

.view-more, .views-field-view-node{
    background: #96d9bb;
    padding: 1% 2%;
    border-radius: 10px;
    margin-top: 5%;
    width: 35%;
    text-align: center;
}

.view-more a{
    color: #242d5d;
}


/*add vacature*/


.add-vacature{
    height: auto;
    background-color: #96d9bb;
    float: right;
    border-radius: 10px;
    padding: 2%;
}

.add-vacature a{
    color: white;
}

/*alle vacatures*/
.vacature-general img {
    margin-bottom: 5%;
}


.vacature-all-ul{
    list-style-type: none;
}

.vacature-all-li{
    margin-bottom: 2.5%;
    padding: 1%;
}
.vacature-all-title{
text-align: left;
color: black;
 padding-bottom: 1%;
}

.vacature-all-title a{
color: #242d5d;
}



.vacature-all-who a{
    color: #7fc5ad;
}

.vacature-all-when{
    font-style: italic;
}



/*ADD VACATURE PAGE*/

#node-vacature-form .form-text, #node-vacature-form .form-date, #node-vacature-form .form-time{
    width: 100%;
    margin-bottom: 2%;
}


#node-vacature-form .button.button--primary{
    color: #242d5d;
    background-color: #fcee21;
    padding: 1% 2%;
    border: none;
    margin-top: 20em;
}

#node-vacature-form label{
    margin-top: 5%;
}


#node-vacature-form input{
    padding: .75%;
   border: 1px solid #e0e0e0;
   border: none;
    border-bottom: 2px solid #242d5d;
   background: transparent;
   margin-bottom: 5%;
     outline: none;

}


/*publish*/


#node-vacature-form .vertical-tabs .clearfix{
        padding: 2%;
}

#node-vacature-form #edit-publish-on-wrapper input, #node-vacature-form #edit-unpublish-on-wrapper input{
    padding: 2%;
}

#node-vacature-form .vertical-tabs__menu{
    width: 100%;
    margin: 0;
    background: none;
    border: none;
}



#node-vacature-form .vertical-tabs__menu-item .first .last .is-selected{
    background: yellow;
    clear: both;
    width: 100%;
}

.vertical-tabs__menu-item{
    border: none;
    background: none;
}

.vertical-tabs__menu-item:hover{
    border: none;
    background: none;
}
#node-vacature-form .vertical-tabs{
    /*background: yellow;*/
    width: 100%;
    margin: 0;
    padding: 2%;
    position: absolute;
    left: 0;
    border: none;
}

#node-vacature-form #edit-publish-on-wrapper{
    margin-bottom: 2em;
    /*background: red;*/
    width: 45%;
    float: left;
}


#node-vacature-form #edit-unpublish-on-wrapper{
    margin-bottom: 2%;
   /* background: blue; */
    width: 45%;
    margin-left: 55%;
    margin-top: 5em;
}


#node-vacature-form #edit-publish-on-wrapper h4,#node-vacature-form #edit-unpublish-on-wrapper h4{
    text-align: left;
}

#node-vacature-form #edit-publish-on-wrapper .placeholder, #node-vacature-form #edit-unpublish-on-wrapper .placeholder{
    color: #96d9bb;
}