/* Shared layout for career detail pages. */
.wrapper1 .career-detail-container {
  width: calc(100% - 60px) !important;
  max-width: 1400px;
}

#content article.job-description > h3 {
  margin: 2.2em 0 0.85em;
  padding: 0.55em 0.8em;
  border-left: 4px solid #860002;
  background: #303030;
  color: #f4f4f4;
  line-height: 1.3;
}

#content article.job-description > h3 + p {
  margin-top: 0.4em;
}

#content article.job-description ul.job-list {
  list-style: none;
  margin: 0 0 1.7em;
  padding: 0;
}

#content article.job-description ul.job-list li {
  position: relative;
  margin: 0;
  padding: 0.7em 0.9em 0.7em 2.25em;
  border-bottom: 1px solid #454545;
  background: #292929;
  color: #e4e4e4;
  line-height: 1.55;
}

#content article.job-description ul.job-list li:nth-child(even) {
  background: #303030;
}

#content article.job-description ul.job-list li::before {
  content: "";
  position: absolute;
  left: 0.85em;
  top: 1.23em;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid #c04a42;
  background: transparent;
}

@media (max-width: 736px) {
  .wrapper1 .career-detail-container { width: calc(100% - 32px) !important; }
  #content article.job-description > h3 { margin-top: 1.6em; }
  #content article.job-description ul.job-list li { padding-right: 0.55em; }
}

/* Introduction and application panel on career detail pages. */
#content article.job-description > p {
  color: #e0e0e0;
  line-height: 1.65;
}

#content article.job-description .job-lead {
  margin: 1.4em 0 1em;
  padding: 1em 1.2em;
  border-left: 4px solid #860002;
  background: #303030;
  color: #f4f4f4;
  font-size: 1.08em;
  line-height: 1.55;
}

#content article.job-description .job-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin: 1.5em 0 2em;
  color: #f1f1f1;
}

#content article.job-description .job-facts > div {
  min-width: 13em;
  flex: 1 1 13em;
  margin: 0;
  padding: 0.8em 1em;
  border: 1px solid #454545;
  background: #292929;
}

#content article.job-description .job-facts dt {
  margin-bottom: 0.25em;
  color: #d18781;
  font-size: 0.82em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#content article.job-description .job-facts dd {
  margin: 0;
  color: #f4f4f4;
  font-weight: 700;
}

#content article.job-description .job-application {
  margin: 2.7em 0 1.3em;
  padding: 1.4em 1.6em 1.6em;
  border-top: 3px solid #860002;
  background: #2c2c2c;
  color: #e3e3e3;
  line-height: 1.65;
}

#content article.job-description .job-application h3 {
  margin: 0 0 0.8em;
  color: #fff;
}

#content article.job-description .job-application p {
  margin-bottom: 0.8em;
  color: #e3e3e3;
}

#content article.job-description .job-application a:not(.button) {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

#content article.job-description .job-application address,
#content article.job-description .job-application .job-address {
  display: block;
  width: fit-content;
  margin: 1em 0;
  padding: 0.8em 1em;
  border-left: 2px solid #c04a42;
  background: #363636;
  color: #f2f2f2;
  font-style: normal;
}

#content article.job-description .job-application .job-address + br,
#content article.job-description .job-application .job-address + br + br {
  display: none;
}

#content article.job-description .job-application__closing {
  color: #fff;
  font-weight: 700;
}

#content article.job-description .job-back-link {
  display: inline-block;
  margin-top: 1em;
  border: 1px solid #b7473f;
  background: #740905;
  color: #fff;
  text-decoration: none;
}

#content article.job-description .job-back-link:hover,
#content article.job-description .job-back-link:focus {
  background: #951713;
  color: #fff;
}

@media (max-width: 736px) {
  #content article.job-description .job-application { padding: 1.1em; }
  #content article.job-description .job-facts > div { min-width: 100%; }
}
