div:has(> .shophire_page),
main:has(.shophire_page) {
  background: rgb(var(--color-background)) !important;
  color: rgb(var(--color-foreground)) !important;
}

.shophire_page {
  padding: 5em !important;
  width: 100%;
  max-width: var(--page-width);
  margin: 0 auto;
  background: rgb(var(--color-background)) !important;
  color: rgb(var(--color-foreground)) !important;

  .hero_section {
    font-family: var(--font-family__heading) !important;
  }

  .modal-content {
    background: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
    border-color: rgba(var(--color-foreground), 0.2) !important;
  }

  section.talent_community_section .close:hover, section.talent_community_section .close:focus {
    color: rgb(var(--color-foreground)) !important;
  }

  section.job_list_section > div.wrapper > ul.jobs_table > li.job_item:hover {
    background: rgba(var(--color-foreground), 0.1) !important;
  }
  section.job_list_section > div.wrapper > ul.jobs_table > li.jobs_table_filters > div.job-filter-input > input {
    background: rgba(var(--color-foreground), 0.1) !important;
    color: rgb(var(--color-foreground)) !important;
    border-color: rgba(var(--color-foreground), 0.2) !important;
    &::-webkit-input-placeholder {
      color: rgba(var(--color-foreground), 0.5) !important;
    }
    &::-moz-placeholder {
      color: rgba(var(--color-foreground), 0.5) !important;
    }
    &:-ms-input-placeholder {
      color: rgba(var(--color-foreground), 0.5) !important;
    }
    &::-ms-input-placeholder {
      color: rgba(var(--color-foreground), 0.5) !important;
    }
    &::placeholder {
      color: rgba(var(--color-foreground), 0.5) !important;
    }
  }
  section.job_list_section > div.wrapper > ul.jobs_table > li.jobs_table_filters > select {
    background: rgba(var(--color-foreground), 0.1) !important;
    color: rgb(var(--color-foreground)) !important;
    border-color: rgba(var(--color-foreground), 0.2) !important;
  }
  div.wrapper > ul.jobs_table > li.jobs_table_filters {
    display: none !important;
  }
  div.wrapper > div.shophire_navbar > a,
  div.wrapper > div.shophire_header > h1.heading_text,
  div.wrapper > div.shophire_header > div.header_info > div.header_info_item > span,
  div.wrapper > div.shophire_header > .shophire_post_date,
  div.wrapper > div.job_content div#Job-Description__Section > *,
  div.wrapper > div.job_content p,
  div.wrapper > div.job_content span,
  div.wrapper > div.job_content li,
  div.wrapper > div.job_content p > span,
  div.wrapper > div.job_form > h2.text_heading,
  div.wrapper > div.job_form > form > div.shophire_input > label.input_label,
  div.wrapper > div.job_form > form > ul > li.shophire_input > label.input_label,
  div.wrapper > div.job_form > form > div.shophire_input .flex-container .input_label,
  div.wrapper > div.job_form > form > div > div.nested-fields > div.shophire_input .input_label,
  div.wrapper > div.job_form > form > div.shophire_input > div.checkbox-field > label,
  div.shophire_input.boolean > div {
    color: rgb(var(--color-foreground)) !important;
  }
}