/* tag page */

div.tag-page {
  max-width: 800px;
  margin: 20px auto;
  display: block;
  padding-bottom: 200px;
}

#js-tag-edit-form {
  display: none;
}

.tag-page {
  p {
    font-size: 17px;
    line-height: 25px;
    font-family: latoregular;
  }
  .tag-page-header {
    text-align: center;
    h1 {
      font-size: 50px;
      font-family: latolight;
      margin-bottom: 10px;
      margin-top: 30px;
      font-weight: normal;
    }
    p.tag-page-header-title {
      font-size: 22px;
      line-height: 30px;
    }
  }
  .tag-page-documents-list {
    margin-bottom: 30px;
    div.tag-page-document {
      margin: 0 0 50px 0;
      background-color: white;
    }
    .tag-page-document {
      .tag-page-article-info {
        padding: 20px;
        .tag-page-article-info-description {
          margin-bottom: 35px;
        }
        .tag-page-article-info-intro {
          margin-bottom: 35px;
          max-height: 300px;
          overflow: hidden;
          position: relative;
          &::after {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100px;
            content: '';
            background: rgba(255, 255, 255, 0);
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
          }
        }
        .tag-page-article-info-sources {
          font-size: 18px;
          font-family: latomedium;
          float: right;
          margin: 0px;
        }
      }
      .tag-page-article-info-sources span {
        background-color: #ffd800;
        font-family: latoheavy;
        padding: 5px 5px 3px 5px;
      }
      h2 {
        font-family: latomedium;
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 10px 0;
        a {
          background: none;
          color: #333;
        }
      }
    }
  }
  .tag-edit-form {
    textarea {
      width: 100%;
      box-sizing: border-box;
      height: 300px;
      padding: 10px;
    }
    .button {
      margin: 10px 30px 0 0;
    }
  }
}