bb-journey-opening-hours-modal {

  .journey-opening-hours-modal {
    @include column-flex-container;
    height: 100vh;

    @media (min-width: $screen-sm-min) {
      height: 100%;
    }

    &__content {
      @include column-flex-container;

      flex-grow: 1;
      min-height: 0;
    }

    &__header,
    &__content {
      @media (min-width: $screen-sm-min) {
        padding: spacing(20);
      }

      padding: spacing(14);
    }

    &__header {
      @include flex-row;

      justify-content: space-between;
    }

    &__title {
      font: {
        size: 18px;
      }
      margin: 0;
    }

    &__close {
      @include css-close-icon();
    }

    &__content {
      padding-top: 0;
    }

    &__location {
      font: {
        size: 15px;
        weight: 600;
      }
      line-height: 1.6;
    }

    &__days {
      color: $studio-raven-pale-gray;
      font: {
        size: 15px;
      }
      line-height: 1.6;
      margin: 0;
    }

    &__day {

      &-info {
        @include flex-row;
        justify-content: space-between;
      }
    }

    &__times {
      @include flex-row;
    }

    &__to,
    &__day,
    &__opens,
    &__closes {
      margin: 0;
    }

    &__opens,
    &__to {
      padding-right: spacing(5);
    }

    &__opens {
      align-self: end;
    }

    &__cancel-btn {
      background-color: #ffffff;
      border: border(1, $studio-cyan-blue);
      color: $studio-cyan-blue;
      font: {
        size: 15px;
        weight: normal;
      }
      height: spacing(42);
      width: 100%;
    }
  }
}