/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.am-review-power-view {
  padding: 25px;
    margin: 0 5px 10px;
    background: #fff;
    -o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    border-radius: 18px;
    clear: both;
}

/*
********************************************************************************************
*
* testimonial/review text styles 
*
********************************************************************************************
*/

.am-review-power-view blockquote {
  border: none !important;
  margin: 0 !important;
  background-color: inherit;
  padding: 20px;
  color: inherit;
  font-style: italic;
  margin: 0;
  font-size: 18px;
}

.am-review-power-view blockquote:before, .am-review-power-view blockquote:after {
  font-family: Georgia, serif;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 48px;
  font-size: 50px;
  opacity: .2;
}

.am-review-power-view blockquote:before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
}

.am-review-power-view blockquote:after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
}

.am-review-power-view .author-name {
  font-weight: bold;
}

.am-review-power-view .author-subtitle {
  color: grey;
}



/*
********************************************************************************************
*
* Font Awesome icon styles 
*
********************************************************************************************
*/

.am-review-power-view .network-icon {
  width: 25px;
  height: 25px;
  margin-top: -7px;
}

.am-review-power-view .network {
  float: left !important;
  width: 30px;
  height: 25px;
}


/*
********************************************************************************************
*
* Star rating css from: https://gist.github.com/NLDev/464b08135138f1c1a135053a898b1a79 
*
********************************************************************************************
*/
.am-testimonials .star-rating, .am-reviews .star-rating {
  float: left !important;
}

.am-testimonials .average-star-rating, .am-reviews .average-star-rating {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 50px;
  height: 50px;
  width: 255px;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
  line-height: 1;
}

.am-testimonials .star-rating, .am-reviews .star-rating {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 128px;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
  line-height: 1;
}

.am-testimonials .star-rating-upper, .am-reviews .star-rating-upper {
  color: #ffb718;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  top: 0;
  left: 0;
  overflow: hidden;
}

.am-testimonials .star-rating-lower, .am-reviews .star-rating-lower {
  padding: 0;
  display: flex;
  z-index: 0;
}

.svg-star svg {
  width: 90px;
  filter: drop-shadow(0px 1.5px 0px #a2a2a2);
}

.rating__background {
  fill: #c5c5c5;
  stroke: red;
  stroke-width: 1;
  height: 100%;
  width: 100%;
}

.rating__value {
  fill: #ffb718;
  height: 100%;
}

.svg-average-rating svg{
  width: 200px;
  filter: drop-shadow(0px 1.5px 0px #a2a2a2);
}