.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

/*** Review Ratings ***/
/* .reivew-rating {
  &[data-rating=''] {
      path {
          fill: red !important;
      }
  }
  &[data-rating="1"] {
      > .jq-star:nth-child(1) {
          path {
              fill: red !important;
          }
      }
  }
} */

.review-rating[data-rating='1'] > .jq-star:nth-child(1) path {
  fill: red !important;
}

.review-rating[data-rating='1'] > .jq-star:not(:nth-child(1)) path {
  fill: #d3d3d3 !important;
}

.review-rating[data-rating='2'] > .jq-star:nth-child(1) path,
.review-rating[data-rating='2'] > .jq-star:nth-child(2) path {
  fill: #ff8621 !important;
}

.review-rating[data-rating='2'] > .jq-star:nth-child(n+3) path {
  fill: #d3d3d3 !important;
}

.review-rating[data-rating='3'] > .jq-star:nth-child(1) path,
.review-rating[data-rating='3'] > .jq-star:nth-child(2) path,
.review-rating[data-rating='3'] > .jq-star:nth-child(3) path {
  fill: #ffce00 !important;
}

.review-rating[data-rating='3'] > .jq-star:nth-child(n+4) path {
  fill: #d3d3d3 !important;
}

.review-rating[data-rating='4'] > .jq-star:nth-child(1) path,
.review-rating[data-rating='4'] > .jq-star:nth-child(2) path,
.review-rating[data-rating='4'] > .jq-star:nth-child(3) path,
.review-rating[data-rating='4'] > .jq-star:nth-child(4) path {
  fill: #73cf0f !important;
}

.review-rating[data-rating='4'] > .jq-star:nth-child(n+5) path {
  fill: #d3d3d3 !important;
}

.review-rating[data-rating='5'] > .jq-star:nth-child(1) path,
.review-rating[data-rating='5'] > .jq-star:nth-child(2) path,
.review-rating[data-rating='5'] > .jq-star:nth-child(3) path,
.review-rating[data-rating='5'] > .jq-star:nth-child(4) path,
.review-rating[data-rating='5'] > .jq-star:nth-child(5) path {
  fill: #00b67a !important;
}