@import '../../scss/variables.scss';

.job-wrapper {
  font-size: 14px;

  .job-title-wrapper {

    .favorite {
      color: var(--color-primary);
      cursor: pointer;
    }
  }
}

.jobs-container {
  .jobs-page-title {
    margin-bottom: 24px;
  }

  .location-filter {
    .form-control {
      border-radius: 4px;
      border-width: 1px;
    }

    .location-search-button {
      border-radius: 2px;
      cursor: pointer;
    }
  }


  #filter-form {
    .card-header {
      background-color: transparent;
      border: none;
      border-radius: 0;
      cursor: pointer;

      h6 {
        font-size: 15px;
      }
    }

    .card-body * {
      font-size: 14px;
    }

    .form-check {

      input,
      label {
        cursor: pointer;
      }
    }

    .ui-slider-range {
      background-color: $color-primary;
    }
  }
}