.comment-reply-title{
  font-size:1.266rem;
  margin-bottom:0;
}

.comments-area .comment-metadata,
.comments-area .logged-in-as,
.comments-area .comment-author a:hover,
.comment-respond label{
  color:var(--th-color-secondary-base);
}

.comments-area .logged-in-as a,
.comments-area .comment-metadata a{
  color:inherit;
}

.comments-area .comment-author a,
.comments-area .logged-in-as a:hover,
.comments-area .comment-metadata a:hover{
  color:var(--th-color-primary-base);
}

.comment-list,
.comment-list .children{
  list-style:none;
}

.comment-list .children{
  margin-left:0.75rem;
}

.comments-area .comment-list{
  -webkit-padding-start:0;
  margin-left:0;
  padding-left:0;
}

.comment-content a{
  word-wrap:break-word;
}

.comment-content > :last-child{
  margin-bottom:0;
}

.comment-list .comment{
  position:relative;
}

.comments-area .comment-body > * + *,
.comments-area .comment-awaiting-moderation,
.comments-area .comment .comment-respond,
.comments-area .comment-list > * + *,
.comments-area .comment-list .children > *,
.comment-respond .form-submit,
.comment-respond p.comment-form-comment{
  margin-top:2rem;
}

.comments-area .comment-list > * .comment-body{
  background-color:var(--th-color-secondary-lightest);
  border:1px solid var(--th-color-secondary-lighter);
  border-left-width:3px;
  border-radius:2px;
  padding:2rem;
}

.comment-list .bypostauthor > article{
  border-left-color:var(--th-color-accent-base);
}

.comments-area .comment-author .avatar{
  height:56px;
  margin-bottom:0.75rem;
  width:56px;
}

.comments-area .reply a{
  background-color:var(--th-color-white);
  border:1px solid var(--th-color-secondary-light);
  color:var(--th-color-primary-base);
  font-weight:bold;
  padding:0.35em 0.8em;
}

.comments-area .reply a:hover{
  border-color:var(--th-color-accent-dark);
  color:var(--th-color-accent-dark);
}

.comments-area .comment-edit-link:before{
  content:"/";
  padding-right:0.25rem;
}

.comments-area .comment-metadata{
  margin-top:0.25rem;
}

.comments-area .comment-metadata,
.comments-area .reply,
.comment-respond label{
  font-size:var(--th-font-size-xxs);
  text-transform:uppercase;
}

.comment-respond input:not([type="checkbox"]),
.comment-respond textarea{
  width:100%;
}

.comment-respond input[type="checkbox"]{
  vertical-align:middle;
}

.comment-respond input[type="checkbox"] + label{
  margin-bottom:0;
  margin-left:0.25rem;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{
  color:var(--th-color-secondary-base);
  display:block;
  margin-bottom:0.75rem;
}

.comment-list .says,
.comment-respond .comment-form-comment label{
  display:none;
}

.comment-form > p{
  margin-bottom:0;
  margin-top:0.75rem;
}

.comments-area .comment-subscription-form + .comment-subscription-form{
  margin-top:0.5rem;
}

.comments-area .comment-awaiting-moderation{
  background-color:#ffffdf;
  border-left:3px solid rgba(0,0,0,0.1);
  display:inline-block;
  padding:0.5rem;
}

#cancel-comment-reply-link{
  font-weight:normal;
  margin-left:0.5rem;
}

#cancel-comment-reply-link:not(:hover){
  color:var(--th-color-accent-base);
}

@media (min-width: 500px){
  .comment-list .children{
    margin-left:2rem;
  }
  .comments-area .comment-author .avatar{
    left:2rem;
    position:absolute;
    top:2rem;
  }
  .comments-area .children .comment-author .avatar{
    height:40px;
    width:40px;
  }
  .comments-area .comment-meta,
	.comments-area .comment-content{
    padding-left:calc(56px + 0.75rem);
  }
  .comments-area .children .comment-meta,
	.comments-area .children .comment-content{
    padding-left:calc(40px + 0.75rem);
  }
  .comments-area .reply{
    margin-top:0;
    position:absolute;
    right:2rem;
    top:2rem;
  }
  .comment-respond p.comment-form-url,
    .comment-respond p.comment-form-author,
    .comment-respond p.comment-form-email{
    float:left;
    margin-bottom:2rem;
    width:32%;
  }
  .comment-respond p.comment-form-author,
    .comment-respond p.comment-form-email{
    margin-right:2%;
  }
  .comment-respond input.submit{
    width:auto;
  }
  .comment-respond .form-submit{
    clear:both;
  }
}