/**
 * 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
 *
 *           ____     __  __
 *          |  _ \   |  \/  |
 *          | |_) |  | |\/| |
 *          |  __/   | |  | |
 *          |_|      |_|  |_|
 */


/** Footer page review list use case 4 per line**/

#pvr {
    .grid-container-4 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 1em;
    }
    .reviews-item-content-4 {
        line-height: 20px;
        color: white;
        font-size: 10px;
    }
    .reviews-title-4 {
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        z-index: 1;
        position: absolute;
        height: 22%;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        /* position the text in t’ middle*/
        align-items: center;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .material-icons-specific {
        font-size: 20px;
    }

    .child-page-listing-4 {
        height: auto;
    }

    /** Footer page review list use case 3 per line**/
    .grid-container-3 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 1em;
    }
    .reviews-item-content-3 {
        line-height: 25px;
        color: white;
    }
    .reviews-title-3 {
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        z-index: 1;
        position: absolute;
        height: 19%;
        width: 100%;
        bottom: 0px;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        /* position the text in t’ middle*/
        align-items: center;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .child-page-listing-3 {
        height: auto;
    }

    /** Footer page review list use case 3 per line**/
    .grid-container-2 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-gap: 1em;
    }
    .reviews-item-content-2 {
        line-height: 25px;
        color: white;
    }
    .reviews-title-2 {
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        z-index: 1;
        position: absolute;
        height: 13%;
        width: 100%;
        bottom: 0px;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        /* position the text in t’ middle*/
        align-items: center;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .child-page-listing-2 {
        height: auto;
    }

    @media screen and (min-width: 769px) and (max-width: 992px) {
        .reviews-title-4 {
            font-size: 9px;
            /* font-weight: bold; */
            text-decoration: none;
            z-index: 1;
            position: absolute;
            height: 18%;
            width: 100%;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.6);
            align-items: center;
            justify-content: center;
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }

    @media screen and (min-width: 993px) and (max-width: 1200px) {
        .grid-container-4 {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            grid-gap: 1em;
        }
        .reviews-item-content-4 {
            line-height: 20px;
            color: white;
        }
    }
}