/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/hero/hero-single/src/hero-single.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/hero/hero-single/src/hero-single.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row:has(.twz-hero--single) {
  padding-bottom: 0;
  max-width: 100%;
}

.twz-hero--single {
  --text-color: var(--text-color-dark);
  position: relative;
}
.twz-hero--single .twz-hero__wrapper {
  padding-top: var(--paddingTop, var(--padding-default));
  width: calc(100% - var(--row-margin-inline));
  max-width: var(--row-maxwidth);
  margin: 0 auto;
}
.twz-hero--single .twz-hero__content .label {
  text-transform: capitalize;
  margin-bottom: 1rem;
}
.twz-hero--single .twz-hero__content .label:has(.slash) {
  margin-bottom: 2rem;
}
.twz-hero--single .twz-hero__content .label .slash {
  --amount-offset: 3em;
  left: calc(var(--amount-offset) / 2);
}
.twz-hero--single h1,
.twz-hero--single h2,
.twz-hero--single h3,
.twz-hero--single h4,
.twz-hero--single h5,
.twz-hero--single h6 {
  --text-color: var(--text-color-dark);
}
.twz-hero--single .meta-fields {
  color: var(--text-color);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3rem;
  padding: 3rem 0;
}
.single-blog .twz-hero--single .meta-fields {
  gap: 0;
}
.twz-hero--single .meta-fields .meta-field {
  display: inline-block;
}
.single-blog .twz-hero--single .meta-fields .meta-field:last-of-type {
  margin-left: 0.3em;
}
@media (max-width: 767px) {
  .single-vacancy .twz-hero--single .meta-fields .meta-field {
    width: 100%;
  }
}
.twz-hero--single .description {
  padding: 3rem 0 0 0;
}
.twz-hero--single .description h3 {
  margin-bottom: 1em;
}
.twz-hero--single .twz-share {
  position: absolute;
  right: 3rem;
  top: 1rem;
}
@media (max-width: 767px) {
  .twz-hero--single .twz-share {
    top: calc(var(--paddingTop, var(--padding-default)) * -1);
    translate: 0 -20%;
    right: 1rem;
  }
  .twz-hero--single .twz-share svg path,
  .twz-hero--single .twz-share svg polygon {
    fill: var(--white);
  }
}
.twz-hero--single .twz-text {
  color: var(--text-color);
}