/* Custom changes to Yotpo CSS */

#cart-page #yotpo-testimonials-custom-tab {
    background-color: #f0f0f0;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border: solid 1px #f0f0f0;
    height: 420px;
    position: relative;
}

#cart-page .yotpo-display-wrapper {
    background-color: #f0f0f0;
    overflow-y: visible;
    overflow-x: visible;
    height: 90px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -6px;
    border: solid 1px #f0f0f0
}
#cart-page #yotpo-testimonials {
    width: auto;
    margin: 0 15px;
    background-color: white;
}
/* change to make font color black instead of gray */
#cart-page .yotpo div, #cart-page .yotpo span, #cart-page .yotpo p, #cart-page .yotpo a, #cart-page .yotpo img, #cart-page .yotpo i, #cart-page .yotpo strong, #cart-page .yotpo sup, #cart-page .yotpo ul, #cart-page .yotpo li, #cart-page .yotpo form, #cart-page .yotpo label {
    color: black;
}

/* Hide label at top */
#cart-page .yotpo-label {
    display: none;
}


/* remove border from summary section for site reviews */
#cart-page .yotpo-modal-bottom-line {

    border: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center the stars and review summary */
#cart-page .yotpo-modal-bottom-line .pull-left{
    float: none !important;
    text-align: center !important;
    width: 100% !important;
    margin-right: 10%;
    margin-top: 10px;
}

/* Change stars */
#cart-page .yotpo-modal-bottom-line .pull-left span {
    text-align: center !important;
    font-size: 18px !important;
}

/* Change stars in the summary to green and white */
#cart-page .yotpo .yotpo-bottomline .yotpo-icon-star, #cart-page .yotpo .yotpo-bottomline .yotpo-icon-half-star, #cart-page .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
    color: white;
    background-color: darkgreen;
    margin: 2px; padding: 5px;
}

/* Put reviews summary on separate line */
#cart-page .yotpo-modal-bottom-line .pull-left a{
    display:block;
    clear:both;
}

/* Change appearance of reviews summary */
#cart-page .yotpo-modal-bottom-line .pull-left a {
    margin-top: 15px !important;
    color: darkgreen !important;
}

/* Custom Review summary message on screens 390px and larger */
/* Use default on smaller screens */
@media only screen and (min-width: 390px)  {

    /* Separate the two words (number of reviews and the word review) */
    /* change the color to green and make sure 'reviews' is lowercase */
    #cart-page .yotpo-modal-bottom-line .pull-left a {
        text-transform: lowercase;
        word-spacing: 105px;
        font-weight: bold;
    }

     /* add in customers have left [9 spaces] on Yotpo */
    #cart-page .yotpo-modal-bottom-line .pull-left a:after {
        padding: 5px
        font: "Verdana";
        text-transform: none;
        font-weight: normal;
        color: #000000;
        vertical-align: bottom;
        content: "customers have left\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 on Yotpo";
        margin-left: -145px;
        text-align: center;
        word-spacing: normal;
        display: inline-block;
    }

    /* Specifications for Webkit browers (ex Chrome) */
   @media screen and (-webkit-min-device-pixel-ratio:0) {
       #cart-page .yotpo-modal-bottom-line .pull-left a {
           word-spacing: 125px;
       }

       #cart-page .yotpo-modal-bottom-line .pull-left a:after {
           margin-left: -170px;
           content: "customers have left\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 on Yotpo";
       }
   }

   /* Specifications for Firefox */
   @-moz-document url-prefix() {

       #cart-page .yotpo-modal-bottom-line .pull-left a {
           word-spacing: 122px;
       }
       #cart-page .yotpo-modal-bottom-line .pull-left a:after {
           margin-left: -172px;
       }
   }

}

/* Change appearance of 'Write a Review' button */
#cart-page .yotpo-default-button {
    float: none !important;
    margin-left: 30% !important;
    background-color: seagreen !important;
    margin-bottom: 2px !important;
    margin-top: 10px !important;
    text-align: center !important;
    height: 32px !important;
    padding: 2px !important;
    min-width: 105px !important;
}


/* Make button green on hover */
#cart-page .yotpo .primary-color-btn:hover, #cart-page .yotpo input[type="button"].primary-color-btn:hover {
    background-color: darkgreen!important;
}

/* Make sure buttons display on all screens and set margins, width, color */
#cart-page .yotpo .write-review-button  {
    display: inline-block !important;
    margin: 5px 9% 20px 0;
    width: 40%;
    background-color: seagreen;
}

/* Hide navigation bar */
#cart-page .yotpo .yotpo-nav {
    display: none;
}

/* Display 'Top Reviews' before the reviews */
#cart-page .yotpo-reviews:before {
    content: "Top Reviews";
    font-size: 24px;
    font-weight: bold;
    margin-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block
}

/* Hide profile picture checkmark*/
#cart-page .yotpo-icon-circle-checkmark{
    display: none;
}

/* Hide profile picture */
#cart-page .yotpo-icon-profile {
    display: none;
}

/* hide user name */
#cart-page .yotpo-user-name {
    float: left;
    color: #3085c7;
    font-weight: bolder;
    margin-right: 5px;
    display: none;
}

/* Change review stars */
#cart-page .yotpo-header .yotpo-review-stars .yotpo-icon {
    color: white;
    background-color: darkgreen;
    margin-right: 5px;
}


/* Change appearance of review section */
#cart-page .yotpo-review {
    border: none !important;
    padding-bottom: 3px !important;
    padding-top: 2px !important;
    padding-right: 15px !important;
}

/* Make sure margin for review content stays consistent */
#cart-page .yotpo-review  .yotpo-main {
    margin-left: 10px !important;
}

/* change margin of the review headers */
#cart-page .yotpo-review .yotpo-header {
    margin-left: 12px;
}

/* change font size of review headings */
#cart-page .yotpo-main .content-title {
    font-size: 18px;
}

/* hide review footers */
#cart-page .yotpo .yotpo-review .yotpo-footer {
    display: none;
}