@import 'cards.css';
@import 'sp-reports.css';

.aspect-square {
  aspect-ratio: 1 / 1;
}

.divider-x {
  > * {
    position: relative;
    &:not(:last-child)::after {
      position: absolute;
      content: '';
    }
    @media screen and (min-width: 781px) {
      &:not(:last-child)::after {
        top: 0;
        right: calc(var(--bs-gutter-x) / 2 * -1);
        bottom: auto;
        left: auto;
        width: 1px;
        height: 100%;
        background-color: var(--bs-lightgray);
      }
    }
  }
}

.job-board__breadcrumbs {

  strong {
    color: var(--bs-secondary);
  }
}

.job-board__table {
  border-collapse: separate;
  border-spacing: 0 2rem;

  thead {

    tr {

      th {
        padding: 2rem;
        background: var(--bs-transparent);
        font-weight: 500;
      }
    }
  }

  tbody {
    --bs-border-width: 0;

    tr {
      border-radius: 0.5rem;

      td {
        padding: 2rem;

        &:first-child {
          border-top-left-radius: 0.5rem;
          border-bottom-left-radius: 0.5rem;
        }
        &:last-child {
          border-top-right-radius: 0.5rem;
          border-bottom-right-radius: 0.5rem;
        }
      }
    }

  }
}

.pagination-adbuilder.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: calc(1.305rem + 0.4125vw);
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    list-style: none;
    padding-left: 0;

    .page-item.active {
      .page-link:not(.dots) {
        color: white;
      }
    }
}