@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/*For when the user rates a product*/
@media screen and (max-width:1280px){
  
  .stars{
    float:left;
    margin-left: 1em;
  }

}
.stars{
    margin-right:auto;
  }
/* Ratings widget */
.rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
    text-align: left;
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars rating */
/* .rate > label:last-child:before {
    content: "\f006 "; /* empty star outline */
/*} */
/* Half star trick */
.rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { color: #e9911b;  } /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #e9911b;  }

/*For the overall score of a product*/
.star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 35px;
  position: relative;
  margin: 0;
  padding: 0;
  display:inline-block
}

.star-ratings .fill-ratings {
  color: #e9911b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
/* Allows us to grab the width of the span elements*/
/* span {
  display: inline-block;
} */

.star-ratings .fill-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}

/*Misc*/
.pic {
  display: block;
  border-radius: 50px;
}

.review-container{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}