/*VACANCY OVERVIEW*/
input[type=text]{
}
.vacancy-item a{
    text-decoration: none !important;
}
.vacancy-item {
    padding: 30px;
    margin: 30px 0px;
    position: relative;
    transition: all 500ms ease;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.vacancy-item:not(.first):hover {
    transform: scale(1.02);
}
.vacancy-item h3{
    color: black;
    text-transform: uppercase;
    font-size: 32px;
    padding-bottom: 20px;
}
.vacancy-trigger, .vacancy-subtitle{
    color: black;
}
.vacancy-trigger svg{
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
}
.vacancy-category .form-inputs{
    display: flex;
}
.vacancy-category .form-inputs input{
    height: 52px;
}
.vacancy-subtitle{
    font-weight: bold;
    margin-top: 10px;
}
.vacancy-usps{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    justify-content: flex-start;
    padding-right: 100px;

}
.vacancy-usps div{
    color: #000000;
    margin-right: 10px;
    border: 2px solid black;
    padding: 5px 10px 5px 10px;
}
.vacancy-place, .vacancy-place a{
    background: #4994E8;
    color: black !important;
    border: 2px solid #4994E8 !important;
    font-weight: bold;
}
.vacancy-button{
    background: #4994E8;
    width: 100px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    color: black !important;
    font-weight: bold;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.vacancy-item.first{
    background: linear-gradient(45deg, #4994E8, #0274be);
    color: black;
}
.vacancy-item.first h3{
    color: black;
}
.vacancy-item.first a{
    background: linear-gradient(90deg, var( --e-global-color-cd4479e ) 0%, var( --e-global-color-accent ) 100%);
    color: #4994E8 !important;
    border: 2px solid var( --e-global-color-cd4479e ) !important;
    font-weight: bold;
    padding: 10px 10px 6px 10px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    border-radius: 10px;
}
.vacancy-item .fa{
    color: limegreen;
}

.vacancy-search input{
    width: 70%;
    border-radius: 0;
}
.vacancy-search input.small{
    width: 28%;
    height: 52px;
    background: #4994E8;
    color: black;
}
.vacancy-search h3{
    color: black;
}

.vacancy-category .vacancy-categories h3{
    color: black;
}
.vacancy-category .vacancy-categories span{
    font-weight: bold;
}
.vacancy-category .vacancy-categories{
    margin-top: 20px;
    color: black;
}
.loadmore.vacancybutton{
    background: #0067B3;
    padding: 15px;
    color: black;
    border-radius: 5px;
    font-weight: bold;
}
ul.vacancylist{
    margin-left: 10px;
}
ul.vacancylist a{
    color: black;
    margin-left: 15px;
}
ul.vacancylist a:hover{
    color: black;
}
ul.vacancylist li::marker{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var( --e-global-color-primary );
    content: "\f054";
}
.vacancy-search input{
    display: block !important;
}
/*VACANCY DETAIL*/
#field_7_1{
    display: none;
}
.single-vacancy .ast-container{
    max-width: 1440px !important;
}
.single-vacancy .entry-content{
    margin-top: 210px;
}
.single-vacancy h2{
    font-size: 30px;
    color: black;
}
.vacancy-header{
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.vacancy-template-default .primary{
    margin-top: -150px !important;
}
.vacancy-template-default .primary h1{
    color: black;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.vacancy-template-default .primary .vacancyinfo{
    display: flex;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain h2{
    text-transform: uppercase;
    color: #4994E8;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain{
    width: 65%;
    color: black;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain ul li{
    font-size: 16px;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox h2 {
    color: black;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox ul li{
    color: black;
    font-weight: bold;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox .vacancy-usps div {
    border: 2px solid black;
    color: black;
    margin-bottom: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox{
    border: 1px solid black;
    color: black;
    padding: 50px;
    font-size: 16px;
    padding-bottom: 75px;
}
.watbiedenwij p{
    font-weight: normal;
    font-size: 20px;
}
/*vacature-detail-button*/
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox a,
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden a{
    background: #4994E8;
    color: black !important;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden a {
    float: none;
}
.vacancy-template-default .primary .vacancyinfo .solliciteren-button{
    margin-left: auto;
    float: right;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .quote{
    color: #4994E8;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .sollicitatieformulier h2{
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .sollicitatieformulier{
    margin-bottom: 30px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright{
    width: 35%;
    padding-left: 50px;
    padding-right: 50px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon,
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen,
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden
{
    background: linear-gradient(45deg, #4994E8, #0274be );
    border: 1px solid black;
    padding: 20px;
    margin-bottom: 40px;
    position: sticky;
    top: 100px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent{
    display: flex;
    margin-top: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails
{
    width: 100%;
    padding: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails{
    margin-left: 20px;
    display: flex;
    justify-content: space-between;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen .stap{
    text-align: center;
    padding: 20px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen .stap h3{
    color: #4994E8;
}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{
    font-weight: bold;
}
input.small-vacancy-submit{
    margin-top: 5px;
    width: 100px !important;
    font-weight: bold;
}
.gform_confirmation_message{
    color: black;
}
#gform_confirmation_message_1{
    color: black;
    margin-top: 50px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails a{
    color: black;
    text-decoration: underline;
    font-weight: 700;

}
.contactpersoon-icon{
    margin-top: 5px;
    margin-right: 5px;
}
.contactinfo{
    display: flex;
    flex-direction: column;
}