.post-type-archive-jobus_job,
.tax-jobus_job_cat {
  .jbs-job-classic {
    padding: 110px 0 140px;

    @media (max-width: 768px) {
      padding: 80px 0 100px;
    }
  }
}


.jbs-job-classic {
  &.job-listing-three {
    .pagination-wrap {
      p {
        color: rgb(0 0 0 / 70%);
        margin: 0;
      }
    }
  }
}

// Filter Area
.accordion-box {
  &.show {
    display: block;
  }
}

// NOTE: The sidebar filter widget styles (`.filter-area-tab`,
// `.search-form-widget`, `.salary-slider`, filter toggle buttons,
// popup-modal filter overrides, etc.) now live in a single source
// of truth at `main/_sidebar.scss`. Keep new sidebar-filter rules
// there to avoid theme-conflict regressions.

.jbs-w-84 {
  width: 84px !important;
}

.upper-filter {
  position: relative;

  .total-job-found {
    color: rgba($color: #000000, $alpha: 0.4);
  }

  .short-filter .jbs-nice-select {
    min-width: 165px;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 15px 0 15px;
    background: rgba($color: #000000, $alpha: 0.04);
    border: 1px solid rgba($color: #000000, $alpha: 0.05);
    border-radius: 30px;

    &:after {
      right: 14px;
    }

    .list {
      padding: 0;
    }

    .option {
      font-size: 1em;
    }
  }

  .jbs-layout-changer-btn {
    width: 35px;
    height: 35px;
    line-height: 15px;
    color: var(--black_400, #848d95);
    font-size: 18px;
    border: 1px solid var(--black_400, #848d95);
    display: none;

    &:hover {
      color: #fff;
      background: var(--jbs-brand_color_1);
      border-color: var(--jbs-brand_color_1);
    }

    &.active {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

.jbs-bg-color .upper-filter .jbs-nice-select {
  background: transparent;
  border-color: var(--jbs-brand_color_2);
}

.jbs-bg-color .upper-filter .jbs-layout-changer-btn {
  border-color: var(--jbs-brand_color_2);
  background: var(--bs-white, #fff);
}

// Job Listing One
.job-listing-wrapper {
  position: relative;

  &.border-wrapper {
    border: 1px solid #DBE8E5;
    border-radius: 10px;
    overflow: hidden;
  }

  .job-list-one:last-child {
    border-bottom: none !important;
  }

  .job-title {
    a {
      &:hover {
        text-decoration: none !important;
      }
    }
  }
}

.job_specifications_area {
  .jod_list_title_area {
    flex-basis: 30%;
  }

  .jod_list_meta_area {
    text-align: center;
    flex-basis: 30%;
  }

  .jod_list_cat_area {
    text-align: center;
    flex-basis: 20%;
  }

  .jod_list_btn_area {
    flex-basis: 20%;
  }
}

.jbs-job-listing-widget {
  a {
    font-size: 16px;
  }
}

.job-list-one {
  background: var(--bs-white);
  padding: 42px 35px;
  border-radius: 10px;

  .expertise {
    color: #aaaaaa;
  }

  &.bottom-border {
    border-bottom: 1px solid #DBE8E5;
    border-radius: 0;
  }

  &.border-style {
    border: 1px solid #DBE8E5;
  }

  .logo {
    max-width: 60px;
  }

  .title {
    font-size: 19px;
    color: #000;
    line-height: 1.5em;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 0;

    &:hover {
      color: var(--jbs-brand_color_4);
    }
  }

  .split-box1 {
    width: calc(100% - 60px);
    padding-left: 30px;
    display: flex;
    flex-flow: column;

    .title {
      width: 100%;
      margin-left: 0;
    }
  }

  .job-duration {
    font-size: 15px;
    color: var(--jbs-brand_color_4);
    text-transform: capitalize;
    display: inline-block;

    &:hover {
      text-decoration: underline;
    }

    &.part-time {
      color: #FF6060;
    }
  }

  .job-date {
    color: rgba($color: #000000, $alpha: 0.5);

    a {
      font-weight: 500;
      color: #000;

      &:hover {
        text-decoration: underline;
      }
    }
  }

  .job-location a {
    font-size: 15px;
    text-transform: capitalize;
    color: rgba($color: #000000, $alpha: 0.7);

    &:hover {
      color: #000;
      text-decoration: underline;
    }
  }

  .job-category a {
    font-weight: 500;
    color: #000;

    &:hover {
      text-decoration: underline;
    }
  }

  .job-salary {
    font-size: 15px;
    color: #AAAAAA;
    margin: 2px 0 0;

    .expertise {
      text-transform: capitalize;
    }
  }

  a.apply-btn {
    width: 85px;
    line-height: 35px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 17px;
    background: var(--jbs-brand_color_4);

    &:hover {
      background: var(--jbs-brand_color_5);
    }
  }

  &.style-two {
    padding-top: 35px;
    padding-bottom: 35px;
    border: 1px solid var(--black_50);

    .apply-btn {
      background: var(--jbs-brand_color_1);

      &:hover {
        background: var(--jbs-brand_color_4);
      }
    }

    .title:hover {
      color: var(--jbs-brand_color_1);
    }
  }

}

.jbs-container .job-list-one,
.job-list-two {
  .apply-btn {
    color: #fff;

    &:hover {
      color: #fff;
    }
  }
}

// Job Listing Two
.g-control-nav li {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-left: 30px;
  padding-bottom: 6px;
  position: relative;
  cursor: pointer;
  @include transition(0.1s);

  &::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: var(--jbs-brand_color_4);
    opacity: 0;
    @include transition(0.1s);
  }

  &.is-checked:before {
    opacity: 1;
  }

  &.is-checked {
    color: var(--jbs-brand_color_4);
  }

  &:first-child {
    margin-left: 0;
  }
}

.job-list-two {
  padding: 35px 35px 30px;
  background: var(--bs-white);
  border: 1px solid #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  @include transition(0.2s);

  &:hover {
    box-shadow: 0 20px 40px rgba(22, 105, 70, 0.08);
  }

  .logo {
    height: auto;
    max-width: 45px;
  }

  .job-duration {
    font-size: 13px;
    color: var(--jbs-brand_color_4);
    padding: 2px 12px;
    background: #E7F6EF !important;
    border-radius: 3px;
    display: inline-block;

    &.part-time {
      background: rgba($color: #FF5757, $alpha: 0.08) !important;
      color: #FF6060 !important;
    }
  }

  .title {
    font-size: 24px;
    line-height: 1.416em;
    color: #000;

    &:hover {
      color: var(--jbs-brand_color_4);
      text-decoration: none;
    }
  }

  .job-date {
    font-size: 16px;
    color: #AAAAAA;
    margin: 18px 0 65px;
  }

  .job-salary {
    font-size: 16px;
    color: #AAAAAA;
    // margin: 18px 0 65px;
    text-transform: capitalize;
  }

  .job-location a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;

    &:hover {
      text-decoration: underline;
    }
  }

  .apply-btn {
    width: 80px;
    line-height: 27px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 17px;
    background: var(--jbs-brand_color_4);

    &:hover {
      background: var(--jbs-brand_color_5);
    }
  }

  .save-btn {
    // position: absolute;
    // right: 35px;
    // top: 35px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border: 1px solid #D6D6D6;
    color: #CBCBCB;
    background: #fff;

    &:hover {
      background: #E7F6EF;
      border-color: #E7F6EF;
      color: var(--jbs-brand_color_5);
    }
  }

  &.style-two {
    border: 1px solid var(--black_50);

    &:hover {
      background: #F8FDE4;
      border-color: var(--jbs-brand_color_1);
      box-shadow: none;
    }

    .job-duration {
      background: #E7F6EF;
      text-transform: capitalize;
      color: var(--jbs-brand_color_1);
      display: inline-block;

      &.part-time {
        background: rgba($color: #FF5757, $alpha: 0.08);
        color: #FF6060;
      }
    }

    .title:hover {
      color: var(--jbs-brand_color_1);
    }

    .apply-btn {
      background: var(--jbs-brand_color_1);

      &:hover {
        background: var(--jbs-brand_color_4);
      }
    }
  }
}

// Job Listing Three
.job-listing-three.jbs-bg-color {
  background: var(--jbs-box_bg_color);
}

.job-listing-three {
  background: var(--body_bg);

  .job-post-item-wrapper {
    .upper-filter {
      @media(max-width: 767px) {
        flex-wrap: wrap;
        gap: 24px;
      }
    }
  }
}

.jbs-company-profiles,
.jbs-candidates-profile {
  .upper-filter {
    @media(max-width: 767px) {
      flex-wrap: wrap;
      gap: 24px;
    }
  }
}


.company-logo {
  img {
    height: auto;
  }
}

.job-list-three {
  background: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  padding: 28px 40px 30px;
  @include transition(0.2s);

  &:hover {
    box-shadow: 0px 20px 40px rgba(22, 105, 70, 0.08);
  }

  .logo {
    max-width: 45px;
  }

  .main-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;

    .list-header {
      border-bottom: 1px solid #EAEAEA;
      padding-bottom: 30px;
      margin-bottom: 25px;
    }

    .info-wrapper {
      width: calc(100% - 50px);
      padding-left: 22px;
      padding-right: 37px;
    }

    .title {
      font-size: 18px;
      color: #000;
      margin-bottom: 7px;

      &:hover {
        color: var(--jbs-brand_color_1);
      }
    }

    .info-data li {
      font-size: 14px;
      font-weight: 500;
      color: rgba($color: var(--jbs-brand_color_2), $alpha: 0.7);
      position: relative;
      margin-right: 20px;

      &:before {
        content: '.';
        position: absolute;
        right: -10px;
        top: 0;
      }

      &:last-child {
        margin: 0;

        &:before {
          display: none;
        }
      }
    }

    .save-btn {
      position: absolute;
      right: 0;
      top: 0;
      width: 35px;
      height: 35px;
      line-height: 29px;
      border: 1px solid #D6D6D6;
      color: #CBCBCB;
      background: #fff;

      &:hover {
        background: #E7F6EF;
        border-color: #E7F6EF;
        color: var(--jbs-brand_color_5);
      }
    }

    p {
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 25px;
      color: #000;
    }

    .client-status {
      font-size: 14px;
      margin: 0px 10px 0 7px;
    }

    .job-duration {
      font-size: 14px;
      color: var(--jbs-brand_color_4);
      display: inline-block;

      &:hover {
        text-decoration: underline;
      }

      &.part-time {
        color: #FF6060;
      }
    }

    .apply-btn {
      width: 80px;
      line-height: 30px;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 1px;
      color: #fff;
      text-transform: uppercase;
      border-radius: 17px;
      background: var(--jbs-brand_color_1);

      &:hover {
        background: var(--jbs-brand_color_5);
      }
    }
  }
}

// Job Details
.job-company-info {
  border-radius: 20px;
  padding: 50px 20px 30px;
  background: var(--jbs-box_bg_color);

  .logo {
    height: auto;
    display: block;
  }

  .website-btn {
    padding: 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #fff;
    background: var(--jbs-brand_color_2);
    border-radius: 30px;
    text-decoration: none !important;

    &:hover {
      background: var(--jbs-brand_color_1);
    }
  }

  .website-btn-two {
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 15px;
    text-decoration: underline;
    color: #008FDF;

    &:hover {
      color: var(--jbs-brand_color_1);
    }
  }

  .job-meta-data {
    list-style: none;
    padding: 0;

    span {
      font-size: 15px;
      color: rgba(36, 64, 52, 0.6);
      margin-bottom: 8px;
      display: block;
    }

    div {
      font-size: 15px;
      font-weight: 500;
      color: var(--jbs-brand_color_2);
      margin: 4px 0 25px;
      text-transform: capitalize;

      a:hover {
        text-decoration: underline;
        color: var(--jbs-brand_color_2);
      }
    }
  }

  .job-tags {
    margin: 0 -4px;

    a {
      font-size: 12px;
      font-weight: 500;
      color: rgba($color: #000000, $alpha: 0.48);
      line-height: 23px;
      border: 1px solid #768981;
      border-radius: 30px;
      margin: 0 4px 8px;
      padding: 0 11px;
      @include transition(0.2s);

      &:hover {
        background: var(--jbs-brand_color_2);
        border-color: var(--jbs-brand_color_2);
        color: #fff;
      }
    }
  }
}

.jbs-job-details {
  position: relative;
  padding-top: 130px;

  &.style-two {
    background: var(--jbs-box_bg_color);
  }

  p {
    font-size: 17px;
    margin-top: 20px;
    line-height: 1.8;
  }

  .post-date {
    color: rgba($color: #000000, $alpha: 0.5);
    font-size: 16px;

    a:hover {
      text-decoration: underline !important;
    }
  }

  .job-head {
    margin-bottom: 50px;
  }

  .post-title {
    font-size: 36px;
    margin: 10px 0 15px;
    font-weight: 500;
  }

  .share-buttons li {
    margin-right: 8px;

    .share-item {
      font-size: 14px;
      font-weight: 500;
      color: var(--jbs-brand_color_2);
      line-height: 1;
      border-radius: 5px;
      padding: 8px 15px;
      background: var(--jbs_box_bg_color_opt);
      border: none;
      margin: 0;
      display: flex;
      align-items: center;
      cursor: pointer;
      @include transition(0.2s);

      i {
        font-size: 13px;
        margin-right: 7px;
      }

      &:hover {
        background: var(--jbs-brand_color_2);
        color: #fff;
      }
    }
  }

  .post-block.border-style {
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 35px 40px 20px;
  }

  .block-title {
    font-size: 22px;
    margin: 0;
  }

  .block-numb {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: var(--jbs-brand_color_1);
  }

  p {
    a {
      font-weight: 500;
      text-decoration: underline;
      color: #000;
      @include transition(0.2s);

      &:hover {
        color: var(--jbs-brand_color_4);
      }
    }
  }

  .list-type-one li {
    position: relative;
    font-size: 17px;
    margin-top: 20px;
    padding-left: 30px;
    line-height: 1.882em;

    &:before {
      content: "\f26a";
      font-family: bootstrap-icons;
      position: absolute;
      left: 0;
      top: 0;
      color: var(--jbs-brand_color_1);
    }
  }

  .border-style .list-type-one li:before {
    content: "\f633";
  }

  .list-type-two li {
    position: relative;
    font-size: 17px;
    margin-top: 25px;
    padding-left: 18px;

    &:before {
      content: " ";
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #000;
      left: 0;
      top: 9px;
    }
  }

  .job-meta-data-two {
    margin: 0 -10px;

    .bg-wrapper {
      margin: 0 10px 15px;
      border-radius: 60px;
      padding: 45px 35px 50px;

      .icon {
        max-height: 25px;
      }

      span {
        font-size: 15px;
        display: block;
        margin: 48px 0 4px;
        color: rgba($color: var(--jbs-brand_color_2), $alpha: 0.6);
      }

      div {
        font-size: 15px;
        font-weight: 500;
        color: var(--jbs-brand_color_2);
      }
    }
  }

}

// Related Job Slider
.jbs-related-job {
  background: var(--jbs-box_bg_color);

  .jbs-slick-arrow-one {
    position: absolute;
    right: 0;
    top: 17px;
  }
}

.job-application-wrapper {
  background: rgb(0 0 0 / 80%);

  .jbs-modal-dialog {
    max-width: 700px;

    .jbs-modal-content {
      background: var(--jbs_box_bg_color_opt);
      margin: 0;
      border: none;
      border-radius: 20px;
      padding: 40px;

      @media(max-width: 480px) {
        padding: 15px;
      }

      .jbs-modal-header {
        .jbs-modal-title {
          font-weight: 600;
          font-size: 20px;
        }
      }

      .jbs-modal-body {
        padding: 1rem 0;
      }

      .job-application-form {
        label {
          display: inline-block;
          font-size: 14px;
          font-weight: 500;
          color: var(--jbs-brand_color_1);
        }

        .jbs-form-control {
          border: 1px solid var(--black_75, #e9e9e9);
          font-size: 14px;
          font-weight: 400;
          line-height: 2;
          padding-left: 20px;

          &:focus {
            border-color: var(--jbs-brand_color_1);
            box-shadow: none;
          }

          // input filed type file style


          &.upload-cv {
            padding-left: 12px;
            padding: 0px;
          }
        }

        .btn {
          margin-top: 10px;
          padding: 10px 40px;

          &:focus {
            box-shadow: none;
          }
        }
      }


    }
  }
}

input[type="file"]::-webkit-file-upload-button {
  background: #e9ecef;
  border: 1px solid #e9ecef;
  padding: .775rem .75rem;
  margin-right: 10px;
  cursor: pointer;
  @include transition(0.2s);
}

// Moved from _card.scss, _btn.scss:
.open-job-btn {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: var(--jbs-brand_color_4);
  border: none;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  transition: background 0.3s ease;
  text-decoration: none !important;

  i {
    margin-right: 5px;
  }

  &:hover {
    background: var(--jbs-brand_color_5);
    text-decoration: none !important;
  }
}

.company-list-layout .open-job-btn {
  width: 120px;
  line-height: 31px;
  font-size: 15px;
  color: #00bf58;
  border: 1px solid #00bf58;
  background: #eaf9e9;
  border-radius: 30px;
  padding: 0;
}

.total-job {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -10px;

  .short-info {
    flex: 1 1 200px;
    display: flex;
    align-items: center;
    margin: 10px;

    .icon {
      font-size: 24px;
      color: var(--jbs-brand_color_1);
      margin-right: 10px;
    }

    .text {
      font-size: 16px;
      color: rgba($color: #000000, $alpha: 0.65);
    }
  }

  .view-all-btn {
    margin: 10px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: var(--jbs-brand_color_4);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s ease;

    &:hover {
      background: var(--jbs-brand_color_5);
    }
  }
}

.elementor-widget-container {
  .jbs-job-listing-widget {
    .job-list-one {
      padding-left: 20px !important;
    }
  }
}

.job-list-two {
  .jbs-logo-area {
    margin-bottom: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .logo {
    margin-right: auto;
  }

  .jbs-job-title {
    margin-bottom: 65px;
    margin-top: 16px;

    .title {
      margin-bottom: 18px;
    }
  }
}

// Responsive
@media (max-width: 769px) {
  .job_specifications_area .jod_list_title_area {
    padding: 0;
  }

  .job-post-item-wrapper {
    .accordion-box {
      .job-list-one {
        padding-left: 20px !important;
      }
    }
  }
}

@media (max-width: 575px) {
  .job_specifications_area {
    .jod_list_title_area {
      flex-basis: 100%;
    }

    .jod_list_meta_area {
      padding-top: 20px;
      text-align: start;
      flex-basis: 60%;
    }

    .jod_list_cat_area {
      padding-top: 20px;
      text-align: start;
      flex-basis: 40%;
    }

    .jod_list_btn_area {
      flex-basis: 20%;
    }
  }
}

.wp-block-jobus-shortcode-candidate-archive {
  .jbs-candidate-classic {
    .candidate-profile-card {
      .right-side {
        @media (min-width: 1200px) {
          .jbs-col-xl-4 {
            width: 25%;
          }

          .jbs-col-xl-2 {
            width: 25%;
          }
        }
      }
    }
  }
}

.elementor-widget-container,
.jbs-related-job {

  .jbs-job-tabs-widget,
  .jbs-related-job-slider {
    .job-list-two {
      a.logo {
        margin-bottom: 25px;
      }

      a.title {
        margin-top: 10px;
        display: block;
      }
    }
  }
}