.review-rating {
  border: none;
  display: inline-block;
}

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

.review-rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\F005";
}

.review-rating > .half:before {
  content: "\F089";
  position: absolute;
}

.review-rating > label {
  color: #000;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.review-rating > input:checked ~ label,
.review-rating:not(:checked) > label:hover,
.review-rating:not(:checked) > label:hover ~ label {
  color: #FFC229;
}

/* hover previous stars in list */

.review-rating > input:checked + label:hover,
.review-rating > input:checked ~ label:hover,
.review-rating > label:hover ~ input:checked ~ label,
.review-rating > input:checked ~ label:hover ~ label {
  color: #FFC229 !important;
}

.review-rating.notSelectable:not(:checked) > label:hover,
.review-rating.notSelectable:not(:checked) > label:hover ~ label {
  color: #000;
}