.c-jobs {
  --ips-navy: #0A141F;
  --ips-teal: #50C0CD;
  --ips-white: #FFFFFF;
  --ips-white-smoke: #F4F4F4;
  --ips-dark-grey: #1E2022;
  --ips-alloy-gray: #B5BCC7;
  --ips-light-gray: #A9A9A9;
  --ips-placeholder-gray: #8D8D8D;
  --ips-carbon-black: #070B0C;
  --ips-signal-yellow: #fff771;
  --ips-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --ips-gap: 16px;
}

.c-jobs *,
.c-jobs *::before,
.c-jobs *::after {
  box-sizing: border-box;
}

.c-jobs {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  color: var(--ips-dark-grey);
}

.c-jobs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-jobs a {
  text-decoration: none;
}

.c-jobs__hero {
  margin-bottom: 24px;
}

.c-jobs__hero-title {
  font-weight: 400;
  font-size: 38px;
  line-height: normal;
  color: var(--ips-dark-grey);
  margin: 0;
}

.c-jobs__search-bar {
  margin-bottom: 24px;
}

.c-jobs .c-jobs-search.custom-search-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.c-jobs .c-jobs-search__keyword,
.c-jobs .location-search {
  flex: 1;
  position: relative;
}

.c-jobs .keyword-search__input,
.c-jobs .c-jobs-search__location-content.location-search-input {
  display: flex;
  align-items: center;
  background: var(--ips-white);
  border: 2px solid var(--ips-alloy-gray);
  border-radius: 0;
  height: auto;
  padding: 16px 24px;
  gap: 8px;
}

.c-jobs .c-jobs-search__location-content.location-search-input::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cg clip-path='url(%23clip0_44_5210)'%3E%3Cpath d='M5.38338 15.6772C0.842813 9.09472 0 8.41916 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6C12 8.41916 11.1572 9.09472 6.61662 15.6772C6.31866 16.1076 5.68131 16.1076 5.38338 15.6772ZM6 8.5C7.38072 8.5 8.5 7.38072 8.5 6C8.5 4.61928 7.38072 3.5 6 3.5C4.61928 3.5 3.5 4.61928 3.5 6C3.5 7.38072 4.61928 8.5 6 8.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44_5210'%3E%3Crect width='12' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

.c-jobs .keyword-search__input::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.2031 5C13.0767 5.00008 15.4062 7.32953 15.4062 10.2031C15.4062 11.4917 14.9338 12.6764 14.1494 13.5889L14.373 13.8047H15.0059L19 17.8076L17.8076 19L13.8047 15.0059V14.373L13.5889 14.1494C12.6764 14.9338 11.4917 15.4062 10.2031 15.4062C7.32953 15.4062 5.00008 13.0767 5 10.2031C5 7.32948 7.32948 5 10.2031 5ZM10.2031 6.60059C8.20999 6.60059 6.60059 8.20999 6.60059 10.2031C6.60067 12.1962 8.21004 13.8047 10.2031 13.8047C12.1961 13.8046 13.8046 12.1961 13.8047 10.2031C13.8047 8.21004 12.1962 6.60067 10.2031 6.60059Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

.c-jobs .keyword-search__input:focus-within,
.c-jobs .c-jobs-search__location-content.location-search-input:focus-within {
  border-color: var(--ips-teal);
}

.c-jobs input.autocomplete__input {
  background: transparent;
  border: 0;
  outline: 0;
  width: 100%;
}

.c-jobs .c-jobs-search .autocomplete {
  position: static;
}

.c-jobs .c-jobs-search input.autocomplete__input {
  font-size: 14px;
  line-height: 18px;
  color: var(--ips-dark-grey);
}

.c-jobs .c-jobs-search input.autocomplete__input::placeholder {
  color: var(--ips-placeholder-gray);
}

.c-jobs .c-jobs-search__keyword-label,
.c-jobs .c-jobs-search__location-label {
  display: none;
}

.c-jobs .location-search__input-icon--pin {
  display: none;
}

.c-jobs .keyword-search__icon-container,
.c-jobs .icon-container {
  flex-shrink: 0;
}

.c-jobs .keyword-search__icon-container {
  padding-right: 24px !important;
}

.c-jobs .keyword-search__icon-container svg {
  width: 18px;
  height: 18px;
}

.c-jobs .location-search .icon-container {
  padding: 0 !important;
}

.c-jobs .c-jobs-search__button {
  width: 100%;
}

.c-jobs .c-jobs-search .autocomplete .autocomplete__suggestion {
  position: absolute;
  width: calc(100% - 2px);
  top: 100%;
  right: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 300px;
  background: #fff;
  border: 1px solid #ddd;
  overflow: auto;
  z-index: 1;
}

.c-jobs .c-jobs-search .autocomplete .autocomplete__suggestion .keyword__suggestion__item,
.c-jobs .c-jobs-search .autocomplete .autocomplete__suggestion .location-item {
  padding: 6px;
  border-radius: 3px;
  margin: 5px 8px;
  display: flex;
  flex-direction: row;
}

.c-jobs .c-jobs-search .autocomplete .autocomplete__suggestion .keyword__suggestion__item:hover,
.c-jobs .c-jobs-search .autocomplete .autocomplete__suggestion .location-item:hover {
  background-color: #ddd;
  cursor: pointer;
}

/* new */

.c-jobs .c-jobs-search__button-search,
.c-jobs-search .c-jobs-search__button-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: var(--ips-teal, #50C0CD);
  color: var(--ips-carbon-black, #070B0C);
  border: 0;
  cursor: pointer;
  padding: 16px;
  overflow: hidden;
  transition: background-color 0.25s ease-out;
}

.c-jobs .c-jobs-search__button-search-label,
.c-jobs-search .c-jobs-search__button-search-label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: transform 0.25s ease-out;
}

.c-jobs .c-jobs-search__button-search::before,
.c-jobs-search .c-jobs-search__button-search::before,
.c-jobs .c-jobs-search__button-search::after,
.c-jobs-search .c-jobs-search__button-search::after {
  content: "";
  width: 19px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M18.979 12.3222L19 12.3448L18.979 12.3669V12.3716H18.9745L10.7463 21L8.20712 18.3378L13.8966 12.3716H0V8.60633H18.979V12.3222Z' fill='%23070B0C'/%3E%3Cpath d='M16.9202 5.93629L14.381 8.59898L8.72006 2.66269L11.2592 0L16.9202 5.93629Z' fill='%23070B0C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}

.c-jobs .c-jobs-search__button-search::after,
.c-jobs-search .c-jobs-search__button-search::after {
  opacity: 0;
}

.c-jobs .c-jobs-search__button-search:hover,
.c-jobs-search .c-jobs-search__button-search:hover {
  background: var(--ips-signal-yellow, #fff771);
}

:has(.c-jobs,.c-jobs-search) .c-jobs-search__button-search:hover::before,
:has(.c-jobs, .c-jobs-search) .c-jobs-search__button-search:hover .c-jobs-search__button-search-label,
:has(.c-jobs, .c-jobs-search) .c-jobs-search__button-search:hover::after {
  transform: translateX(-27px);
}

:has(.c-jobs, .c-jobs-search) .c-jobs-search__button-search:hover::before {
  opacity: 0;
}

:has(.c-jobs, .c-jobs-search) .c-jobs-search__button-search:hover::after {
  opacity: 1;
}

/* end */

.c-jobs__filter-bar {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.c-jobs .c-jobs-current-searches {
  display: flex;
  align-items: center;
  gap: 20px;
}

.c-jobs .c-jobs-current-searches .jobs-current-searches__tag-list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.c-jobs-current-searches-wrap:not(:has(.jobs-current-searches__tag-list li)) {
  display: none;
}

.c-jobs .jobs-current-searches__title {
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: var(--ips-dark-grey);
}

.c-jobs .jobs-current-searches__tag-close svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.c-jobs .jobs-current-searches__tag-item {
  border: 1px solid var(--ips-alloy-gray);
  padding: 8px 12px;
}

.c-jobs .advanced-search-container.c-jobs-filter {
  background: var(--ips-navy);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 20px;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-group.advanced-search {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 12px 16px;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-group.advanced-search>h3 {
  display: none;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-category-container {
  position: relative;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #F4F4F4;
  border-radius: 2px;
  cursor: pointer;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-header.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-header::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9996 15.3L6.09961 9.37501L7.14961 8.32501L11.9996 13.2L16.8746 8.32501L17.8996 9.40001L11.9996 15.3Z' fill='%232E2D2B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-header.open::after {
  transform: rotate(90deg);
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-header[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #2E2D2B;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-options-list-container {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height 0.3s ease-out;
  background-color: #fff;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-options-list-container.is-expanded {
  max-height: 30rem;
  overflow: auto;
  pointer-events: auto;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-options-list {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  cursor: pointer;
  color: var(--ips-white);
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-option:hover {
  background: rgba(255, 255, 255, 0.08);
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-option>input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #2E2D2B;
  border-radius: 2px;
  flex-shrink: 0;
  cursor: pointer;
  background: transparent;
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-option>input[type="checkbox"]:checked {
  background: var(--ips-teal);
  border-color: var(--ips-teal);
}

.c-jobs .advanced-search-container.c-jobs-filter .filter-option>input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border: 2px solid var(--ips-white);
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translate(2px, 1px);
  margin: 0px auto 0;
}

.c-jobs .advanced-search-container.c-jobs-filter .option-value.text {
  font-size: 14px;
  line-height: 18px;
  color: #2E2D2B;
  flex: 1;
}

.c-jobs .advanced-search-container.c-jobs-filter .option-value.count {
  font-size: 12px;
  color: #2E2D2B;
}

.c-jobs .advanced-search-container.c-jobs-filter .reset-filters {
  padding: 12px 16px;
}

.c-jobs .advanced-search-container.c-jobs-filter .reset-filters__buton {
  background: transparent;
  border: 0;
  color: var(--ips-white);
  cursor: pointer;
  padding: 0;

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.c-jobs .advanced-search-container.c-jobs-filter .reset-filters__buton:hover {
  text-decoration: underline;
}

.c-jobs__main {
  padding-top: 24px;
}

.c-jobs__results-toolbar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 40px;
}

.c-jobs .results-header.c-jobs-list-header {
  display: flex;
  align-items: center;
}

.c-jobs .results-header.c-jobs-list-header .results-header__content {
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: var(--ips-dark-grey);
  margin: 0;
}

.c-jobs .results-header.c-jobs-list-header .results-header__content__from,
.c-jobs .results-header.c-jobs-list-header .results-header__content__to,
.c-jobs .results-header.c-jobs-list-header .results-header__content__total {
  font-weight: 700;
}

.c-jobs .c-jobs-sortby.jobs-sort-by_container,
.c-jobs .c-jobs-radius.jobs-radius_container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  background-color: #F4F4F4;
}

/* :is(:lang(es), :lang(fr-ca)) .c-jobs .c-jobs-sortby.jobs-sort-by_container {
  min-width: 300px;
  justify-content: space-between;
} */

.c-jobs .c-jobs-sortby .jobs-sort-by_label,
.c-jobs .c-jobs-radius .jobs-radius-label {
  font-size: 14px;
  line-height: normal;
  color: var(--ips-dark-grey);
  white-space: nowrap;
  font-weight: 600;
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_wrapper,
.c-jobs .c-jobs-radius .jobs-radius_select_wrapper {
  position: relative;
  min-width: 105px
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_display,
.c-jobs .c-jobs-radius .jobs-radius_select_display  {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

:is(:lang(es), :lang(fr-ca)) .c-jobs .c-jobs-sortby .jobs-sort-by_select_display {
  min-width: 130px
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_display_text,
.c-jobs .c-jobs-radius .jobs-radius_select_display_text {
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
  color: var(--ips-dark-grey);
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_display_icon,
.c-jobs .c-jobs-radius .jobs-radius_select_display_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ips-dark-grey);
  border: none !important;
}

[data-react-component=jobs-sort-by] .jobs-sort-by_select_display_icon svg,
[data-react-component=jobs-radius] .jobs-radius_select_display_icon svg {
  margin-top: -3px !important;
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_options,
.c-jobs .c-jobs-radius .jobs-radius_select_options {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  left: -50%;
  z-index: 10;
  background: var(--ips-white);
  border: 1px solid var(--ips-alloy-gray);
  border-radius: 4px;
  box-shadow: var(--ips-shadow);
  min-width: 160px;
  padding: 4px 0;
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_options[hidden],
.c-jobs .c-jobs-radius .jobs-radius_select_options[hidden] {
  display: none;
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_options [role="option"]
.c-jobs .c-jobs-radius .jobs-radius_select_options [role="option"] {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--ips-dark-grey);
  cursor: pointer;
}

.c-jobs .c-jobs-sortby .jobs-sort-by_select_options [role="option"]:hover,
.c-jobs .c-jobs-sortby .jobs-sort-by_select_options [aria-selected="true"],
.c-jobs .c-jobs-radius .jobs-radius_select_options [role="option"]:hover,
.c-jobs .c-jobs-radius .jobs-radius_select_options [aria-selected="true"] {
  background: var(--ips-white-smoke);
}

.c-jobs__results {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.c-jobs .c-jobs-list-only .card {
  background: transparent;
}

.c-jobs .c-jobs-list-only .card.primary-color .results-list.front {
   display: unset;
}

.c-jobs .c-jobs-list-only .results-list.front {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--ips-gap);
}

.c-jobs .c-jobs-list-only .results-list__item {
  background: var(--ips-white-smoke);
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 20px 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: var(--ips-shadow);
}

.c-jobs .c-jobs-list-only .results-list__item:hover {
  border-color: var(--ips-teal);
}

.c-jobs .c-jobs-list-only .results-list__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.c-jobs .c-jobs-list-only .results-list__item-title {
  margin: 0;
}

.c-jobs .c-jobs-list-only .results-list__item-title--link {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  color: var(--ips-dark-grey);
}

.c-jobs .c-jobs-list-only .results-list__item-title--link:hover {
  color: var(--ips-teal);
}

.c-jobs .c-jobs-list-only .results-list__item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-jobs .c-jobs-list-only .results-list__item-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.c-jobs .c-jobs-list-only .results-list__item-street,
.c-jobs .c-jobs-list-only .results-list__item-employment-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.c-jobs .c-jobs-list-only .results-list__item-street--label__wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.c-jobs .c-jobs-list-only .results-list__item-street--icon,
.c-jobs .c-jobs-list-only .results-list__item-employment-type--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--ips-light-gray);
}

.c-jobs .c-jobs-list-only .results-list__item-street--icon svg,
.c-jobs .c-jobs-list-only .results-list__item-employment-type--icon svg {
  width: 14px;
  height: 14px;
}


.c-jobs .c-jobs-list-only .results-list__item-street--icon svg g,
.c-jobs .c-jobs-list-only .results-list__item-employment-type--icon svg g {
  stroke: #000;
}

.c-jobs .c-jobs-list-only .results-list__item-street--label,
.c-jobs .c-jobs-list-only .results-list__item-employment-type--label,
.c-jobs .c-jobs-list-only .results-list__item-street--more-locations__wrapper > * {
  font-size: 14px;
  line-height: 18px;
  color: var(--ips-dark-grey);
}

.c-jobs .c-jobs-list-only .results-list__item-street--more-locations__wrapper {
  display: flex;
  gap: 2px;
}

.c-jobs .c-jobs-list-only .results-list__item-apply {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  cursor: pointer;
  padding: 16px;

  transition: background-color 0.25s ease-out;
}

.c-jobs .c-jobs-list-only .results-list__item-apply--label {
  color: var(--ips-carbon-black);
  letter-spacing: 0.02em;

  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}


/* 
 */


.c-jobs .c-jobs-list-only .results-list__item-apply::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M18.979 12.3222L19 12.3448L18.979 12.3669V12.3716H18.9745L10.7463 21L8.20712 18.3378L13.8966 12.3716H0V8.60633H18.979V12.3222Z' fill='%23070B0C'/%3E%3Cpath d='M16.9202 5.93629L14.381 8.59898L8.72006 2.66269L11.2592 0L16.9202 5.93629Z' fill='%23070B0C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  transition: opacity 0.25s ease-out;
}

.c-jobs .c-jobs-list-only .results-list__item-apply::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M18.979 12.3222L19 12.3448L18.979 12.3669V12.3716H18.9745L10.7463 21L8.20712 18.3378L13.8966 12.3716H0V8.60633H18.979V12.3222Z' fill='%2350C0CD'/%3E%3Cpath d='M16.9202 5.93629L14.381 8.59898L8.72006 2.66269L11.2592 0L16.9202 5.93629Z' fill='%2350C0CD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  transition: opacity 0.25s ease-out;
}

.c-jobs .c-jobs-list-only .results-list__item-apply::after {
  opacity: 0;
}

/* On hover: shift everything left by the arrow width + gap so ::before slides out and ::after slides in */
.c-jobs .c-jobs-list-only .results-list__item-apply:hover::before,
.c-jobs .c-jobs-list-only .results-list__item-apply:hover .results-list__item-apply--label,
.c-jobs .c-jobs-list-only .results-list__item-apply:hover::after {
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
  transform: translateX(calc(-19px - 0.8rem));
}

.c-jobs .c-jobs-list-only .results-list__item-apply:hover::before {
  opacity: 0;
}

.c-jobs .c-jobs-list-only .results-list__item-apply:hover::after {
  opacity: 1;
}

/*  */
.c-jobs .c-jobs-list-only .results-list__item-apply--icon {
  display: none;
}

.c-jobs .c-jobs-list-only .results-list__item-apply:hover .results-list__item-apply--label {
  color: var(--ips-teal);
}

.c-jobs .c-jobs-list-only .results-list__item-apply:hover::before {
  color: var(--ips-teal);
}

.c-jobs .c-jobs-list-only .results-list__item-distance {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.c-jobs .c-jobs-list-only .results-list__item-distance .results-list__item-distance--icon svg > path {
  fill: #000;
}

.c-jobs .pagination-container.c-jobs-pagination {
  display: flex;
  align-items: center;
}

.c-jobs .pagination-container.c-jobs-pagination .pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.c-jobs .pagination-container.c-jobs-pagination .page-links {
  display: flex;
}

.c-jobs .pagination-container.c-jobs-pagination .pagination__list {
  display: flex;
  align-items: center;
  gap: 4px;
}

.c-jobs .pagination-container.c-jobs-pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  font-size: 14px;
  color: var(--ips-dark-grey);
  border-radius: 4px;
  cursor: pointer;
}

.c-jobs .pagination-container.c-jobs-pagination .page-link:hover {
  background: var(--ips-white-smoke);
}

.c-jobs .pagination-container.c-jobs-pagination .page-link.current-page {
  border: 1px solid var(--ips-dark-grey);
  font-weight: 700;
  cursor: default;
}

.c-jobs .pagination-container.c-jobs-pagination .page-link.not-selectable {
  cursor: default;
}

.c-jobs .pagination-container.c-jobs-pagination .page-link-first.not-selectable,
.c-jobs .pagination-container.c-jobs-pagination .page-link-previous.not-selectable,
.c-jobs .pagination-container.c-jobs-pagination .page-link-next.not-selectable,
.c-jobs .pagination-container.c-jobs-pagination .page-link-last.not-selectable {
  display: none;
}

.c-jobs .pagination-container.c-jobs-pagination .page-link-first,
.c-jobs .pagination-container.c-jobs-pagination .page-link-previous,
.c-jobs .pagination-container.c-jobs-pagination .page-link-next,
.c-jobs .pagination-container.c-jobs-pagination .page-link-last {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ips-alloy-gray);
  border-radius: 4px;
  color: var(--ips-dark-grey);
}

.c-jobs .pagination-container.c-jobs-pagination .page-link svg path {
  fill: var(--ips-dark-grey);
}

.c-jobs .pagination-container.c-jobs-pagination .page-size_text {
  display: none;
}

.c-jobs .pagination-container.c-jobs-pagination .page-size[hidden] {
  display: none;
}

.c-jobs .pagination-container.c-jobs-pagination .page-size {
  display: none;
}

#ada-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.c-jobs .location-search__icon-button,
.c-jobs .location-search__icon-button > svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .c-jobs .advanced-search-container.c-jobs-filter .filter-category-container:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .c-jobs {
    padding: 60px 40px;
  }

  .c-jobs__hero-title {
    font-size: 46px;
  }

  .c-jobs .c-jobs-search.custom-search-box.c-jobs-search__horizontal {
    flex-direction: row;
    align-items: center;
  }

  .c-jobs .c-jobs-search.custom-search-box.c-jobs-search__horizontal .c-jobs-search__keyword {
    flex: 1;
  }

  .c-jobs .c-jobs-search.custom-search-box.c-jobs-search__horizontal .location-search {
    flex: 1;
  }

  .c-jobs .c-jobs-search.custom-search-box.c-jobs-search__horizontal .c-jobs-search__button {
    width: auto;
    flex-shrink: 0;
  }

  .c-jobs .c-jobs-search.custom-search-box.c-jobs-search__horizontal .c-jobs-search__button-search {
    width: auto;
    min-width: 120px;
  }

  .c-jobs .advanced-search-container.c-jobs-filter {
    flex-direction: row;
    align-items: center;
  }

  .c-jobs .advanced-search-container.c-jobs-filter .filter-group.advanced-search {
    flex-direction: row;
    align-items: center;
    flex: 1;
    padding: 0;
    gap: 24px;
  }

  .c-jobs .advanced-search-container.c-jobs-filter .filter-options-list-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    min-width: 220px;
    background: #F4F4F4;
    border: 0;
  }

  .c-jobs .advanced-search-container.c-jobs-filter .reset-filters {
    padding: 0 20px;
    flex-shrink: 0;
    margin-left: auto;
  }

  .c-jobs__results-toolbar {
    flex-direction: row;
    align-items: center;
    /* justify-content: space-between; */
  }

  .c-jobs .c-jobs-list-only .results-list.front {
    grid-template-columns: 1fr 1fr;
    gap: var(--ips-gap);
  }

  .c-jobs .c-jobs-list-only .results-list__item-content {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .c-jobs .c-jobs-list-only .results-list__item-apply {
    flex-shrink: 0;
    align-self: flex-end;
  }

  .c-jobs .c-jobs-radius-wrap {
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  .c-jobs {
    padding: 80px 48px;
  }

  .c-jobs__hero-title {
    font-size: 46px;
  }

  .c-jobs .c-jobs-list-only .results-list.front {
    grid-template-columns: 1fr 1fr;
  }
}



/* MOS CODE */
.c-jobs-search.custom-search-box {
  display: grid;
  gap: 1rem;
}

@media (width > 768px) {
  .c-jobs-search.custom-search-box {
    grid-template-columns: 2fr 1fr;
  }
}

.mos-code .c-jobs-search__keyword-label,
.mos-code .location-search {
  display: none;
}

.c-jobs-search__button .c-jobs-search__button-search {
  height: 100%;
}

.mos-code .c-jobs-search-wrap {
  width: 100%;
}

.mos-code .c-jobs-search input.autocomplete__input::placeholder {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #070B0C;
}

.mos-code .c-jobs-search input.autocomplete__input {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #070B0C;
  background: transparent;
  border: 0;
  outline: 0;
  width: 100%;
}

.mos-code .keyword-search__input {
  padding: 2.4rem;
  background-color: var(--color-white-smoke);
  border-color: var(--color-core-teal);
  border-style: var(--tw-border-style);
  border-width: 2px;
  gap: calc(var(--spacing) * 1);
  align-items: center;
  display: flex;
}

.mos-code .keyword-search__input::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.2031 5C13.0767 5.00008 15.4062 7.32953 15.4062 10.2031C15.4062 11.4917 14.9338 12.6764 14.1494 13.5889L14.373 13.8047H15.0059L19 17.8076L17.8076 19L13.8047 15.0059V14.373L13.5889 14.1494C12.6764 14.9338 11.4917 15.4062 10.2031 15.4062C7.32953 15.4062 5.00008 13.0767 5 10.2031C5 7.32948 7.32948 5 10.2031 5ZM10.2031 6.60059C8.20999 6.60059 6.60059 8.20999 6.60059 10.2031C6.60067 12.1962 8.21004 13.8047 10.2031 13.8047C12.1961 13.8046 13.8046 12.1961 13.8047 10.2031C13.8047 8.21004 12.1962 6.60067 10.2031 6.60059Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

.mos-code .keyword-search__icon-container {
  background-color: transparent;
}

.mos-code .keyword-search__icon-container .icon--svg {
  width: 18px;
  height: 18px;
}

/* MOS COCDE */

.location-permission-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  color: black;
  padding: 2rem;
  border-radius: 0.5rem;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  z-index: 1000;
  box-shadow: 0 0 0 999rem rgba(0, 0, 0, 0.5);
  max-width: 90%;
  width: max-content;
}

.location-permission__close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  color: black;
  font-size: 1.5rem;
  cursor: pointer;
}