/* ===== Tidy WP Job Manager search bar on /jobs/ ===== */

/* Lay out the whole filter bar in a flexible row */
.job_listings .job_filters .search_jobs {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    align-items: flex-end;
}

/* Main text fields */
.job_listings .job_filters .search_jobs .search_keywords,
.job_listings .job_filters .search_jobs .search_location,
.job_listings .job_filters .search_jobs .search_categories {
    flex: 1 1 22%;
}

/* Remote checkbox – keep it compact */
.job_listings .job_filters .search_jobs .search_remote_position {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Submit button – natural size, not full width */
.job_listings .job_filters .search_jobs .search_submit {
    flex: 0 0 auto;
}

.job_listings .job_filters .search_jobs .search_submit input[type="submit"] {
    width: auto !important;
    padding: 8px 16px;
}

/* Inputs/selects fill their column nicely */
.job_listings .job_filters .search_jobs input[type="text"],
.job_listings .job_filters .search_jobs select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Job type checkboxes row under the filters */
.job_listings .job_filters .job_types {
    margin-top: 10px;
}

.job_listings .job_filters .job_types li {
    display: inline-block;
    margin: 0 8px 5px 0;
}

/* ===== ALIGN LABELS + INPUT BOXES NEATLY ===== */

/* Wrap each field nicely */
.job_listings .job_filters .search_jobs label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.2;
}

/* Inputs & selects uniform height */
.job_listings .job_filters .search_jobs input[type="text"],
.job_listings .job_filters .search_jobs select {
    height: 40px;
    padding: 6px 10px;
}

/* Checkbox row fixes */
.job_listings .job_filters .search_jobs .search_remote_position {
    padding-top: 22px; /* aligns the checkbox with the other fields */
}

/* Make the Region & Category dropdowns the same height/font */
.job_listings .job_filters .search_jobs select {
    font-size: 14px;          /* same size text */
    font-family: inherit;     /* match site font */
    height: 40px;             /* consistent height */
    padding: 8px 10px;        /* centers text vertically */
    line-height: 1.2;
    box-sizing: border-box;
}
/* Hide WP Job Manager RSS link under job list */
.job_listings .rss_link {
    display: none !important;
}

/* Make Keywords, All Regions and Category look identical */

/* Keywords input */
.job_listings .job_filters .search_jobs .search_keywords input[type="text"],
/* Regions dropdown */
.job_listings .job_filters .search_jobs .search_location select,
/* Category dropdown */
.job_listings .job_filters .search_jobs .search_categories select {
    width: 100% !important;
    font-size: 14px !important;
    font-family: inherit !important;
    padding: 8px 10px !important;
    height: 40px !important;
    line-height: 24px !important;
    box-sizing: border-box;
}
/* ---- Select2 styling for the Regions dropdown ---- */
.job_listings .job_filters .search_jobs .search_location .select2-container--default .select2-selection--single {
    height: 40px !important;
    border: 1px solid #555 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;      /* vertically center the text */
}

/* Text inside the Regions dropdown */
.job_listings .job_filters .search_jobs .search_location .select2-selection__rendered {
    font-size: 14px !important;
    font-family: inherit !important;
    padding-left: 10px !important;
    line-height: 1.2 !important;
}

/* Little arrow on the right */
.job_listings .job_filters .search_jobs .search_location .select2-selection__arrow {
    height: 100% !important;
}
.job_listings .job_filters .search_jobs .search_keywords input[type="text"] {
    font-size: 14px !important;
    font-family: inherit !important;
    height: 40px !important;
    padding: 8px 10px !important;
    box-sizing: border-box;
}
/* --- Make ALL REGIONS line up properly in WP Job Manager filters --- */

/* Set the height of the Select2 box */
.job_listings .job_filters .search_jobs .search_location 
.select2-container--default .select2-selection--single {
    height: 40px !important;
    border: 1px solid #555 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

/* Centre the text inside and match font with other fields */
.job_listings .job_filters .search_jobs .search_location 
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
    font-family: inherit !important;
    padding: 0 26px 0 10px !important;   /* left padding, room on right for arrow */
    line-height: 40px !important;        /* vertically centred */
    box-sizing: border-box;
}

/* Keywords input to match font & height */
.job_listings .job_filters .search_jobs .search_keywords input[type="text"] {
    font-size: 14px !important;
    font-family: inherit !important;
    height: 40px !important;
    padding: 8px 10px !important;
    box-sizing: border-box;
}
/* Make all Select2 dropdowns in the job filters match the other fields */

/* The visible Select2 box */
.job_listings .select2-container .select2-selection--single {
    height: 40px !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* The text inside the Select2 box (e.g. "All Regions") */
.job_listings .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
    font-family: inherit !important;
    padding: 0 26px 0 10px !important;  /* left padding, room for arrow */
    line-height: 40px !important;       /* vertically centre text */
    box-sizing: border-box;
}

/* Make the Colibri header logo bigger */
.h-logo__image,
.h-logo__image_h,
.logo-image,
[class*="style-local-"][class*="-h5-image"] {
    max-height: 120px !important;     /* adjust this number */
    height: auto !important;
    width: auto !important;
}

/* WP Job Manager – remove yellow background (covers li + inner link) */
ul.job_listings li.job_listing,
ul.job_listings li.job_listing a,
ul.job_listings li.job_listing .job_listing-link {
  background: #f7f7f7 !important;
}
/* Make featured/first images on single blog posts full width */
.single-post .entry-content img,
.single-post .hentry img,
.single-post img.wp-post-image {
    width: 100% !important;
    height: auto !important;
}