
.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));
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
	font-family: var(--btn-accented-font-family, var(--btn-font-family));
	font-style: var(--btn-accented-font-style, var(--btn-font-style));
}

.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: "";
	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: "";
	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;
	}
}
