#contentRating {
    overflow: hidden;
    text-align: center;
}

#entryRating {
    height:0;
    overflow: hidden;
}

.wr-rating-content {
    box-sizing: border-box;
    color:#000;
    padding:0 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
}

/* .wr-rating-content p {
    font-size: 24px;
} */

.wr-rating-content .rating-icon {
    width: 50px;
}

.wr-rating-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wr-rating-content ul li {
    display: inline-block;
    padding:10px;
    position: relative;
    color: #000;
}


.wr-rating-content ul li label {
    padding: 5px 10px;
    border-radius:3px;
    color: #000;
    transition: all .2s ease-in-out;
}
.wr-rating-content:not(.clicked) ul li label {
    cursor: pointer;
}

.wr-rating-content:not(.clicked) ul li label:hover {
    transform: scale(1.3);
}

.wr-rating-content ul li input {
     position: absolute;
     visibility: hidden;
}

/* .wr-rating-content ul li input:checked ~ label {
    background-color: #fb8b33;
} */

#entryRating.active {
    height: auto;
    padding:20px;
}
#entryRating.clicked li:not(.active) label > img {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
}
#entryRating.clicked li.active {
    scale: 1.3;
}

#ratingErrors {
    color:#fb8b33;
    font-style: italic;
}