.order-ticket {
  &-header,
  &-footer {
    line-height: 20px;
    @include clearfix;
  }

  &-type {
    font-weight: bold;
  }

  &-event-name,
  &-type,
  &-code,
  &-customer-name {
    display: block;
  }

  &-event-name,
  &-code {
    font-size: $font-size-large;
  }

  &-event-name {
    margin-bottom: 5px;
  }

  &-event-date,
  &-event-time,
  &-event-location {
    position: relative;
    padding-left: 2em;

    .fa {
      color: $brand-primary;
      text-align: center;
      position: absolute;
      top: .2em;
      left: 0;
      width: 2em;
    }
  }

  &-event-date,
  &-event-location {
    margin-bottom: 0;
  }

  @media (min-width: $screen-sm-min) {
    &-event-name,
    &-code {
      float: left;
    }

    &-event-time {
      margin-bottom: 0;
    }

    &-type,
    &-customer-name {
      text-align: right;
      float: right;
    }
  }
}