/*
Extra classes for the Yoores Vacancy modules
*/


/* Module: yoores search&filter */

div.yoores_searchfilter input::-webkit-input-placeholder { text-transform:uppercase;}
div.yoores_searchfilter input::-moz-placeholder { text-transform:capitalize; }
div.yoores_searchfilter input:-ms-input-placeholder { text-transform:capitalize; }
div.yoores_searchfilter label::first-letter { text-transform: capitalize; }

#_yoores_searchfilter .yoores_itm { display: block; margin: 0 0 3px 0;}
#_yoores_searchfilter label { display: inline-block; margin: 4px 0 0 0; }
#_yoores_searchfilter input[type="text"] { max-width: calc(100% - 14px); }
#_yoores_searchfilter input[type="checkbox"] { margin: 4px 9px 0 0; }


/* Note: In Joomla configure mod_yoores_searchfilter->tab Advanced->Module Class Suffix: _horizontal */
#yoores_searchfilter_horizontal div.yoores_itm {
    display:inline;
    margin: 4px;
}
#yoores_searchfilter_horizontal form {
    margin: 0;
}


/* Module Yoores Header Media For Vacancies  */
div.mod-yoores-headermedia span.job-title, div.mod-yoores-headermedia span.job-worklocation {
    color: white;
}

/* Job details page */
span[class$="-label"] {
    display: inline-block; /* Required for "first-letter" */
}
span[class$="-label"]::first-letter {
    text-transform: capitalize;
}
h2[class^="job-"]::first-letter {
    text-transform: capitalize;
}

h2.job-whatisrequired-heading, h2.job-whatwillyouget-heading, h2.job-whatwillyoudo-heading {
    font-size: 1.5rem;
}

div.item-page section.job-whatisrequired-section, div.item-page section.job-whatwillyouget-section, div.item-page section.job-whatwillyoudo-section, div.item-page section.job-summary-section, div.item-page section.job-info-section, div.item-page section.job-description-section, div.item-page blockquote.job-quote, div.item-page blockquote.job-testimonial, div.item-page div.job-growthpath, div.item-page ul.job-careerpath, div.item-page span.job-subbrand {
    display: block;
    background-color: var(--template-bg-light);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}



/* Apply form */
form#apply #jform_motivatie {
    height: 200px;
    width: 100%;
}

form#apply fieldset {
    margin-bottom: inherit !important;
}

form#apply span.form-control-feedback {
    font-size: 0.75rem;
}