/* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css); */
/* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css); */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css);
/* @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */

.star-ratings fieldset, .star-ratings label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.star-ratings .rating {
    border: none;
    float: left;
}

.star-ratings .rating > input { display: none; }
.star-ratings .rating > label:before {
    margin: 2px;
    font-size: 1.25em;
    /* font-family: 'Font Awesome 5 Pro'; */
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

/* .star-ratings .rating > .half:before {
    content: "\f089";
    position: absolute;
} */

.star-ratings .rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.star-ratings .rating > input:checked ~ label, /* show gold star when clicked */
.star-ratings .rating:not(:checked) > label:hover, /* hover current star */
.star-ratings .rating:not(:checked) > label:hover ~ label { /* color: #FFD700; */ color: #f69f29; } /* hover previous stars in list */

.star-ratings .rating > input:checked + label:hover, /* hover current star when changing rating */
.star-ratings .rating > input:checked ~ label:hover,
.star-ratings .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.star-ratings .rating > input:checked ~ label:hover ~ label { /* color: #FFED85; */ color: #f6b04f; }