/***
 *  Simple Pure CSS Star Rating Widget Bootstrap 4 
 * 
 *  www.TheMastercut.co
 *  
 ***/

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

 /* Styling h1 and links
 ––––––––––––––––––––––––––––––––– */
 
 .starrating > input {display: none;}  /* Remove radio buttons */
 
 .starrating > label:before { 
   content: "\f005"; /* Star */
   margin: 2px;
   font-size: 2em;
   font-family: FontAwesome;
   display: inline-block; 
 }
 
 .starrating > label
 {
   color: grey; /* Start color when not clicked */
   
 }
 
 .starrating > input:checked ~ label
 { color: #ffca08 ; } /* Set yellow color when star checked */
 
 .starrating > input:hover ~ label
 { color: #ffca08 ;  } /* Set yellow color when star hover */