.theme-info {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0;
  font-size: 16px;
  .theme-data {
    @media (min-width: 700px) {
        display: grid;
        grid-template-columns: 170px auto;
    }
    margin-bottom: 15px;

    .theme-header {
      font-weight: bold;
      font-size: 15px;
    }
    span.pd-date {
      font-size: 14px;
    }
    &.files {
      ul {
        margin: 0;
        padding: 0;
        list-style: none;
        li {
          &:before {
              content: "\e656";
              font-family: "tbico";
              font-size: 15px;
              margin-right: 5px;
          }
        }
      }
    }
  }
}

.theme-info-extra {
  margin: 30px 0 15px;
  @media (min-width: 1200px) {
    display: grid;
    grid-template-columns: 1fr 300px;
    .created-data {
      text-align: right;
    }
  }
  .theme-data {
    display: flex;
    gap: 10px;
  }
  .created-data {
    display: inline-block;
    font-size: 15px;
    margin-top: 3px;
    .theme-header,
    .theme-content {
      display: inline-block;
    }
    .theme-header:before {
      content: "\e660";
      font-family: 'tbico';
      font-size: 20px;
      float: left;
      margin: -5px 10px 0 0;
    }
  }
  .tags-data {
    @media (max-width: 1200px) {
      margin-bottom: 20px;
    }
    .theme-header {
      display: flex;
      gap: 5px;
    }
    .theme-header:before {
      content: "\e02f";
      font-family: 'tbico';
      font-size: 20px;
      float: left;
      margin: -2px 5px 0 0;
    }
    .theme-content {
      text-transform: lowercase;
    }
  }
}