/*
	Ratings Stars
	(with as little code as possible)
    @author Chris Coyier @ css-tricks.com
*/

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
  /*
  text-align: center;
  */
}
.rating > a {
  display: inline-block;
  position: relative;
}
.rating > a:hover,
.rating > a:hover ~ a {
  color: transparent;
}
.rating > a:hover:before,
.rating > a:hover ~ a:before {
   content: "\2605";
   position: absolute;
   left: 1;
   /*
   color: gold;
   */
   color: rgb(12, 227, 172);
}