.job-details {
  margin-bottom: var(--md-1)
}
.job-details__text {
  color: var(--base-4)
}
.job-details .share__link .button-label {
  color: var(--base-4)!important
}
.job-details .save-job-btn .tag-text-alt {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  font-weight: var(--button-weight);
  letter-spacing: var(--button-letter-spacing);
  position: relative;
  top: .2rem;
  width: 100%;
  text-wrap: auto;
}
.job-details .save-job-btn .icon {
  font-size: 1.6rem
}
.job-details .tag-text {
  text-transform: uppercase;
  letter-spacing: var(--tag-alt-letter-spacing);
  font-weight: var(--tag-alt-weight);
  color: var(--base-4)!important;
      margin-right: 15px;
}
.job-details .tag-text::after {
  background: var(--primary-3)
}
.job-details__apply-now .cta {
  background: var(--primary-3);
  box-shadow: none;
  border-radius: .8rem;
  padding: var(--sm-4) var(--sm-2)
}
.job-details__apply-now .cta__label {
  color: var(--primary-6)
}
.job-details__apply-now .cta:hover {
  background: var(--primary-7)
}
.job-details__apply-now .cta:focus-visible {
  outline: .2rem solid var(--primary-5);
  outline-offset: -.2rem
}
.job-details .share {
  overflow: visible
}
.job-details .modal .label {
  color: var(--primary-6)
}
@media (min-width:992px) {
  .job-details {
    margin-bottom: 0
  }
}


.job-details.media-card .media-card__cta-wrapper > .cta.cta--text-link{
box-shadow:none;
color: var(--base-4);
}

.job-details.media-card .media-card__cta-wrapper > .cta.cta--text-link .cta__icon{
color: var(--primary-3);
}

.job-details.media-card .media-card__body p a{color: var(--base-4);text-decoration:underline;}




/* jobs reskin */

/* Jobs landing page — styles the design system does not cover yet.
   NOTE: nothing references this file yet; it still needs adding to the page bundle. */

/* Selection count badge inside a facet dropdown button: "Location (2)". */

.jobs .dropdown{
max-width:none;
}
.jobs .dropdown__button-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  margin-left: var(--xs-1);
  padding: 0 0.4rem;
  border-radius: 50%;
  background: var(--primary-2);
  color:#fff !important;
  font-size: var(--body-xs-font-size);
  line-height: 1;

}

/* Result count against each Career Stage option. */
.jobs .dropdown__item-count {
  color: var(--base-2);
  padding-left: var(--sm-4);
    position: absolute;
    right: 1.2rem;
    top: var(--sm-4);
}

 .jobs .dropdown .dropdown__item:has(.submenu) .dropdown__item-count {
  color: var(--base-2);
  padding-left: var(--sm-4);
    position: absolute;
    right: 5.2rem;
}

/* A facet with no options stays in place so the filter grid does not reflow. */
.jobs .dropdown__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.jobs .dropdown--multi-select .dropdown__item label{
width: 100%;
}

.jobs .dropdown .form-field {
    max-width: calc(100% - 3.2rem);
}
.jobs-view-toggle__button {
  padding: var(--xs-2);
  line-height: 0;
}

@media (min-width: 768px) {
  .jobs-results--list .job-feed-card__bottom {
    flex: 0 0 auto;
    justify-content: flex-start;
  }
.jobs-results--list .job-feed-card__bottom , .jobs-results--list .job-feed-card__top{
width:calc(50% - calc(var(--sm-2)))
} 
  .jobs-results--list .job-feed-card{
	min-height:auto;
}
  .jobs-results--list .job-feed-card__tiles {
    flex: 0 0 auto;
    width: 14rem;
  }
.jobs-results--list .job-feed-card__bottom>div {
    width: calc(33.33% - calc(var(--sm-2)*2));
    min-width: auto;
}

}

@media (max-width:767px){
.jobs .blog-list__clear-all{
    margin-top: var(--sm-3);
}
}


.ip3-site-services#ip3-job div#onetrust-consent-sdk{
    display: none;
}