.infolio-awards-items{
  .item-title {
    padding: 0 15px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    &.row {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(var(--bs-gutter-y) * -1);
      margin-right: calc(var(--bs-gutter-x) * -.5) !important;
      margin-left: calc(var(--bs-gutter-x) * -.5) !important;
    }
    > div {
      padding: 0 !important;
    }
    .sub-title{
      color: #1a1a1a;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 500;
      line-height: 1.3;
      margin-bottom: 0.2rem;
    }
  }
  .item-line {
    color: #1a1a1a;
    &.row {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(var(--bs-gutter-y) * -1);
      margin-right: calc(var(--bs-gutter-x) * -.5) !important;
      margin-left: calc(var(--bs-gutter-x) * -.5) !important;
    }
    a,a:hover{
      color: inherit;
    }
    a,span{
      display: inline-block;
    }
    padding: 25px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    transition: all .4s;
    z-index: 3;
    > div {
      padding: 0 !important;
      &:last-of-type {
        text-align: right;
      }
    }
    h6 {
      color: #1a1a1a;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.3;
      margin-bottom: 0.2rem;
    }
    .date{
      font-size: 14px;
      opacity: .7;
      margin-left: 15px;
    }
    &:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: #fff;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      z-index: -1;
    }
    &:hover{
      &:after {
        height: 100%;
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .infolio-awards-items {
    .item-line > div:last-of-type {
      text-align: left;
    }
  }
}

body.tcg-dark-mode {
  .infolio-awards-items{
    .item-title {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      .sub-title{
        color: #fff;
      }
    }
    .item-line {
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      h6 {
        color: #fff;
      }
      &:hover{
        color:#0c0c0c ;
        h6{
          color:#0c0c0c ;
        }
      }
    }
  }
}

@media (prefers-color-scheme: dark) {
  body.tcg-auto-mode {
    .infolio-awards-items{
      .item-title {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        .sub-title{
          color: #fff;
        }
      }
      .item-line {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        h6 {
          color: #fff;
        }
        &:hover{
          color:#0c0c0c ;
          h6{
            color:#0c0c0c ;
          }
        }
      }
    }
  }
}