/* Supplements the BigHearts theme's own #comments / .comment-respond styles. */
.site-comments { margin-top: 60px; }
.site-comments .comment-form::after { content: ""; display: table; clear: both; }
.site-comments .comment-form [class*="wgl_col-"] { float: left; }
.site-comments .comment-form .comment-notes,
.site-comments .comment-form .form-submit,
.site-comments .comment-form .site-comment-status { clear: both; }
.site-comments .comment-notes { color: #777; font-size: 14px; margin: 10px 0 20px; }
.site-comments .form-submit .submit { cursor: pointer; border: none; }
.site-comments .form-submit .submit[disabled] { opacity: 0.6; cursor: default; }
.site-comments .comment-reply-wrapper { display: inline-block; margin-top: 10px; }
.site-comments .comment-reply-link { font-weight: 700; font-size: 13px; text-transform: uppercase; }
.site-comment-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.site-comment-status { font-size: 14px; min-height: 1em; margin-top: 4px; }
.site-comment-status.success { color: #2a8f4d; }
.site-comment-status.error { color: #c0392b; }
.site-comment-pending { color: #a07a00; font-size: 14px; }
.site-comments-loading, .site-comments-error { color: #888; }

@media (max-width: 767px) {
  .site-comments .comment-form [class*="wgl_col-"] { float: none; width: 100%; }
  #comments.site-comments .commentlist .comment .children .comment,
  #comments.site-comments .commentlist > .comment > .children > .comment { margin-left: 20px; }
}