@import 'public-booking/main_dependencies';

bb-services {
  display: block;

  .services__title {
    @include step-title;
    border-bottom: none;
    padding-bottom: 0;
  }

}

bb-services.services--variant-1 {
  // Main box for services. Margin is required to align service boxes evenly using every layout.
  .services__view {
    margin-left: -15px;
    margin-right: -15px;
  }

  .services__container {
    height: 100%;
    padding: 0 15px 15px 15px;
    margin-top: 15px;

    @include make-sm-column(6);
    @include make-md-column(4);
  }

  @include desktop-sm-max {
    .services__container {
      padding-bottom: 0;
    }
  }
}

bb-services.services--variant-2 {
  .services__container {
    width: 100%;
    margin-top: $bb-panel-margin-offset;
    @include box-shadow;
  }
}