@import 'public-booking/main_dependencies';

@mixin step-title-underline {
  border-bottom: 2px solid #e1e1e1;
}

@mixin step-title {
  @include step-title-underline;
  margin-top: 50px !important;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: $bb-page-margin-vertical !important;
}

@mixin main-content {
  display: block;

  margin-left: auto;
  margin-right: auto;

  @include desktop {
    max-width: 940px;
  }

  @include mobile-only {
    max-width: calc(100% - 2 * #{$bb-panel-margin-offset});
  }
}

@mixin panel-heading {
  margin-bottom: 15px;
  border-bottom: none;
  text-align: center;
  color: $brand-primary;
  font-size: $font-size-h2;
}

@mixin step-navigation {
  margin-top: 50px;
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}