.comments-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--c_a2);
  padding: 1rem 0;
}

.comments-wrapper img {
  max-width: 30px;
  margin-right: 0.5rem;
}

.comments-wrapper h3 {
  margin: 0;
}

.comment-form-comment label {
  display: none;
}

.logged-in-as .ava {
  color: var(--c_a1);
  margin-right: 1rem;
}

.logged-in-as .login-out {
  margin-left: 1rem;
}

.comments-area ol li {
  list-style-type: none;
}

.comments-area .comment-list li .comment-body {
  box-shadow: inset 0 0 10px #c9f2d5;
  border-radius: 19px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* update colors with var */
.comments-area .comment-list li .children .comment-body {
  background: var(--White) !important;
  box-shadow: inset 0 0 10px #bbe9ff;
  border-radius: 19px;
}

.comments-area .form-submit {
  max-width: 300px;
  margin-top: 1rem;
}
.comments-area .comment-list li .comment-body .reply a {
  border: 1px solid var(--c_e1);
  padding: 0.2rem 0.5rem;
  color: var(--c_e1);
  font-weight: 500;
}
.comments-area .form-submit input[type="submit"] {
  background: var(--c_a1);
}

.comment-respond .logged-in-as {
  position: relative;
  width: 100%;
}