@import "../../app/variables";
.comment {
    .product-review-wrapper {
        max-width: 820px;
        margin: auto;
 .color-p {
        color: $primary-coral;

    }
        .title {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1.2;
            display: block;
            margin-bottom: 40px;
            text-align: center;
            color: $text-medium;
        }

        .product-review-list {
            margin: 0 0 70px;
            padding-left: 0;
            list-style: none;

            li {
                margin-bottom: 40px;
                padding-bottom: 40px;
                border-bottom: 1px solid $bg-gray;

                .thumb {
                    -webkit-align-self: flex-start;
                    -ms-flex-item-align: start;
                    align-self: flex-start;
                    width: 70px;
                }

                .content {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1 0 calc(100% - 70px);
                    -ms-flex: 1 0 calc(100% - 70px);
                    flex: 1 0 calc(100% - 70px);
                    padding-right: 30px;

                    .ratings {
                        margin-bottom: 15px;

                        .star-rating {
                            font-size: 0.75rem;
                            margin-right: 10px;

                            i {
                                font-size: 0.75rem;
                                font-weight: 300;
                                line-height: 1;
                                color: $text-medium;
                                transition: 300ms;
                            }
                            .rating-active {
                                // font-size: 0;
                               
                            }
                        }
                    }

                    .meta {
                        margin-bottom: 20px;
                    }
                }
            }
        }
        .review-form {
            .note {
                font-size: 1rem;
                margin-bottom: 25px;

            }

            .learts-mb-n30 {
                margin-bottom: 30px;
            }
            // input:not([type="checkbox"]):not([type="radio"]),
            // textarea {
            //     font-size: 16px;
            //     font-weight: 400;
            //     display: block;
            //     width: 100%;
            //     padding: 10px 0;
            //     color: $text-medium;
            //     border: 2px solid rgba(0, 0, 0, 0);
            //     border-bottom-color: rgba(0, 0, 0, 0);
            //     border-bottom-color: #ededed;
            //     background-color: rgba(0, 0, 0, 0);
            //     &:focus {
            //         border-bottom-color: $text-medium;
            //         outline: none !important;
            //     }
            // }
        }
        .form-rating {
            .title {
                font-size: 0.875rem;
                font-weight: 500;
                line-height: 1;
                display: block;
                margin-left: 40px;
                margin-bottom: 0;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: $text-medium;
                 
            }

            i {
                color: $text-medium;

                &:hover {
                    color: $primary-yellow;
                }
            }
        }
    }
}