﻿.stars {
    width: 106px;
    display: flex;
    justify-content: space-between;
}

.rating {
    width: 106px;
    display: flex;
    justify-content: space-between;
}

.type-small {
}

.rating.type-big{
    width: 216px;
}

.rating.type-big .icon-svg{
    width: 32px;
    height: 32px;
}

.icon-svg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.icon-star{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7.23563C18 6.96878 17.7981 6.80294 17.3941 6.73796L11.964 5.94843L9.53012 1.02646C9.39319 0.730774 9.21636 0.583008 9.00006 0.583008C8.78379 0.583008 8.60707 0.730774 8.47003 1.02646L6.03606 5.94843L0.60569 6.73796C0.201947 6.80294 0 6.96878 0 7.23563C0 7.38715 0.0901752 7.56022 0.270488 7.75493L4.20804 11.5843L3.27776 16.9929C3.26332 17.0939 3.25616 17.1662 3.25616 17.2093C3.25616 17.3607 3.29397 17.4887 3.36967 17.5933C3.44534 17.6981 3.55885 17.7502 3.71037 17.7502C3.84025 17.7502 3.98442 17.7072 4.14306 17.6206L8.99994 15.0674L13.8572 17.6206C14.0089 17.7072 14.1531 17.7502 14.2897 17.7502C14.4344 17.7502 14.5441 17.6981 14.6198 17.5933C14.6953 17.4888 14.7332 17.3607 14.7332 17.2093C14.7332 17.1157 14.7295 17.0435 14.7223 16.9929L13.7919 11.5843L17.7186 7.75493C17.9064 7.56742 18 7.39427 18 7.23563Z' fill='%23FBDF4D'/%3E%3C/svg%3E");
}
.icon-star-empty{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_738_1710)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3959 6.73787C17.7202 6.78831 17.915 6.91274 17.9798 7.11114C18.0452 7.30954 17.9587 7.52408 17.7206 7.75487L13.794 11.5845L14.7242 16.9934C14.7603 17.2316 14.7386 17.4168 14.6595 17.5505C14.5804 17.684 14.4576 17.7507 14.2916 17.7507C14.169 17.7507 14.0246 17.7072 13.8588 17.6206L9.00151 15.0674L4.14408 17.6206C3.97824 17.7075 3.83402 17.7507 3.71137 17.7507C3.54552 17.7507 3.42283 17.684 3.34356 17.5505C3.26414 17.4168 3.24258 17.2316 3.27857 16.9934L4.20892 11.5845L0.27111 7.75487C0.0403903 7.52408 -0.0424777 7.30954 0.0222784 7.11114C0.0871102 6.91274 0.281871 6.78834 0.606371 6.73787L6.03709 5.94826L8.47126 1.026C8.61544 0.730295 8.79216 0.58252 9.00128 0.58252C9.20317 0.58252 9.37978 0.730295 9.53134 1.026L11.9652 5.94826L17.3959 6.73787ZM12.3007 11.0977L12.8308 10.5891L15.6113 7.88458L11.7599 7.32212L11.0457 7.2139L10.7214 6.5649L9.00128 3.08145L7.28121 6.5649L6.9569 7.2139L6.24265 7.32212L2.39131 7.88458L5.17177 10.5891L5.70187 11.0977L5.5719 11.8117L4.9229 15.6522L8.36289 13.8348L9.00128 13.4992L9.63968 13.8348L13.0797 15.6522L12.4307 11.8117L12.3007 11.0977Z' fill='%23FBDF4D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_738_1710'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.166626)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.store-xreviews {
    margin-bottom: 30px;
}
.xreview-item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 30px;
}
.xreview-item-rating {
    margin-bottom: 15px;
}

.xreview-item-author {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
}
.xreview-item-content {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}
.xreview-item-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.xreview-item-bottom button{
    color: #2e2e2e;
    margin-bottom: 10px;
}

.xreview-item-answer {
}

.btn-xreview-answer {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.btn-xreview-answer svg {
    margin-right: 15px;
}

.xreview-item-benefit {
    font-size: 12px;
    font-weight: 600;
}

.xreview-item-benefit button {    
    font-size: 12px;
}

.xreview-item-benefit button svg {

}

.benefit-up {
}
.benefit-down {
}

.xreview-form {
    position: relative;
    margin-bottom: 30px;
}
.xreview-form .alert {
    
}
.xreview-form--title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.review-form {
}
.review-form .form-group {
    line-height: 0;    
}
.form-control {
}
.rating {
}

.form-rating + .alert {
    bottom: -16px;
}

.xreview-form > .alert-success {
    position: static;
}

.xreview-item-comment {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 30px;
}

.comment-author {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .store-xreviews {
        margin-bottom: 50px;
    }

    .review-form .form-group {
        margin-bottom: 30px;
    }

    .xreview-item-comment {
        margin-bottom: 30px;
    }

    .xreview-form {
        margin-bottom: 50px;
    }

}

/*
STAR RATINGS
*/
.form-rating{display: flex;margin:0 0 15px;}
.form-rating .control-label{margin-right:15px;float: left;opacity:1}
.form-rating .form-rating-container{display: flex;width: 216px;height: 32px;flex-direction: row-reverse;align-items:center;}
.form-rating{position:relative;}
.form-rating .alert-danger{bottom: -12px;left: 0;}
.form-rating .form-rating-container label,
.form-rating .form-rating-container:hover label{margin-bottom: 0;padding: 0;cursor: pointer;position: relative;height: 32px;width: 32px;text-align: center;}
.form-rating .form-rating-container label > span{font-size: 8px;position: absolute;left: 0;right: 0;text-align: center;bottom: -15px;color: #B7B7B7;}
.form-rating .form-rating-container label i{position: absolute;left: 0;width: 100%;color:#FBDF4D;}
.form-rating .form-rating-container label i,
.form-rating .form-rating-container:hover label i{font-size:18px}
.form-rating .form-rating-container label i.icon-star,
.form-rating .form-rating-container:hover label i.icon-star{opacity:1;}
.form-rating .form-rating-container label i.icon-star,
.form-rating .form-rating-container:hover label i.icon-star{opacity:0;}
.form-rating .form-rating-container input{display:none}
.form-rating .form-rating-container:hover label i.icon-star{opacity:1;}
.form-rating .form-rating-container:hover label i.icon-star{opacity:0;}
.form-rating .form-rating-container:hover label:hover i.icon-star,
.form-rating .form-rating-container:hover label:hover~label i.icon-star{opacity:1}
.form-rating .form-rating-container:hover label:hover i.icon-star,
.form-rating .form-rating-container:hover label:hover~label i.icon-star{opacity:1}
.form-rating input:checked~label i.icon-star{opacity:1;}