@import 'public-booking/main_dependencies';

.event-page {

  bb-panel-group {
    margin-bottom: $bb-panel-margin-offset;
  }

  // TODO: Erase this if forms will be refactored into panel groups.
  h2, .h2 {
    font-weight: 600;
    font-size: 18px;
  }

  .event-page__booking-form {
    @include form;

    // Taken from bb-panel-group as template cannot use isolated scope now.
    .panel {
      border: solid 1px $panel-border-color;
      display: block;
      box-shadow: get-base-shadow();
      background: $bb-panel-body-background-color;
      padding: $bb-panel-padding * 0.8 $bb-panel-padding $bb-panel-padding * 0.8 $bb-panel-padding;

      .panel-heading {
        padding-bottom: $bb-panel-padding * 0.8;

        h1, h2, h3, h4, h5 {
          font-size: 18px;
          font-weight: 900;
        }
        }
    }
  }

  // TODO: Use bb-step-navigation instead?
  .button-group {
    margin-bottom: 20px;
  }
}