/** 
* Break Points 
*/
/**
* Responsive mixins
*/
/* Variable functions */
/**
* Better Clamp function for fonts etc
*/
.title-and-text__title {
  position: relative;
  margin-bottom: clamp(2.8125rem, 1.6666666667rem + 3.8194444444vw, 6.25rem);
}
@media screen and (max-width: 1023px) {
  .title-and-text__title {
    margin-bottom: 105px;
    padding-bottom: 40px;
  }
}
.title-and-text__page-title {
  position: absolute;
  top: 100%;
  left: 0;
  padding-bottom: 30px;
  color: var(--wp--preset--color--dark);
  font-size: clamp(1.625rem, 1.3333333333rem + 0.9722222222vw, 2.5rem);
  line-height: clamp(2rem, 1.625rem + 1.25vw, 3.125rem);
  letter-spacing: clamp(-0.0625rem, -0.0333333333rem + -0.0243055556vw, -0.040625rem);
  transition: all 0.8s linear;
}
@media screen and (min-width: 1024px) {
  .title-and-text__page-title {
    top: 12px;
    right: 0;
    left: auto;
  }
}
.title-and-text__page-title svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
}
.title-and-text__text {
  max-width: 920px;
}

#careers-title-text .title-and-text__text {
  max-width: 1210px;
}

/*# sourceMappingURL=title-and-text.css.map*/