/**
 * 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 i {
  font-size: 25px;
}

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

.am-review-power-view .fa-facebook { color: #4267B2; }

.am-review-power-view .fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.am-review-power-view .fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

.am-review-power-view .fa-linkedin { color: #2867B2; }
.am-review-power-view .fa-pinterest { color: #BD081C; }
.am-review-power-view .fa-tiktok { 
  color: #000000; 
  text-shadow: 1.5px 1.5px 0px #fd3e3e, -1.5px -1.5px 0px #4de8f4;
}
.am-review-power-view .fa-twitter { color: #1DA1F2; }
.am-review-power-view .fa-vimeo { color: #1ab7ea; }
.am-review-power-view .fa-user-md { color: #74c60a; }
.am-review-power-view .fa-book-open { color: #ffd400; }
.am-review-power-view .fa-yelp { color: #D32323; }
.am-review-power-view .fa-youtube {color: #FF0000; }
.am-review-power-view .fa-user { color: grey; }




/*
********************************************************************************************
*
* 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);
}