.comments-rating {
  border: none;
  padding: 0;
  margin-left: 0;
}

.comments-rating label {
  display: inline-block;
}

.rating-container {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
}

.rating-container * {
  font-size: 24px;
}

.rating-container > input {
  display: none;
}

.rating-container > input + label {
  /* only enough room for the star */
  /* font-family: "dashicons"; */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
  margin-right: 1px;
}

.rating-container > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "\f005";
  color: #e6e6e6;
  font-family: "FontAwesome" !important;
  font-size: 22px;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
  content: "\f005";
  color: red;
}

.rating-container > .star-cb-clear + label {
  text-indent: -9999px;
  width: 0.5em;
  margin-left: -0.5em;
}

.rating-container > .star-cb-clear + label:before {
  width: 0.5em;
}

.rating-container:hover > input + label:before {
  content: "\f005";
  color: #e6e6e6;
  text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
  content: "\f005";
  color: red;
}

.comment-respond .rating-container > .star-cb-clear + label,
.comment-respond .rating-container > input + label:before {
  text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
  text-indent: -9999px;
  margin-right: 5px;
}

.comments-rating .rating-container input[type="radio"] {
  display: none !important;
}