@import 'public-booking/main_dependencies';

bb-event-list-item {

  .event {

    margin-bottom: 20px;
    background-color: #fff;

    .title {
      padding: 15px 15px 0 15px;
      &__spaces {
        font-size: $font-size-small;
        color: #9e9e9e;
      }

      &__spaces--is-complex {
        cursor: pointer;
      }

      &__name {
        font-size: $font-size-h4;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }

    .info {
      padding: 0 15px 15px 15px;
      position: relative;
      &__button {
        width: 100px;
      }

      &__buttons {
        text-align: right;

        @include desktop {
          text-align: initial;
          right: 15px;
          position: absolute !important;
          bottom: 0;
          margin-bottom: 10px;
        }
      }

      &__description {
        margin-bottom: 15px;
        min-height: 150px;
        border-bottom: 1px solid #e6e6e6;
      }

      &__details {
        margin-bottom: 10px;

        @include desktop {
          height: 80px;

        }

        .group {
          @include make-sm-column(6);
          @include make-md-column(6);

          .address {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }

          font-size: 12px;

          div {
            padding-bottom: 5px;
          }
        }

        .date {
          .layout-2 {
            display: none;
          }
        }
      }
    }
  }
}