.job-searchbanner {
  height: 50rem
}
.job-searchbanner::after {
  content: "";
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));
  background: linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.job-searchbanner__content-cta .cta--secondary:focus {
    background: var(--black);
    color: var(--white);
}
.job-searchbanner .background-video {
  min-height: 50rem
}
.job-searchbanner__image {
  min-height: 50rem
}
.job-searchbanner__wrapper {
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}
.job-searchbanner__wrapper .focused .action-button {
  background-color: var(--white)
}
.job-searchbanner__wrapper .focused .action-button::before {
  color: var(--black)
}
.job-searchbanner__wrapper .action-button {
  background-color: rgba(255,255,255,.3)
}
.job-searchbanner__wrapper .action-button::before {
  color: var(--white)
}
.job-searchbanner__wrapper .action-button:hover {
  background-color: var(--white);
  color: var(--black)
}
.job-searchbanner__wrapper .action-button:hover::before {
  color: var(--black)
}
.job-searchbanner__content-cta {
  margin-top: var(--sm-2)
}
.job-searchbanner__content-cta .cta--secondary {
  background: 0 0;
  color: var(--white);
  -webkit-box-shadow: 0 0 0 1px var(--white);
  box-shadow: 0 0 0 1px var(--white)
}
@media (min-width:992px) {
  .job-searchbanner__content {
    padding: 0 var(--sm-1)
  }
  .job-searchbanner__content-text .body {
    max-width: 31rem;
    margin-right: var(--sm-2)
  }
  .job-searchbanner__content-cta {
    margin-top: 0
  }
  .job-searchbanner__content-text .body{
margin-bottom: 0;
}
}
@media (min-width:1400px) {
  .job-searchbanner__content-text .body {
    max-width: 39.5rem
  }
}