/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.gli_reviews span.star {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-color: gold;
}

.gli_reviews span.star.full {
    -webkit-mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-full.svg) no-repeat 50% 50%;
    mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-full.svg) no-repeat 50% 50%;
}

.gli_reviews span.star.half {
    -webkit-mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-half.svg) no-repeat 50% 50%;
    mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-half.svg) no-repeat 50% 50%;
}

.gli_reviews span.star.empty {
    -webkit-mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-empty.svg) no-repeat 50% 50%;
    mask: url(/wp-content/plugins/gli-reviews/public/imgs/star-empty.svg) no-repeat 50% 50%;
}

.gli_reviews.display {
    display: block;
    width: 100%;
}

.gli_reviews.display .review {
    padding: 1em;
}

.gli_reviews.display .review_author {
    font-weight: bold;
}