/* 
 Theme Name:   tci-jobs
 Theme URI:    https://thecorporateinstitute.com/
 Description:  
 Author:       The Corporate Institute
 Author URI:   https://thecorporateinstitute.com/
 Template:     jobclub
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

.site-logo img.custom-logo {
    height: 60px !important;
}
#testimonials,
.job_filters .showing_jobs {
    display: none !important;
}
#tcijobs_form .search_jobs {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
#tcijobs_form .search_jobs div.search_location, #tcijobs_form .search_jobs div.search_keywords, #tcijobs_form .search_jobs div.filter_first, #tcijobs_form .search_jobs div.search_region, #tcijobs_form .search_jobs div.search_categories, #tcijobs_form .search_jobs div.search_submit {
    flex: 0 0 calc(25% - 20px) !important;
}
#tcijobs_form .search_jobs div.search_job_source,
#tcijobs_form .search_jobs div.search_job_location,
#tcijobs_form .search_jobs div.search_job_qualification,
#tcijobs_form .search_jobs div.search_job_domain,
#tcijobs_form .search_jobs div.search_experience {
    flex: 0 0 calc(25% - 20px);
    padding: 0;
    margin: 0 10px;
}
#tcijobs_form .search_jobs div.search_experience {
    flex: 0 0 calc(50% - 20px);
}
.search_job_source #job_source_chosen,
.search_job_location #job_location_chosen,
.search_job_qualification #job_qualification_chosen,
.search_job_domain #job_domain_chosen {
    font-size: 15px;
    padding-left: 10px;
    width: 100%;
    min-height: 44px;
    border: unset;
    border-radius: 6px;
    height: 44px;
    outline-color: #F0844E;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px;
    background: #fff !important;
    box-shadow: none !important;
    height: 44px;
    border-radius: 30px;
}
#job_source_chosen.chosen-container-multi,
#job_location_chosen.chosen-container-multi,
#job_qualification_chosen.chosen-container-multi,
#job_domain_chosen.chosen-container-multi {
    padding-top: 9px;
}
/* ===== Slider ===== */

#experience-slider {
    margin: 22px 8px 15px;
}

#experience-slider.noUi-target {
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: #edf2f7;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.08);
}

#experience-slider .noUi-connect {
    border-radius: 999px;
    background: linear-gradient(90deg,#4f46e5,#3b82f6);
}

/* Handles */

#experience-slider .noUi-handle {
    width: 24px;
    height: 24px;
    top: -7px;
    right: -12px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #3b82f6;
    box-shadow:
        0 4px 12px rgba(59,130,246,.35),
        0 0 0 2px rgba(59,130,246,.15);
    cursor: grab;
    transition: all .25s ease;
}

#experience-slider .noUi-handle:hover {
    transform: scale(1.15);
    box-shadow:
        0 8px 18px rgba(59,130,246,.45),
        0 0 0 6px rgba(59,130,246,.12);
}

#experience-slider .noUi-active {
    cursor: grabbing;
    transform: scale(1.22);
}

#experience-slider .noUi-handle::before,
#experience-slider .noUi-handle::after {
    display: none;
}

/* ===== Selected Range ===== */

.experience-values {
    margin-top: 18px;
    text-align: center;
}

#experience-range-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    padding: 8px 18px;
    border-radius: 999px;
    background: linear-gradient(90deg,#eff6ff,#dbeafe);
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    transition: all .25s ease;
}

#experience-slider:hover + .experience-values #experience-range-label {
    transform: translateY(-2px);
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url("assets/img/chosen-sprite.png") -42px 1px no-repeat;
}
.single_job_listing b {
    font-size: 20px;
    line-height: 140%;
    color: #000;
}
/* Keep rounded corners even when opened */
.select2-container--default.select2-container--open .select2-selection--single {
    border-radius: 22px;
}
@media (max-width: 767px) {
    #tcijobs_form .search_jobs {display: block;}
    #tcijobs_form .search_jobs div.search_job_source, #tcijobs_form .search_jobs div.search_job_location, #tcijobs_form .search_jobs div.search_job_qualification, #tcijobs_form .search_jobs div.search_job_domain, #tcijobs_form .search_jobs div.search_experience {margin:0;margin-bottom:10px;width:100%}
}