/* Reviews */ 
 

 div#review-cta {
    display: block; width: 100%; 
    padding: 10px; 
    background-color: #f8f8f8; 
    margin-bottom: 10px; 
    text-align: right; 
    box-sizing: border-box; 
 }

 #review-cta a {
    display: inline-block; 
    background-color: #197cff; 
    padding: 5px 10px; 
    color: #fff; 
    font-weight: bolder; 
    text-align: center;
    border-radius: 3px;  
 }

 ul#reviews {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem; /* adjust spacing between items */
    list-style: none;
    padding: 0;
    margin: 0; 
}

    li.review {
        box-sizing: border-box; 
        padding: 20px; background-color: #f8f8f8; 
    }


    li.review span.review-meta {
        display: block; width: 100%; box-sizing: border-box; 
        clear: both; 	
    }

        span.review-meta-avatar {
            display: inline-block; 
            width: 75px; height: 75px; 
        }

        span.review-meta-avatar img {
            width: 100%; height: 100%; 
            object-fit: contain; 
        }
    



        span.review-meta-author {
            display: block; width: 100%; box-sizing: border-box; 
            clear: both; 	
            font-weight: bolder; 
        }
        span.review-meta-date {
            display: block; width: 100%; box-sizing: border-box; 
            clear: both; 	
            color: #a3a3a3; 
        }
        

        
        ul.review-rating {
            display: inline-block; 
            list-style-type: none; padding: 0px; margin: 0px; 
            margin-right: 20px; 
            white-space: nowrap !important; 
            font-size: 0; 
            float: left; 
            height: 15px; line-height: 100%; 
            vertical-align: middle; 
            position: relative; 
            top: 4px; 
        }
            ul[data-rating="1"]{
                width: 14px; 	
            }
            ul[data-rating="2"]{
                width: 28px; 	
            }
            ul[data-rating="3"]{
                width: 42px; 	
            }
            ul[data-rating="4"]{
                width: 56px; 	
            }
            ul[data-rating="5"]{
                width: 70px; 	
            }
                                                        
            
        ul.review-rating > li {
            display: inline-block; width: 14px; height: 13px; 
            content: ""; 
            background-color: transparent; 
            background-image: url('../../images/icons/star.png'); 
            background-repeat: no-repeat; 
            background-position: center center; 
            background-size: 100%; 
            
        }


/* RWD */ 
@media all and (max-width: 480px){
    div#review-cta {
        text-align: center; 
    }
}