/* ------------------- */
/* --- HOME - HERO --- */
/* ------------------- */
.dig_hero-wrapper {
  background: url(../assets/dig-hero-home-pc.webp) bottom left / cover no-repeat;
  /* background-attachment: fixed; */
}
.dig_hero-content-wrapper {
  min-height: 60vh;
  display: flex;
  align-items: center;
}
.dig_hero-content h1 {
  color: #112d51;
  font-size: 80px;
  margin: 0;
}
.dig_hero-content h1 span {
  color: #2867c6;
  font-size: inherit;
}
.dig_hero-content span {
  color: #112d51;
  font-size: 40px;
  font-weight: 700;
}

/* --- MOBILE - HERO --- */
@media only screen and (max-width: 600px) {
  .dig_hero-wrapper {
    background: url(../assets/dig-hero-home-mb.webp) center bottom / cover
      no-repeat;
  }
  .dig_hero-content-wrapper {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .dig_hero-content h1 {
    font-size: 40px;
    margin: 0;
  }
  .dig_hero-content span {
    font-size: 20px;
  }
}

/* -------------------- */
/* -- INTRO SECTION --- */
/* -------------------- */
.dig_flex-container {
  display: flex;
  gap: 5vw;
  align-items: center;
}
.dig_firstchild,
.dig_secondchild {
  flex: 1;
}
img.dig_img-intro {
  width: 90%;
}
/* --- MOBILE - INTRO --- */
@media only screen and (max-width: 1024px) {
  img.dig_img-intro {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .dig_flex-container {
    display: flex;
    gap: 5vw;
    align-items: center;
    flex-direction: column-reverse;
  }
  img.dig_img-intro {
    width: 100%;
  }
}

/* ---------------------- */
/* --- OPEN POSITIONS --- */
/* ---------------------- */
/* ------------------------ */
/* --- Search Jobs List --- */
/* ------------------------ */
table.dig--search-results-table {
  font-family: "Open Sans", sans-serif;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  /* margin-bottom: 185px */
  margin-bottom: 10px;
}
table.dig--search-results-table tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid var(--border-blue);
  padding: 8px 10px;
}

/* Global: Target Odd row - please remove if this conflicts with other styles */
table thead,
table tr:nth-child(2n) {
  background: linear-gradient(90deg, #eff5f9 50.08%, #fff 77.5%);
}
.evenrow {
  background: #fff;
}
.oddrow {
  background: linear-gradient(90deg, #eff5f9 50.08%, #fff 77.5%);
}

/* td wrapper */
.dig--head-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  gap: 6px;
  width: 100%;
  height: 100%;
}

.dig--head-content-wrapper {
  align-items: flex-start;
}

/* Job Heading */
.dig--job-heading a {
  text-decoration: none;
  color: var(--secondary-blue);
  transition: var(--primary-transition);
}
.dig--job-heading a:hover {
  color: var(--primary-blue);
}
.dig--job-heading a strong {
  position: relative;
  font-size: 20px;
}
.priority .dig--job-heading a strong {
  /* filter: contrast(200%); */
  /* filter: hue-rotate(50deg); */
  color: #000;
}
.dig--job-location {
  font-size: 16px;
}
.dig--job-location strong {
  position: relative;
  padding-left: 20px;
}
.dig--job-location strong::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 22px;
  width: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M11.0007 11.0423C10.3929 11.0423 9.80997 10.8009 9.3802 10.3711C8.95043 9.94133 8.70898 9.35844 8.70898 8.75065C8.70898 8.14286 8.95043 7.55997 9.3802 7.1302C9.80997 6.70043 10.3929 6.45898 11.0007 6.45898C11.6084 6.45898 12.1913 6.70043 12.6211 7.1302C13.0509 7.55997 13.2923 8.14286 13.2923 8.75065C13.2923 9.0516 13.233 9.3496 13.1179 9.62763C13.0027 9.90567 12.8339 10.1583 12.6211 10.3711C12.4083 10.5839 12.1557 10.7527 11.8776 10.8679C11.5996 10.983 11.3016 11.0423 11.0007 11.0423ZM11.0007 2.33398C9.29885 2.33398 7.66674 3.01002 6.46338 4.21338C5.26002 5.41674 4.58398 7.04884 4.58398 8.75065C4.58398 13.5632 11.0007 20.6673 11.0007 20.6673C11.0007 20.6673 17.4173 13.5632 17.4173 8.75065C17.4173 7.04884 16.7413 5.41674 15.5379 4.21338C14.3346 3.01002 12.7025 2.33398 11.0007 2.33398Z' fill='%23112D51'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* Body Content */
.dig--body-content-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}
/* Job Date and Position */
.dig--job-date span {
  display: block;
  color: var(--secondary-blue);
  padding: 6px 10px;
  border-radius: 50px;
  border: 1px solid var(--secondary-blue);
  font-size: 16px;
}
/* Logo */
.dig--company-logo-wrapper img {
  width: 120px;
  height: 80px;
  object-fit: contain;
}
/* Job table wrapper */
.dig--table-container {
  display: flex;
  margin: 1rem 0;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .dig--table-container {
    /*overflow-x: scroll;*/
    align-items: flex-start;
  }
  table.dig--search-results-table tr {
    font-family: "Open Sans", sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 90vw;
   /* overflow-x: scroll;*/
    padding: 6px 12px;
  }
  .dig--job-heading a strong {
    position: relative;
    font-size: 16px;
  }
  .dig--job-location,
  .dig--job-date span {
    font-size: 14px;
  }
  .dig--body-content-wrapper {
    gap: 15px;
  }
  .dig--company-logo-wrapper img {
    width: 95px;
    height: auto;
    object-fit: contain;
  }
}

/* --------------------- */
/* Search Job Pagination */
/* --------------------- */
.dig--search-results-nav-wrapper {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

section.dig--pagination-flex-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.dig--pagination-wrapper {
  font-family: "Open Sans", sans-serif;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: var(--border-grey); /* pagination "border" color */
  /* float: right; */
  display: inline-flex;
  margin: 1rem 0;
  padding: 1px;
  gap: 1px;
}

.dig--pagination-link:first-child {
  border-top-left-radius: 3.5px;
  border-bottom-left-radius: 3.5px;
}

.dig--pagination-link:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dig--pagination-link,
.dig--pagination-dots {
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  color: var(--font-grey);
  font-size: 16px;
  padding: 6px 12px;
  cursor: pointer;
  transition: 0.2s ease;
}

.dig--pagination-dots {
  cursor: auto;
}

.dig--pagination-link--active {
  background: var(--bg-lgt-blue);
}
.dig--pagination-link:hover {
  background: var(--secondary-color);
}

@media only screen and (max-width: 768px) {
  .dig--search-results-nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .dig--pagination-link,
  .dig--pagination-dots {
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    color: var(--font-grey);
    font-size: 16px;
    padding: 6px 8px;
    cursor: pointer;
    transition: 0.2s ease;
  }
}

/* ----------------- */
/* LOAD MORE - TABLE */
/* ----------------- */
#dig__job_table_body tr.hidden__row {
  display: none;
}
#dig__load_more{
  margin: 2rem auto;
  border: none;
  text-transform: uppercase;
  color: #fff;
  background: var(--primary-blue);
  font-size: 16px;
  border-radius: 5px;
  padding: 10px 20px;
  transition: 0.2s ease;
  cursor: pointer;
  transition: .2s ease;
}
#dig__load_more:hover{
  background: var(--secondary-blue);
}


/* ----------------------- */
/* Legacy Styles(Override) */
/* ----------------------- */
.arrow-link-na,
.paggination-link-na {
  opacity: 0.8;
  cursor: auto;
}

.count-listings {
  margin: 10px 0 0 0;
  float: left;
  font-size: 16px;
  color: var(--font-grey);
}
