/*
    this CSS contains the formatting options for the star rating question type
*/

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

.dbsStar { 
	  border: 0 ;
	  display: inline-flex ;
    flex-direction: row-reverse ; 
    font-size: 1.75em ;
} 
 
.dbsStar > input {
    display: none ;
} 

.dbsStar > label:before { 
    font-size: 1em ;
    margin: 5px ;
    font-family: FontAwesome ;
    display: inline-block ;
    content: "\f005" ; 
}

.dbsStar > label { 
    float: right ;
	  color: transparent ;
   -webkit-text-stroke-width: 1px ;
   -webkit-text-stroke-color: var(--dbsBlack) ; 
}
  
/***** CSS Magic to Highlight Stars on Hover *****/

.dbsStar > input:checked ~ label {
    color: goldenrod ;
} /* hover previous stars in list */

.dbsStar > input:checked + label:hover, /* hover current star when changing rating */
.dbsStar > input:checked ~ label:hover,
.dbsStar > label:hover ~ input:checked ~ label, /* lighten current selection */
.dbsStar > input:checked ~ label:hover ~ label, /* show gold star when clicked */
.dbsStar:not(:checked) > label:hover, /* hover current star */
.dbsStar:not(:checked) > label:hover ~ label {
    color: yellow ;
}