/**
 * rec.reviews
 *
 * @author    Presta-Module.com <support@presta-module.com> - https://www.presta-module.com
 * @copyright Presta-Module - https://www.presta-module.com
 * @license   see file: LICENSE.txt
 *
 *           ____     __  __
 *          |  _ \   |  \/  |
 *          | |_) |  | |\/| |
 *          |  __/   | |  | |
 *          |_|      |_|  |_|
 */

#pvr {
    h2 {
        margin-bottom: 0.5em;
    }

    #pm-pvr-loader-text {
        color: black;
    }
    .clr_hr_shadow {
        position: relative;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        border: none;
        width: 100%;
        height: 50px;
        box-shadow: 0 16px 12px -20px #333;
        margin: -50px auto 10px;
    }

    .text-center {
        text-align: center;
    }

    .tabs {
        margin-bottom: 10px;
    }

    .pvr_review_container-block {
        height: 600px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    /** Common display class **/
    .img {
        width: 100%;
        height: auto;
        transition: all 0.35s ease;
    }

    .img-reviews {
        width: 100%; /* need to overwrite inline dimensions */
        height: auto;
        margin-bottom: 15px;
    }

    .pmSeeMoreContainer {
        margin-top: 10px;
        color: white;
    }

    /* hover styles */
    .reviews-listing {
        position: relative;
    }

    .reviews-image {
        line-height: 0;
        overflow: hidden;
    }

    .reviews-image img {
        filter: blur(0px);
        transition: filter 0.3s ease-in;
        transform: scale(1);
    }

    .dot {
        height: 10px;
        width: 10px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
    }

    #pm_sort-reviews {
        font-weight: none;
        font-size: 13px;
    }

    /** Mobile devices assets **/
    @media screen and (min-width: 0px) and (max-width: 576px) {
        .clr_hr_shadow {
            height: 75px !important;
        }

        .pvr_review_container-block {
            height: 1300px;
            overflow-y: hidden;
            overflow-x: hidden;
        }

        .right {
            text-align: right;
            font-size: 10px;
        }

        .record-icon {
            font-size: 35px;
            text-align: center;
            margin-right: 0;
        }
    }

    @media screen and (min-width: 577px) and (max-width: 768px) {
        .clr_hr_shadow {
            height: 80px;
        }

        label.star {
            float: none;
            position: relative;
            padding: 8px;
            font-size: 30px;
            color: grey;
            transition: all 0.2s;
        }

        .right {
            text-align: right;
            font-size: 10px;
        }

        .pvr_review_container-block {
            height: 1300px;
            overflow-y: hidden;
            overflow-x: hidden;
        }
    }

    /** Mobile devices assets **/
    @media screen and (min-width: 769px) and (max-width: 992px) {
        .pvr_review_container-block {
            height: 955px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .right {
            text-align: right;
        }
    }

    /** Mobile devices assets **/
    @media screen and (min-width: 993px) and (max-width: 1200px) {
        .pvr_review_container-block {
            height: 630px;
            overflow-y: hidden;
            overflow-x: hidden;
        }
    }

    // Handle style for warning button to be more fancy on our review block
    .btn-primary {
        text-transform: capitalize;
    }
    
    .btn-warning {
        text-transform: capitalize;
        font-size: 0.9375rem;
        border-radius: 0.3rem;
        padding: 0.5rem 1.25rem;
        font-weight: 600;
    }

    .btn-light {
        font-size: 0.9375rem;
        border-radius: 0.3rem;
        padding: 0.5rem 1.25rem;
        font-weight: 600;
        text-transform: capitalize;
        border: none;
        background: transparent;
    }
}