/*
Theme Name: Bago Child
Theme URI: https://www.ba-go.nl/
Description: Child theme for Bago Recruitment
Author: Agency 6
Author URI: https://www.agency6.nl/
Template: Divi
Version: 1.0.0
*/

#vacancies-filters .matchcriteria-filters {
    /* border-bottom: 1px solid #e5e5e5; */
    padding: 14px 0;
}

#vacancies-filters .matchcriteria-heading {
    margin: 0 !important;
    padding: 0 !important;
}

#vacancies-filters button.matchcriteria-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-align: left !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #111 !important;
}

#vacancies-filters button.matchcriteria-toggle:hover,
#vacancies-filters button.matchcriteria-toggle:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #111 !important;
}

#vacancies-filters .matchcriteria-name {
    display: block;
}

#vacancies-filters .matchcriteria-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#vacancies-filters .matchcriteria-icon::before {
    content: "+";
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

#vacancies-filters .matchcriteria-filters.is-open .matchcriteria-icon::before {
    content: "-";
}

#vacancies-filters .matchcriteria-options {
    margin-top: 12px !important;
    padding-left: 0 !important;
}

#vacancies-filters .matchcriteria-options[hidden] {
    display: none !important;
}

.matchcriteria-filters {
    margin-bottom: 0px!important;
}

/* OTYS vacaturedetail: bullets herstellen */
#vacancy-article-detail-content .vacancy-item-text ul,
#vacancy-article-detail-content .vacancy-item-text ol {
  margin: 0 0 20px 22px;
  padding-left: 20px;
}

#vacancy-article-detail-content .vacancy-item-text ul {
  list-style: disc;
}

#vacancy-article-detail-content .vacancy-item-text ol {
  list-style: decimal;
}

#vacancy-article-detail-content .vacancy-item-text li {
  display: list-item;
  margin-bottom: 6px;
  line-height: 1.6;
}

@media (max-width: 767.98px) {
    #toggle-vacancies-filters {
        background: #023D70 !important;

    }
}


:root {
    --owp-main-color: #023D70 !important;
}

/* Bago Recruitment - OTYS button netjes onder formulier uitlijnen */
form.form_default.rest-form .form-footer {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-top: 22px !important;
    padding-left: 33.3% !important;
}

/* Zorg dat reCAPTCHA-wrapper geen ruimte inneemt in de flex */
form.form_default.rest-form .form-footer > div {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Verborgen vorige/volgende knoppen echt weg houden */
form.form_default.rest-form .form-footer .hide-button {
    display: none !important;
}

/* Solliciteerknop */
form.form_default.rest-form .form-footer button.vacancy_apply_button {
    margin: 0 !important;
    background-color: #023D70 !important;
    border: 2px solid #023D70 !important;
    color: #ffffff !important;
    padding: 13px 30px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Mobiel */
#vacancy-article-detail .vacancy-header-slider {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Tablet en desktop */
@media (min-width: 768px) {
    #vacancy-article-detail .vacancy-header-slider {
        padding-left: 50px !important;
        padding-right: 50px !important;
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}