.stm_post_comments{
  position: relative;
  margin: 0 0 100px;
  .comment-list{
    border-top: 1px solid #e6e6e6;
    list-style: none;
    padding: 0;
    margin: 0 0 82px;
    li{
      border-top: 1px solid #e6e6e6;
      padding: 30px 0;
      .comment-respond{
        margin-top: 30px;
        .comment-reply-title{
          small{
            font-size: 16px;
          }
        }
      }
      &:last-child{
        padding-bottom: 0;
      }
      &:first-child{
        border: none;
      }
      & > .comment-body{
        position: relative;
        @include cleaner();
        .comment-author{
          float: left;
          margin: 0 24px 0 0;
        }
        &:hover .comment-body .comment-meta{
          .comment-edit-link, .comment-reply-link{
            opacity: 1;
          }
        }
        .comment-body{
          position: relative;
          overflow: hidden;
          .comment-awaiting-moderation{
            display: block;
            color: $stm_secondary_color;
          }
          .comment-meta{
            margin: 0 0 20px;
            @include cleaner();
            cite{
              float: left;
              text-transform: uppercase;
              color: $stm_base_color;
              font-weight: 700;
              font-style: normal;
              line-height: 14px;
              margin: 0 20px 0 0;
              a{
                color: $stm_base_color;
                @include transition();
                text-decoration: none !important;
                &:hover{
                  color: $stm_secondary_color;
                }
              }
            }
            .comment-date{
              float: left;
              font-size: 13px;
              line-height: 15px;
            }
            .comment-edit-link{
              position: relative;
              float: right;
              font-size: 13px;
              padding: 0 0 0 23px;
              margin: 0 30px 0 0;
              opacity: 0;
              @include transition();
              &:before{
                content: "\e94d";
                @include theme_icons();
                position: absolute;
                left: 0;
                top: 0;
                font-size: 12px;
                color: #aaaaaa;
              }
            }
            .comment-reply-link{
              position: relative;
              float: right;
              font-size: 13px;
              padding-left: 23px;
              opacity: 0;
              @include transition();
              &:before{
                content: "\e94c";
                @include theme_icons();
                position: absolute;
                left: 0;
                top: 0;
                font-size: 10px;
                color: #aaaaaa;
              }
            }
          }
          li{
            padding: 0 0 0 14px;
            border-top: none;
          }
          *:last-child{
            margin-bottom: 0;
          }
        }
      }
      .children{
        border-top: 1px solid #e6e6e6;
        list-style: none;
        margin: 30px 0 0;
        padding: 0 0 0 110px;
        li{
          &:last-child{
            padding-bottom: 0;
          }
        }
      }
    }
  }
  .comment-respond{
    .comment-form{
      background: #f7f7f7;
      padding: 40px 40px 20px;
      .form-group{
        margin-bottom: 20px;
        &.comment-form-comment{
          margin-bottom: 30px;
        }
        .button{
          padding-top: 11px;
          padding-bottom: 11px;
        }
      }
      .form-submit{
        display: none;
      }
      textarea.form-control{
        height: 100px;
      }
    }
  }
}