/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.breadcrumb-hero {
  padding: 9.5rem 0;
}
@media screen and (max-width: 640px) {
  .breadcrumb-hero {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 450px) {
  .breadcrumb-hero {
    padding: 4rem 0;
  }
}
.breadcrumb-hero__breadcrumbs {
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 400;
  /*@else if $font-family == 'gs' {

      @if $font-weight == 'l' {
          font-family: 'GeneralSans-light', sans-serif;
          font-weight: 300;
      } @else if $font-weight == 'm' {
          font-family: 'GeneralSans-Medium', sans-serif;
          font-weight: 500;
      } @else {
          font-family: 'GeneralSans-Regular', sans-serif;
          font-weight: 400;
      }
  }*/
  font-size: calc(var(--fs-small-rate) * 2rem);
  line-height: 1.2;
  margin-bottom: 1rem;
  color: white;
}
@media screen and (max-width: 640px) {
  .breadcrumb-hero__breadcrumbs {
    margin-bottom: 2.5rem;
  }
}
.breadcrumb-hero a {
  color: var(--orange);
  text-decoration: underline;
}
.breadcrumb-hero a:hover {
  color: var(--orange-dark);
}
/*# sourceMappingURL=breadcrumb-hero.css.map */