/*
// Plugin Name : Review & Testimonial Plugin
// Created On : 12/05/2020
// Author : Joe Kustek
// Version : 1.0
// Description : Allow users to leave Reviews and Testimonials Easily On Your Website
//
*/

.review-wrapper {
  margin-top: 20px;
}

.review_btn {
  background: #7b7b7b;
  margin-bottom: 10px;
  color: #fff;
  font-size: 20px;
  padding-bottom: 1px;
  border: 1px solid #000;
  cursor: pointer;
  padding-left: 11px;
  padding-right: 11px;
}

.review_btn:hover {
  background: #7b7b7b;
  color: #fff;
}

/* The Star Rating Styles */
fieldset, label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  float: left;
  width: 167px;
}

.rating > input { display: none; }
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
 float: right;
 cursor: pointer;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

/* For the emoji's */
.emoji-wrapper {
  margin-bottom: 10px;
}
.emoji-md1 {
  cursor: pointer;
  margin-right: 5px;
}
#review-emojis {
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
}
.review-emoji {
  margin-left: 10px;
  margin-right: 10px;
}