$rating-block-margin-bottom: 2rem; //spacing below each rating line

.rating-block {
  //padding: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .ratings-type {
    margin-right: 1rem;
    margin-bottom: 0;
  }

  .rating-block {
    display: flex;
    align-items: center;
    margin-bottom: $rating-block-margin-bottom;
  }

  .rating-block-rating {
    display: flex;
  }

  .star {
    cursor: pointer;

    i{
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;

      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size:2rem;
      &:before{
        color:$light-gray;
        content: "\e83a";
        -moz-transition: color 350ms ease-in-out;
        -webkit-transition: color 350ms ease-in-out;
        transition: color 350ms ease-in-out;
      }
    }
  }


  .rating-block-rating.is-voted .star i:before {
    content: "\e838";
    //  color: $identity-color;
  }

  .rating-block-rating .star.selected i:before {
    content: "\e838";
    //color: $identity-color;
  }
  .rating-block-rating.is-voted .star.selected ~ .star i:before {
    content: "\e83a";
    color:$light-gray;
  }
}


@include themify($themes) {
  .rating-block-rating.is-voted .star i:before {
    color:themed('primary');
  }
  .rating-block-rating .star.selected i:before {
    color:themed('primary');
  }
}