@import 'inc/compareitem';

.compare {
  &-products {
    th, td {
      border-bottom: none !important;
    }
  }

  &-item-wrapper {
    @include unitize(width, 280px);
    @include unitize(padding, 15px);
  }

  .table-responsive {
    &.shadowed {
      box-shadow: inset 3px 0 7px 1px rgba(0, 0, 0, 0.2);
    }
  }

  h3 {
    @include unitize(font-size, 38px);
    @include unitize(margin-top, 16px);
    font-weight: 600;
  }

  th {
    border: 0;
  }

  td {
    border: 0;
    border-left: 2px solid $white;

    &.attrib-text {
      text-align: center;
    }
  }

  .table-striped {
    > tbody > tr:nth-of-type(odd) {
      background-color: $white;
    }
    > tbody > tr:nth-of-type(even) {
      background-color: rgba(0,0,0,.05)
    }
  }
}