@import "../base_variables";
@import "../components/colors";

#reviews {
    .average_rating {
        float: left;
        margin-right: 95px;
    }

    .detailed_rating {
        float: left;
        margin-bottom: 7px;
        .rating_sub_title {
            margin: 10px 0 25px;
        }
        & .detail_rating_unit {
            font-size: 13px;
            & tr {
                border: 0;
                & td {
                    padding: 0 0 15px;
                    &.key {
                        padding-right: 15px;
                        font-weight: 400;
                        color: #273044;
                    }
                    &.bar {
                        padding-right: 13px;
                        & .full_bar {
                            position: relative;
                            width: 177px;
                            height: 14px;
                            border-radius: 8px;
                            border: 1px solid #dddddd;
                            //overflow: hidden;
                            background-color: transparent;
                            & .bar_filler {
                                position: absolute;
                                top: -1px;
                                left: 0;
                                right: -1px;
                                bottom: -1px;
                                height: auto;
                                background-color: $green;
                                border-radius: 8px;
                            }
                        }
                    }
                    &.value {

                    }
                }
            }
        }
    }

    .average_rating_unit {
        min-width: 242px;
        min-height: 242px;
        padding: 40px 15px 13px;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 50%;
        text-align: center;
        & .average_rating_value {
            font-size: 100px;
            line-height: 100px;
            font-weight: 300;
            letter-spacing: -5px;
        }
        & .average_rating_num {
            color: inherit;
        }
    }

    .average-rating-stars {
        margin-bottom: 10px;
        & .star-rating {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            height: 20px;
            margin-top: 8px;
            background-size: 20px 20px;
            vertical-align: top;
            & > span {
                height: 20px;
                background-size: 20px 20px;
            }
        }
        & .price {
            display: none;
        }
    }

    .star-rating {
        width: 75px;
        height: 13px;
        margin: 4px 0 9px;
        background: url('../../img/staremptyl.svg') left top repeat-x;
        & > span {
            display: block;
            text-indent: -9999px;
            line-height: 1;
            background: url('../../img/starfull.svg') left top repeat-x;
        }
    }

    .testimonial-media-unit {
        margin-right: 20px;
        & .testimonial-media-unit-rounded {
            border-radius: 50%;
            max-width: inherit;
            height: inherit;
        }
    }

    .stm-lms-reviews {
        &-single {
            padding: 0 0 30px;
            margin: 0 0 40px;
            border-bottom: 1px solid #e1e2e4;
            p {
                margin: 0;
            }
            .stm-lms-review-top {
                > div {
                    display: inline-block;
                    vertical-align: top;
                    margin-right: 10px;
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }

    #stm_lms_add_review {
        .star-rating {
            margin: 35px 0;
            span {
                height: 100%;
            }
        }
    }

    .media-body {
        p {

        }
        strong {
            display: block;
            margin: 0 0 5px;
        }
    }

}

.stm_lms_average__rating {
    padding-bottom: 50px;
    margin: 0 0 45px;
    border-bottom: 1px solid #e1e2e4;
}

.stm-lms-reviews-top {
    h4 {
        margin-top: 0;
        line-height: 22px;
        font-weight: 600;
    }
    > * {
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        &:after {
            content: '|';
            margin-left: 15px;
            font-weight: 400;
            color: #dddddd;
        }
        &:last-child {
            margin-left: 0;
            &:after {
                display: none;
            }
        }
    }
    .stm-lms-ago {
        color: #aaa;
    }
}