.comments-area .comment-list,.comments-area .children {
list-style:none;
--li-pl: 0;
--list-mb: 0;
--li-mb: 0}
.comment-form {
display:flex;
flex-wrap:wrap;
margin-inline:-10px}
.comment-form>p,.comment-form .comment-form-images {
flex:1 1 max(400px, 50%);
margin-bottom:15px;
padding-inline:10px}
.comment-form .comment-notes,.comment-form .comment-form-comment,.comment-form .form-submit,.comment-form .comment-form-cookies-consent,.comment-form .comment-form-images {
flex-basis:100%;
max-width:100%;
width:100%}
.comment-form .comment-form-cookies-consent label {
display:inline}
.comment-form .comment-notes {
margin-bottom:20px}
.comment-form .form-submit {
margin-block:5px 0}
.comment-form .submit {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.comment-form .submit:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.comment-form .submit:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.comment-form-comment {
width:100% !important}
.form-style-underlined .comment-form-comment {
margin-bottom:30px}
#comments .avatar {
flex:1 0 auto;
margin-left:0}
.comments-area .comments-title,.comments-area .comment-reply-title {
text-transform:uppercase;
font-size:22px}
.comments-area .comment-reply-title small {
vertical-align:middle}
.comments-area .comment-list {
margin-bottom:50px;
line-height:1.6}
.comments-area .comment {
padding-block:30px;
border-bottom:1px solid var(--brdcolor-gray-300)}
.comments-area .pingback {
margin-bottom:15px}
.comments-area .pingback .comment-body {
padding-left:0}
.comments-area .pingback a {
font-weight:600}
.comments-area .children {
margin-top:30px;
margin-left:30px;
border-top:1px solid var(--brdcolor-gray-300)}
.comments-area #cancel-comment-reply-link {
display:inline-block;
margin-left:10px;
vertical-align:middle;
font-size:0}
.comments-area #cancel-comment-reply-link:after {
font-size:14px;
content:"\f112";
font-family:"woodmart-font"}
.comments-area .comment-body {
position:relative;
padding-left:95px}
.comments-area .comment-awaiting-moderation {
position:absolute;
top:-24px;
left:95px}
.comments-area .comment-awaiting-moderation+br {
display:none}
.comments-area .comment-edit-link {
display:inline-block;
margin-left:5px;
font-size:0}
.comments-area .comment-edit-link:after {
vertical-align:middle;
font-size:12px;
content:"\f116";
font-family:"woodmart-font"}
.comments-area .comment-author {
float:left;
margin-bottom:10px;
font-size:16px;
line-height:20px}
.comments-area .comment-author:first-letter {
text-transform:uppercase}
.comments-area .comment-author .fn {
color:var(--color-gray-900);
vertical-align:top;
font-weight:600;
font-style:normal}
.comments-area .comment-author .says {
margin-left:3px;
vertical-align:top}
.comments-area .comment-author img {
position:absolute;
top:0;
left:0;
max-width:74px;
width:100%;
border-radius:50%}
.comments-area .comment-meta {
margin-bottom:15px;
text-align:right;
font-size:14px;
line-height:20px}
.comments-area .comment-meta a {
color:var(--color-gray-300);
vertical-align:middle}
.comments-area .reply {
margin-top:15px}
.comments-area .reply a {
color:var(--wd-primary-color);
text-transform:uppercase;
font-weight:900}
.comments-area .reply a:hover {
color:var(--wd-primary-color);
opacity:.7}
.comments-area .comment-respond {
margin-top:30px}
.comments-area .logged-in-as {
font-size:0}
.comments-area .logged-in-as>a {
color:var(--color-gray-600);
font-weight:600;
font-size:14px}
.comments-area .logged-in-as>a:not(:last-child) {
margin-right:12px;
padding-right:10px;
border-right:1px solid var(--brdcolor-gray-300)}
.comments-area .logged-in-as>a:hover {
color:var(--wd-primary-color)}
.comments-area .logged-in-as .required-field-message {
font-size:var(--wd-text-font-size)}
.comments-area .no-comments {
color:#333;
font-weight:600}
.comments-area .children .comment:last-child {
padding-bottom:0;
border-bottom:none}
@media (max-width: 768.98px) {
.comments-area .children {
margin-left:0}
.comments-area .comment-author {
float:none}
.comments-area .comment-meta {
text-align:left}
}