/* Helper for getting a color from a map */
/* Helper for setting a color */
.ns-btn {
  --btn-bg-color: #000;
  --btn-label-color: #fff;
  --btn-border-color: var(--btn-bg-color);
  --btn-padding-x: 24px;
  --btn-height: 2.5rem;
  --btn-width: 100%;
  --btn-cursor: pointer;
  --btn-uppercase: uppercase;
  font-family: "Blanka", ui-sans-serif, sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.01313rem;
  text-transform: uppercase;
  text-transform: var(--btn-uppercase) !important;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0 var(--btn-padding-x);
  width: var(--btn-width);
  min-height: var(--btn-height);
  background-color: var(--btn-bg-color);
  color: var(--btn-label-color);
  border: 1px solid var(--btn-border-color);
  border-radius: 8px;
  -webkit-transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
  cursor: var(--btn-cursor);
}
.ns-btn:hover {
  --btn-bg-color: #dfddd2;
  --btn-label-color: #000;
}
.ns-btn:active {
  --btn-bg-color: #9c9a90;
}
.ns-btn:disabled {
  --btn-bg-color: #e9e9e9;
  --btn-label-color: #434343;
  --btn-cursor: default;
}
.ns-btn--secondary {
  --btn-bg-color: #fff;
  --btn-border-color: #000;
  --btn-label-color: #000;
}
.ns-btn--secondary:hover {
  --btn-border-color: var(--btn-bg-color);
}
.ns-btn--subtle {
  --btn-bg-color: transparent;
  --btn-label-color: #000;
}
.ns-btn--link {
  --btn-bg-color: transparent;
  --btn-label-color: #000;
  --btn-border-color: #000;
  --btn-padding-x: 0;
  --btn-width: auto;
  --btn-height: auto;
  --btn-uppercase: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: inherit;
  font-weight: inherit;
  border-width: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--btn-border-color);
}
.ns-btn--link:hover {
  --btn-bg-color: transparent;
  --btn-label-color: #7b7b7b;
  --btn-border-color: #7b7b7b;
}
.ns-btn--icon {
  --btn-bg-color: transparent;
  --btn-padding-x: 0;
  --btn-width: auto;
  --btn-height: auto;
  border-width: 0;
  border-radius: 0;
}
.ns-btn--icon:hover {
  --btn-bg-color: transparent;
}
.ns-btn--sm {
  --btn-height: 2.25rem;
  font-family: "Blanka", ui-sans-serif, sans-serif;
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0125rem;
  text-transform: uppercase;
}
.ns-btn--lg {
  --btn-height: 2.75rem;
}

/* Helper for getting a color from a map */
/* Helper for setting a color */
/*other shade of black used #1C1D1C,#252725, #000*/
/*other shade of light grey used #F4F4F4*/
/* ICONS */
/* svg Icons */
/* Sprite svg Icons */
/* Helper for getting a color from a map */
/* Helper for setting a color */
/*other shade of black used #1C1D1C,#252725, #000*/
/*other shade of light grey used #F4F4F4*/
/* ICONS */
/* svg Icons */
/* Sprite svg Icons */
#careerPage .slide {
  width: 100vw;
  position: relative;
}
#careerPage .slide.hero-container {
  height: 80vh;
}
#careerPage .slide.container .content-col {
  min-height: 80vh;
}
@media (max-width: 1199.98px) {
  #careerPage .slide.container .content-col {
    min-height: unset;
  }
}
#careerPage .slide .content-asset {
  height: 100%;
  width: 100%;
}
#careerPage .btn-click-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 300px;
  cursor: pointer;
}
#careerPage .btn-click-wrapper:hover .viewOpeningsBtn, #careerPage .btn-click-wrapper:active .viewOpeningsBtn {
  color: #000;
  background-color: #ffffff;
  border: 2px solid #000;
}
#careerPage .viewOpeningsBtn {
  width: 300px;
  margin-bottom: 48px;
}
#careerPage .hero-container {
  margin-bottom: 36px;
}
#careerPage .career-page-hero {
  width: 100%;
  height: 100%;
  background-color: #000;
  background: url("https://watchbox-sfcc.imgix.net/careers/careers-hero.jpg?auto=format,compress&cs=srgb&usm=5&usmrad=5&vib=5") no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#careerPage .career-page-hero .career-hero-copy {
  background-color: #ffffff;
  padding: 48px 40px;
  width: 564px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#careerPage .career-page-hero .career-hero-copy .body-lg {
  margin-bottom: 0;
}
#careerPage .career-page-hero .career-hero-copy .heading-md {
  margin-bottom: 12px;
}
@media (max-width: 767.98px) {
  #careerPage .career-page-hero .career-hero-copy {
    width: 314px;
  }
  #careerPage .career-page-hero .career-hero-copy .body-lg {
    margin-bottom: 0;
  }
  #careerPage .career-page-hero .career-hero-copy .scan-next {
    display: none;
  }
}
#careerPage .career-page-slide .content-col {
  margin-top: 36px;
  margin-bottom: 108px;
}
@media (max-width: 1023.98px) {
  #careerPage .career-page-slide .content-col {
    margin-top: 48px;
    margin-bottom: 0px;
    padding-right: 30px;
  }
  #careerPage .career-page-slide .content-col + .content-col {
    margin-top: 20px;
  }
}
#careerPage .career-page-slide .img-col {
  text-align: center;
}
#careerPage .career-page-slide .img-fluid {
  max-height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#careerPage .career-page-slide .img-group {
  max-height: 80vh;
  position: relative;
}
@media (max-width: 1023.98px) {
  #careerPage .career-page-slide .img-group {
    max-height: unset;
  }
}
#careerPage .career-page-slide .img-group .img-placement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  height: 50%;
}
#careerPage .career-page-slide .img-group .img-placement .img-fluid {
  padding-top: 0;
  padding-bottom: 10px;
}
#careerPage .career-page-slide .img-group .img-placement + .img-placement .img-fluid {
  padding-top: 10px;
  padding-bottom: 0;
}
#careerPage .pull-item {
  line-height: 1;
  font-family: "Blanka Expanded", ui-sans-serif, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.02625rem;
  padding: 25px 0;
  margin: 48px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

#bambooJobsContainer {
  margin-bottom: 72px;
}
#bambooJobsContainer .section-heading-container {
  margin-top: 72px;
  margin-bottom: 32px;
  width: 576px;
}
@media (max-width: 1023.98px) {
  #bambooJobsContainer .section-heading-container {
    margin-top: 48px;
  }
}
@media (max-width: 767.98px) {
  #bambooJobsContainer .section-heading-container {
    width: unset;
  }
}
#bambooJobsContainer .job-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #f4f4f4;
  padding: 38px 0px;
}
#bambooJobsContainer .job-list-item .job-link a {
  width: 269px;
}
@media (max-width: 575.98px) {
  #bambooJobsContainer .job-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  #bambooJobsContainer .job-list-item .job-link {
    margin-top: 20px;
    text-align: center;
  }
  #bambooJobsContainer .job-list-item .job-link a {
    width: 100%;
  }
}