.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: 'dctech-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: 'dctech-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: 0.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;
  }
}