@import '../helpers/helpers';

.special-opening-schedule-item.schedule-item {
  flex-direction: row;

  &__reason  {
    @include make-col(1, 3);
    font-weight: 400;
    padding: 0 15px;
  }

  &__data-time {
    @include make-col(2, 3);
    display: flex;
    justify-content: space-between;
  }

  &__day {
    white-space: nowrap;
  }

  &__time {
    text-align: left;
    white-space: nowrap;
  }

  &__addition-info  {
    font-weight: 500;
    padding: 0 15px;
    margin: 5px 0;
    line-height: 16px;
    font-size: 12px;
  }
}

.store-locator {
  .special-opening-schedule-item.schedule-item {
    &__reason  {
      display: none;
    }

    &__data-time {
      @include make-col(12);
    }

    &__time {
      text-align: left;
    }
  }
}

@include media-breakpoint-up(md) {
  .special-opening-schedule-item.schedule-item {
    &__time {
      text-align: center;
    }
  }
}

@include media-breakpoint-up(lg) {
  .special-opening-schedule-item.schedule-item {
    &__time {
      text-align: right;
    }
  }
}