@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.partnerRightsTable {
  color: $black;
  padding-bottom: $hl-2;

  table {
    line-height: 1.75;
    margin: $hl-7 0 0 0;

    th {
      background-color: $grey-light;
      border-bottom: none;
      text-align: center;
      color: $black;
      @include h5();
      padding: .875rem 1rem .875rem 0;
    }

    td {
      position: relative;
      border-bottom-color: rgba($black, 10%);
      padding: .625rem 1rem .625rem 0;
      &:not(:first-child) {
        text-align: center;
      }
    }

    i {
      position: absolute;
      left: 50%;
      top: 50%;
      color: $blue;
      font-size: 1.5rem;
      transform: translate(-50%, -50%);
    }
  }
}

@media screen and (min-width: 413px) and (max-width: 767px) {
  .partnerRightsTable table th {
    &:nth-child(2) {
      min-width: 75px;
    }

    &:nth-child(n + 2) {
      min-width: 100px;
    }
  }
}