@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

.starrating > input {
  display: none;
} /* Remove radio buttons */

.starrating > label:before {
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 2rem;
  font-family: FontAwesome;
  display: inline-block;
}

.starrating > label {
  color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label {
  color: #ffca08;
}

/* Set yellow color when star checked */

.starrating > input:hover ~ label {
  color: #ffca08;
}

.starrating-static > input {
  display: none;
} /* Remove radio buttons */

.starrating-static > label:before {
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 2rem;
  font-family: FontAwesome;
  display: inline-block;
}

.starrating-static > label {
  color: #222222; /* Start color when not clicked */
}

.starrating-static > input:checked ~ label {
  color: #ffca08;
} /* Set yellow color when star hover */