@font-face {
    font-family: star;
    src: url('/wp-content/themes/mcraft/fonts/star.woff2') format('woff2'), url('/wp-content/themes/mcraft/fonts/star.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WooCommerce;
    src: url('/wp-content/themes/mcraft/fonts/WooCommerce.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.woocommerce .star-rating {
    float: none;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
    display: block;
    color: #ffdf00;
}

.woocommerce .star-rating::before {
    content: "sssss";
    color: #ffdf00;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.woocommerce .star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0
}

.woocommerce .woocommerce-product-rating {
    line-height: 2;
    display: block
}

.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table
}

.woocommerce .woocommerce-product-rating::after {
    clear: both
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left
}

.woocommerce .products .star-rating {
    display: block;
    margin: 0 0 .5em;
    float: none
}

.woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0
}

.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: #ffdf00;
}

.woocommerce p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    content: "\e021";
    text-indent: 0
}

.woocommerce p.stars a:hover~a::before {
    content: "\e021"
}

.woocommerce p.stars:hover a::before {
    content: "\e020"
}

.woocommerce p.stars.selected a.active::before {
    content: "\e020"
}

.woocommerce p.stars.selected a.active~a::before {
    content: "\e021"
}

.woocommerce p.stars.selected a:not(.active)::before {
    content: "\e020"
}

.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
    float: none
}

.woocommerce .widget_rating_filter ul li .star-rating {
    float: none;
    display: inline-block
}

.woocommerce-review__published-date {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    margin-top: 0.25rem;
}

.woocommerce-review__dash {
    display: none;
}

.woocommerce-review__author {
    font-size: 16px;
    line-height: 22px;
    color: var(--grey-color);
    margin-top: 0.5rem;
    display: block;
}

.commentlist li img.avatar {
    display: none;
}

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-image-reloaded {
    width: 100%;
}

.comment-image-box {
    display: inline-flex;
}

.comment-text .description {
    display: flex;
    flex-direction: column-reverse;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-color);


}

.comment-text .description p,
.comment-text .meta {
    padding: 0px 1.5rem;
}

.comment-text p.comment-image-reloaded {
    padding: 0 !important;
}


.comment_container {
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 0px 0px 1.5rem 0px;
    margin-bottom: 20px;
}


ol.commentlist li {

    width: calc((100% / 3) - 20px) !important;
    margin: 0 20px 20px 0;
    float: left;
    padding: 0px;


}

ol.commentlist li:nth-child(3n+3) {
    margin-right: 0px !important;
}



#comments p.titolo {
    text-transform: uppercase;
    text-align: center;
    color: var(--grey-color);
    font-size: var(--text-section-header-size);
    line-height: var(--lh-section-header-size);
    font-weight: normal;
}

#review_form {
    margin-top: 0rem;
}

#review_form_wrapper #reply-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 32px;
    font-weight: 600;
}

#review_form_wrapper .comment-notes {
    font-size: 14px;
    line-height: 20px;
}

#review_form_wrapper p.stars {
    margin-bottom: .5rem;
}

#review_form_wrapper .comment-form-email,
#review_form_wrapper .comment-form-author {
    width: 49%;
    display: inline-block;
}

#review_form_wrapper .comment-form-email input,
#review_form_wrapper .comment-form-author input {
    width: 90%;
}

#review_form_wrapper .comment-form-email label,
#review_form_wrapper .comment-form-author label {
    display: block;
    margin-bottom: 0.5rem;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

#review_form_wrapper .comment-form-comment textarea {
    width: calc(100% - 20px);
}

#review_form_wrapper .comment-form-rating label,
#review_form_wrapper .comment-form-comment label {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#review_form_wrapper .comment-form-cookies-consent {
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;

}

#review_form_wrapper .comment-form-cookies-consent [type="checkbox"] {
    margin-top: 4px;
}

#review_form_wrapper .comment-form-cookies-consent label {
    margin-left: 10px;
}

#review_form_wrapper .form-submit input,
button.add_review {
    background: var(--grey-color);
    color: #fff;
    padding: 16px 32px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    transition: .3s background;
    letter-spacing: 1px;
    margin-top: 1rem;
}

#review_form_wrapper .form-submit input:hover,
button.add_review:hover {
    background: var(--green-color);
}

.average_rating {
    font-size: 26px;
    font-weight: 600;
}

#reviews .comment-image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 270px !important;
}

span.woocommerce-Reviews-title {
    font-size: 14px;
    line-height: 18px;
}

.rating-stars {
    font-family: "Star";
    font-size: 20px;
    /* Size of the stars */
    content: 'S';
}

.rating-stars .star::before {
    content: "S";
    /* Unicode character for the filled star in WooCommerce font */

    text-shadow:
        -1px -1px 0 #ffc720,
        1px -1px 0 #ffc720,
        -1px 1px 0 #ffc720,
        1px 1px 0 #ffc720;
    /* обводка через тень */

}

.rating-stars .star.empty::before {
    content: "\e020";
    /* Unicode character for the empty star in WooCommerce font */

}

.rating-stars .star.half {}

.rating-stars .star.half::before {
    content: 'S';
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #ffc720 !important;
    width: 17px;
    text-shadow: 3px 1px 0px #ffc720;

}

.rating-stars .star {
    color: #fff;
    height: 27px !important;
    display: inline-block;
}

.rating-stars .star.active {
    display: inline-block !important;
    color: #ffc720 !important;
}



.rating-stars .star.half:after {

    content: 'S';
    color: #fff;
    margin-left: -15px;
    text-shadow:
        -1px -1px 0 #ffc720,
        1px -1px 0 #ffc720,
        -1px 1px 0 #ffc720,
        1px 1px 0 #ffc720;
    /* обводка через тень */
}



#review_form_wrapper #comment-image-reloaded-wrapper label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 1rem;
}

input::file-selector-button {


    border: none;
    width: 48px !important;
    height: 48px !important;
    border-radius: 5px;
    background: #fff;
    background-image: url('https://new.donnobikes.com/wp-content/themes/mcraft/assets/img/downloading.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    margin-right: 20px;
    transition: .3s opacity;
}

input::file-selector-button:hover {
    opacity: 0.5;
}

@media(max-width:992px) {
    ol.commentlist li {
        width: calc((100% / 2) - 20px) !important;
    }

    button.add_review {
        margin: 3rem 0px 2rem 0px !important;
        position: relative;
    }
}

@media(max-width:767px) {
    ol.commentlist {
        width: 100%;
        height: 100% !important;
        display: inline-flex !important;
    }

    ol.commentlist li {
        width: 100%;
        height: 100%;
        display: flex;
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        bottom: unset !important;
        transform: unset !important;

    }

    ol.commentlist li .comment-image-reloaded img {
        width: 100%;
    }
}

@media (max-width:768px) {
    #reviews .comment-image {

        min-height: 220px !important;
    }
}

@media(max-width:575px) {
    ol.commentlist li {
        width: 100% !important;
    }

    ol.commentlist {
        display: block !important;
        min-height: 300px;
    }

    #reviews .comment-image {
        min-height: 50vw !important;
    }
}