/*! 
 This section handles reviews from different sites
 It changes the rating icon to the colors used by each site.
 */


.fa-sm {
  font-size: .875em; }
.fa-xs {
  font-size: .75em; }
.fa-micro {
  font-size: .50em; }
i {
  float: left;
  padding-right: 4px;
}
.fa-star-half,
.fa-star {
  color: #323f4d;  /*! dark bluish */
}
.fa-star-half {
  position: relative;
}
.fa-star-half:after {
  font-family: FontAwesome;
  content: '\f089';
  position: absolute;
  z-index: 1;
}
.fa-star-half:before {
  font-family: FontAwesome;
  content: '\f089';
  position: absolute;
  color: #d3d8de;  /*! grey */
  z-index: 1;
}


/*! booking.com displays a number and decimal point within a bluish badge */
span.booking-blue-review {
  background-color: #003580;
  border-radius: 5px 5px 5px 0px;
  font-size: 0.95em;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 9px;
  padding-top: 9px;
}


/*! Vrbo uses up to 5 stars, dark bluish and grey */
.vrbo-checked {
  color: #323f4d;
}
.vrbo-unchecked {
  color: #d3d8de;
}
/*! vrbo switched to numbers (like 10/10) within a dark bluish badge */
span.vrbo-dark-review {
  background-color: #323f4d;
  border-radius: 5px 5px 5px 0px;
  font-size: 0.95em;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 9px;
  padding-top: 9px;
}

/*! airbnb uses up to 5 stars, red and grey */
.airbnb-star {
  color: #ff385c;
}
.airbnb-unchecked {
  color: #d3d8de;
}


/*! PaW1802 uses up to 5 stars, orange and grey */
.paw-checked {
  color: orange;
}
.paw-unchecked {
  color: #d3d8de;
}


/* Create partial star rating by overlaying grey with a percentage of orange */
.rating {
  display: inline-block;
  unicode-bidi: bidi-override;
  color: #d3d8de;
  font-size: 20px;
  margin: 0 0 0 0px;
  position: relative;
  padding: 0;
}
.paw-rating-upper {
  color: #c52b2f;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rating-lower {
  padding: 0;
  display: flex;
  z-index: 0;
}