$backorder-description-font-size: 16px;
$backorder-description-line-height: 1.4;
$backorder-description-lines-to-show: 3;

.backorder-item{

  &-products{
    width: 100%;
    @include padding(10px 0 0 0);
    @include font-size($base-font-size);
  }

  &-photo, &-checkoutbox {
    text-align: center;
  }

  &-details {
    &-sku {
      color: $gray;
    }
  }

  &-sku-price, &-value-price {
    text-align: center;
    color: $red;
    font-weight: bold;

    &-uom {
      font-weight: normal;
    }
  }

  &-btn-wrapper {
    text-align: right;
  }

  .vertical-align-top{
    vertical-align: top;
  }
}

@media (max-width: $screen-xs-max) {

  .backorder-item{

    &-description {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: $backorder-description-lines-to-show;
      -webkit-box-orient: vertical;
      @include font-size($backorder-description-font-size);
      line-height: $backorder-description-line-height;
      max-height: $backorder-description-font-size * $backorder-description-lines-to-show * $backorder-description-lines-to-show;
    }

    &-photo,
    &-sku-price,
    &-value-price,
    &-checkoutbox,
    &-btn-wrapper {
      text-align: left;
    }
  }

  .padding-top-15{
    padding-top: 15px;
  }
}