/* Comments */
#comments { position: relative; margin:var(--dp) 0px; clear: both;  }
#comments .title_comments { font-size: 18px; margin-bottom:var(--dp); line-height: 20px; color: var(--black);  font-weight: bold; font-family:var(--font-title); }
.commentlist { margin: 0 0 30px 0; list-style: none; clear: both; padding-left:0px !important; }
.commentlist li { margin: 0 0 25px 0; list-style-type:none; }
.commentlist ul.children {  margin-left: 23px; padding-left: 23px; position: relative; margin-top: 23px; }
.commentlist ul.children .commbox{position:relative;}
.commentlist ul.children .commbox:before { 
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E");
    background-size:16px;
    background-repeat:no-repeat;
    left: -35px;
    position: absolute;
    top:calc(50% - 8px); 
    width:16px;
    height:16px;
}
.commentlist .comment-author { position: relative; padding: 15px 20px; border-bottom: 1px solid var(--grey2);}
.commentlist .comment-author img { background:white; width: 50px; height: 50px; float: left;}
.commentlist .comment-author a div.comment-link { font-size: 16px; margin-top: -3px; margin-left: -10px; }
.commentlist .comment-content { display: block; padding: 15px 20px; position: relative; }
.commentlist .comment-content p { font-size: 14px;line-height: 22px; color: #111; margin: 0 0 12px 0; }
.commentlist .comment-content p:last-child{ margin-bottom:0px; }
.commentlist .comment-content a { word-break: break-word; }
.commentlist .comment-content small { color: #999; display: block; font-size: 12px; margin-top: 3px; }
.comment-reply-link { font-size:var(--fs-small); float: right; color: grey; }
.comment-edit-link { font-size: var(--fs-small); float:right; margin-left:var(--dp); }
.comment-respond h3 { font: 700 19px/21px var(--f); color: var(--black); text-align:left; display:block; margin-top:0px; }
#cancel-comment-reply-link {
    font-size: var(--fs-small);
    float: right;
    color: grey;
    font-weight: normal;
    border-bottom: 1px dashed grey;
}
li[data-pending-approval="1"] .commbox{
    
    background-color: #fffef3;
}
.comment-respond .usr_re input, .comment-respond .email_re input{ padding:var(--dp); width: 100%; margin-bottom:var(--dp); border: 1px solid #cbd0d2; float: left; position: relative; }
.comment-respond textarea { width: 100%;  border-radius: 0px; height: 150px; max-height:500px; min-height:150px; margin-bottom:var(--dp); border: 1px solid #cbd0d2; padding:var(--dp); clear: both }
.comment-respond .usr_re, .comment-respond .email_re{display: block; vertical-align: middle; position: relative; float: left; width: 48%;}
.comment-respond .email_re{float:right;}
.comment-respond .end { margin-right: 0px !important; }
.comment-respond .usr_re:after, .comment-respond .email_re:after{background: none #2f2f2f; position: absolute; left: 0; top: 0; font-family: var(--fa);color: #fff; width: 38px; height: 38px; text-align: center; line-height: 38px }
.comment-respond p.form-submit{clear: both; margin-top: 15px; margin-bottom:0px !important;}
p.comment-subscription-form { margin-top: 10px }
.comment-pending{padding:var(--dp); color:var(--orange); font-weight:bold; border-bottom:1px solid var(--grey2);}