/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .job_listings{
    list-style: none;
}

.job_listing{
        list-style: none outside;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
        background-color: #FEFEFE;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.21);
    margin-bottom: 15px !important;
    margin-left: 0px!important
}
.job_listing:hover{
    background-color: #eee;
    box-shadow: 0 0 37px 0 rgba(0, 0, 0, 0.21);
    transition: 0.5s;
    
}

.job_listing .position{
    padding: 1em;
    box-sizing: border-box;
}
/* Namespaced fields avoid legacy theme rules that hide keyword/category inputs. */
.mri-job-search .mri-search-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.mri-job-search .mri-search-field {
    min-width: 0;
}
.mri-job-search .mri-search-field input,
.mri-job-search .mri-search-field select {
    width: 100%;
    margin-bottom: 0;
}
@media (max-width: 900px) {
    .mri-job-search .mri-search-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 549px) {
    .mri-job-search .mri-search-fields {
        grid-template-columns: minmax(0, 1fr);
    }
}