.comment-rating {
  margin-bottom: 0;
}
#commentform p {
  float: left;
  clear: both;
}
.comment-form-rating {
  clear: both;
}


.comment-rating img,
.reviewed {
  max-width: 80px;
}
.comment-form-rating {
  max-width: 160px;
  margin-bottom: 20px;
}
.comment-form-rating label {
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.radio-star {
  fill: transparent;
}
.star-rate svg path {
  fill: transparent;
  transition: fill 0.1s;
}
.star-rate.active svg path,
.star-rate.selected svg path {
  fill: #7ac142;
}
input[name="rating"] {
  opacity: 0;
  width: 0;
  height: 0;
}
.rate-0 #star-1,
.rate-0 #star-2,
.rate-0 #star-3,
.rate-0 #star-4,
.rate-0 #star-5,
.rate-1 #star-2,
.rate-1 #star-3,
.rate-1 #star-4,
.rate-1 #star-5,
.rate-2 #star-2,
.rate-2 #star-3,
.rate-2 #star-4,
.rate-2 #star-5,
.rate-3 #star-3,
.rate-3 #star-4,
.rate-3 #star-5,
.rate-4 #star-3,
.rate-4 #star-4,
.rate-4 #star-5,
.rate-5 #star-4,
.rate-5 #star-5,
.rate-6 #star-4,
.rate-6 #star-5,
.rate-7 #star-5,
.rate-8 #star-5 {
  fill: transparent;
}

.rate-1 #star-1,
.rate-3 #star-2,
.rate-5 #star-3,
.rate-7 #star-4,
.rate-9 #star-5 {
  fill: url("#half_star");
}

.rate-2 #star-1,
.rate-3 #star-1,
.rate-4 #star-1,
.rate-4 #star-2,
.rate-5 #star-1,
.rate-5 #star-2,
.rate-6 #star-1,
.rate-6 #star-2,
.rate-6 #star-3,
.rate-7 #star-1,
.rate-7 #star-2,
.rate-7 #star-3,
.rate-8 #star-1,
.rate-8 #star-2,
.rate-8 #star-3,
.rate-8 #star-4,
.rate-9 #star-1,
.rate-9 #star-2,
.rate-9 #star-3,
.rate-9 #star-4,
.rate-10 #star-1,
.rate-10 #star-2,
.rate-10 #star-3,
.rate-10 #star-4,
.rate-10 #star-5 {
  fill: url("#full_star");
}