/* /public/css/theme/school/components/reviews.css */

/* Page when you can leve an Review */
.star-rating-widget {
    direction: rtl;
    unicode-bidi: bidi-override;
    display: inline-flex;
}
.star-rating-widget input[type="radio"] {
    display: none;
}
.star-rating-widget label span {
    font-size: 2rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}
.star-rating-widget input[type="radio"]:checked ~ label span,
.star-rating-widget label:hover ~ label span,
.star-rating-widget label:hover span {
    color: gold;
}

.review-box {
    margin: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--colorCream);
    box-shadow: .1rem .1rem .5rem .5rem var(--colorGrey);
    border: none;
    flex-grow: 1;
    flex-basis: 18rem;
    align-self: stretch;
}
.button-to-original-review {
    margin: 1.5rem;
}
.reviewDate {
    color:var(--colorGrey2);
    margin: var(--reviewMargin);
    text-align: left;
}
.reviewText {
    line-height: 2rem;
    font-size: var(--paragraph);
    margin: var(--reviewMargin);
}