/* Comments */
.comment-hidden {
  display: none !important;
  visibility: hidden;
}

.comment-container .comment-wrapper {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.comment-container .form input[type="text"],
.comment-container .form textarea,
.form textarea,
form#comment_form input[type="text"],
form#comment_form textarea {
  max-width: 100%;
}

.comment {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.comment.comment-deleted {
  border: 1px solid #ebccd1;
}

.comment h3 {
  margin-top: 0;
}

.comment-header {
  padding-left: 15px;
  padding-right: 10px;
  color: #777;
  background-color: #f7f7f7;
  border-bottom: 1px solid #eee;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.comment-deleted .comment-header {
  background-color: #f2dede;
}

.comment-content {
  padding: 15px;
  font-size: 14px;
}

.comment-deleted .comment-content {
  background-color: #f7f7f7;
}

.comment-deleted .comment-content {
  font-style: italic;
}

.comment-header .comment-actions .comment-action {
  float: right;
}

.comment-action {
  margin-top: 10px;
  padding-left: 0;
  margin-left: 10px;
  margin-right: 5px;
}

.comment-action .unflag-comment {
  margin-left: 10px;
}

.comment-header-text {
  max-width: 78%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.comment-header {
  color: #777;
}

.comment-container .comment-header .subtle-btn {
  color: #999;
  border: 0px;
  background: transparent;
}

.comment-container .comment-header .subtle-btn:hover {
  color: #206b82;
}

#comment_form label:after,
.comment-container form label:after {
  content: "";
}

#comment_form .form-group,
.comment-container .form-group {
  margin-bottom: 10px;
}

.comment-flagged {
  color: #c00;
}

.comment-container .comment-wrapper .comment-wrapper {
  margin-left: 4em;
  margin-bottom: 0;
}

.comment-content ul.links li a {
  cursor: pointer;
  text-decoration: none;
}

.comment-container .highlight > .comment {
  border: 1px solid #faebcc;
}

.comment-container .highlight > .comment > .comment-header {
  background-color: #fcf8e3;
}

.comment-container .highlight > .comment.comment-deleted {
  border: 1px solid #ebccd1;
}

.comment-container .highlight > .comment.comment-deleted > .comment-header {
  background-color: #f2dede;
}

.comment-container .form input[type="submit"],
form#comment_form input[type="submit"] {
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 1.42857143;
  margin-top: 0;
  padding: 6px 12px;
}

@media screen and (max-width: 991px) {
  .comment-container .form input[type="submit"],
  form#comment_form input[type="submit"] {
    margin-top: 5px;
  }
}