.comments-area .comments-title,
.comments-area .comment-reply-title,
.comments-area .comment-author .fn,
.comments-area .reply{
  font-weight:400;
}

.comments-area .says,
.comment-form-comment label{
  display:none;
}

.comments-area .reply a:not(:hover),
.comments-area .comment-metadata,
.comment-respond .comment-notes,
.comments-area .comment-navigation a{
  color:var(--color-secondary-base);
}

.comments-area .comment-author .fn,
.comments-area .comment-meta a{
  color:inherit;
}

.comments-area .comment-subscription-form,
.comments-area .post-subscription-form,
.comments-area .comment-metadata,
.comments-area .form-allowed-tags,
.comments-area .logged-in-as,
.comments-area .comment-notes,
.comments-area .reply{
  font-size:0.889rem;
}

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

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

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

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

.comments-area .comment-list > * + *,
.comments-area .comment-list .children > *{
  padding-top:2rem;
}

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

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

.comment-list .avatar{
  border-radius:50%;
  height:60px;
  left:0;
  position:absolute;
  top:0;
  width:60px;
}

.comment-list .comment-author,
.comment-list .comment-metadata{
  padding-left:82px;
}

.comments-area .comment-content{
  background-color:var(--color-secondary-lightest);
  border-radius:2px;
  padding:25px;
  position:relative;
}

.comments-area .comment-content:after,
.comments-area .bypostauthor .comment-content:before{
  border-style:solid;
  border-width:0 10px 10px;
  content:'';
  display:block;
  left:18px;
  position:absolute;
  width:0;
}

.comments-area .comment-content:after{
  border-color:var(--color-secondary-lightest) transparent;
  top:-10px;
  z-index:1;
}

.comments-area .comment-content blockquote:before{
  background:var(--color-secondary-lighter);
}

.comments-area .bypostauthor .comment-content{
  background-color:var(--color-white);
  border:2px solid var(--color-accent-base);
}

.comments-area .bypostauthor .comment-content:after{
  border-color:var(--color-accent-base) transparent;
}

.comments-area .bypostauthor .comment-content:before{
  border-color:var(--color-white) transparent;
  top:-7px;
  z-index:2;
}

.comments-area .bypostauthor .comment-content blockquote:before{
  background-color:var(--color-white);
}

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

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

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

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

.comment-form > p:first-of-type{
  margin-top:0.75rem;
}

.comment-respond p.comment-form-url label,
.comment-respond p.comment-form-author label,
.comment-respond p.comment-form-email label{
  color:var(--color-secondary-base);
  display:block;
  line-height:1.25;
  margin-bottom:0.5rem;
}

.comment-respond span.required{
  color:var(--color-red);
}

.comment-form-fields div.comment-form-input input{
  height:auto;
}

.comments-area .comment-awaiting-moderation{
  -webkit-box-shadow:6px 0 0 yellow, -6px 0 0 yellow;
  background:yellow;
  box-shadow:6px 0 0 yellow, -6px 0 0 yellow;
  display:inline-block;
  font-weight:bold;
}

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

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

.comments-area .comment-body h1,
.comments-area .comment-body h2,
.comments-area .comment-body h3,
.comments-area .comment-body h4,
.comments-area .comment-body h5,
.comments-area .comment-body h6{
  margin-bottom:1rem;
}

@media (min-width: 500px){
  .comment-list .children{
    margin-left:2rem;
  }
  .comment-respond p.comment-form-url,
    .comment-respond p.comment-form-author,
    .comment-respond p.comment-form-email{
    float:left;
    margin-bottom:2rem;
    margin-top:1.5rem;
    width:30.6%;
  }
  .comment-respond p.comment-form-author,
    .comment-respond p.comment-form-email{
    margin-right:4%;
  }
  .comment-respond input.submit{
    width:auto;
  }
  .comment-respond .form-submit{
    clear:both;
  }
}