.infolio-asymmetric-portfolio{
  .items{
    margin-top: 120px;
    &.plr-40{
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
    .item{
      .img{
        img{
          width: 100%;
        }
      }
      .cont{
        margin-top: 30px;
        .title{
          color: #1a1a1a;
        }
        .date{
          color: #1a1a1a;
        }
        span{
          display: inline-block;
        }
        .margin-bottom-5{
          margin-bottom: 5px;
        }
        .ml-auto{
          margin-left: auto;
        }
      }
    }
  }
}

@media screen and (max-width: 992px) {
  .infolio-asymmetric-portfolio {
    .items {
      &.plr-40{
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
    }
  }
}

body.tcg-dark-mode {
  .infolio-asymmetric-portfolio{
    .items{
      .item{
        .cont{
          .title{
            color: #FFFFFF;
          }
          .date{
            color: #FFFFFF;
          }
        }
      }
    }
  }
}

@media (prefers-color-scheme: dark) {
  body.tcg-auto-mode {
    .infolio-asymmetric-portfolio{
      .items{
        .item{
          .cont{
            .title{
              color: #FFFFFF;
            }
            .date{
              color: #FFFFFF;
            }
          }
        }
      }
    }
  }
}