﻿/*  CSS of Review Page */

/** {
    box-sizing: border-box;
}

body {
    font-family: Arial;
    margin: 0 auto;*/ /* Center website */
    /*max-width: 800px;*/ /* Max width */
    /*padding: 20px;
}*/

/*.heading {
    font-size: 25px;
    margin-right: 25px;
}

.fa {
    font-size: 25px;
}

.checked {
    color: orange;
}*/

/* Three column layout */
/*.side {
    float: left;
    width: 15%;
    margin-top: 10px;
}

.middle {
    float: left;
    width: 70%;
    margin-top: 10px;
}*/

/* Place text to the right */
/*.right {
    text-align: right;
}*/

/* Clear floats after the columns */
/*.row:after {
    content: "";
    display: table;
    clear: both;
}*/

/* The bar container */
/*.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
}*/

/* Individual bars */
/*.bar-5 {
    width: 60%;
    height: 18px;
    background-color: #04AA6D;
}

.bar-4 {
    width: 30%;
    height: 18px;
    background-color: #2196F3;
}

.bar-3 {
    width: 10%;
    height: 18px;
    background-color: #00bcd4;
}

.bar-2 {
    width: 4%;
    height: 18px;
    background-color: #ff9800;
}

.bar-1 {
    width: 15%;
    height: 18px;
    background-color: #f44336;
}*/

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
/*@media (max-width: 400px) {
    .side, .middle {
        width: 100%;
    }*/
    /* Hide the right column on small screens */
    /*.right {
        display: none;
    }
}*/

#banner-section .hdg-2 {
    bottom: 10px;
    right: 75px;
}

#banner-section .banner-image {
    height: 170px;
}

/* Section Categories*/



.card .card-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0rem;
}

.card .card-text {
    font-weight: 300;
    font-size: 0.75rem;
    margin-bottom: 0rem;
}


.img-fluid {
    border: 0.5px solid #dfdfdf;
}

.nav-link-icon {
    height: 1.563rem;
}

.review-text1 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight:400;
    font-size:24px;
    
}

.review-text2 {
    font-family: 'Roboto', sans-serif;   
    font-size: 18px;
}

.review-hdg1 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight:400;
    font-size: 32px;
}

.review-hdg2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 42px;
}

#review-section .star{
    font-size:30px;
}

#review-section .stars-text {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight:300;
}

#review-section .stars-text2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
}


/* star rating */

.star {
    font-size: 50px;
    cursor: pointer;
}

.one {
    color: rgb(255, 0, 0);
}

.two {
    color: rgb(255, 106, 0);
}

.three {
    color: rgb(251, 255, 120);
}

.four {
    color: rgb(255, 255, 0);
}

.five {
    color: rgb(255, 215, 0);
}
/*end of star rating */

#customer-comment-section .carousel-img {
    width: 60px;
    max-height: 60px;
    border-radius: 50%;
    margin-right: 1rem;
    overflow: hidden;
}

#customer-comment-section .customer-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
}

#customer-comment-section .customer-verified {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #555555;
}

#customer-comment-section .fa {
    font-size: 10px;
}

#customer-comment-section .carousel-item {
    height: 400px;
}

#customer-comment-section .item-img-size {
    height: 80px;
    width: 80px;
}

#customer-comment-section .review-date {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 12px;
    color: #555555;
}

#review-star .fa {
    font-size: 20px;
    color:#000000;
}

#customer-comment-section .review-highlight {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

    /* End Of Sections  */
