/* reference https://bbbootstrap.com/snippets/animated-rating-stars-18298447*/
/*div.stars {
    width: 270px;
    display: inline-block
}*/
.mt-200 {
    margin-top: 200px
}

input.star {
    display: none
}

label.star, span.fa-star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #4A148C;
    transition: all .2s
}

input.star:checked~label.star:before   {
    content: '\f005';
    color: #FD4;
    transition: all .25s
}

.fillStar:before {
    color: #FE7;
}

input.star-5:checked~label.star:before   {
    color: #FE7;
    text-shadow: 0 0 20px #952
}

input.star-1:checked~label.star:before   {
    color: #F62
}

/*label.star:hover {
    transform: rotate(-15deg) scale(1.3)
}*/

label.star:before {
    content: '\f005';
    font-family: Font Awesome\ 5 Pro;
}


/*.starrating > input {
    display: none;
}*/
/* Remove radio buttons */

/*.starrating > label:before {
    content: "\f005";*/ /* Star */
    /*margin: 2px;
    font-size: 8em;
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
}

.starrating > label {
    color: #222222;*/ /* 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 */