/*------------------------------------------------------------------------
# mod_testimonials Extension
# ------------------------------------------------------------------------
# author    PureCom.pt
# copyright Copyright (C) 2021 purecom.pt. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: https://pure.com.pt
-------------------------------------------------------------------------*/
.uk-card-header {
    border-bottom: none !important;
}

img.uk-border-circle {
    width: 50px;
    height: 50px;
}

.img-icon.uk-icon-button.button-user {
    width: 50px;
    height: 50px;
    background-color: #36f!important;
    color: #fff!important;
}

.uk-icon-button.button-google {
    background-color: #E34133!important;
    color: #fff!important;
}

.uk-icon-button.button-facebook {
    background-color: #1778F2!important;
    color: #fff!important;
}

.review-stars ul {
	display: inline-block;
	list-style: none !important;
	margin: 0;
	padding: 0;
}

.review-stars ul li {
	float: left;
	list-style: none !important;
	margin-right: 1px;
	line-height: 1;
}

.review-stars ul li i.star {
	color: #eb6e00; /* Google's Star Orange */
	font-size: 2.5em;
	font-style: normal;
}

.review-stars ul li i.inactive {
	color: #c6c6c6;
}

i.star:after {
	content: "\2605";
}

.review-stars ul li i.recommend {
	color: #F07081; /* Facebook's Recomendation Pink */
	font-size: 1.5em;
	font-style: normal;
}

i.recommend:before {
	content: "\f27a";
    font-family: 'FontAwesome';
}

i.recommend:after {
	content: "\ recomenda";
	color: #c6c6c6;
}

.review-stars ul li i.notrecommend {
	color: #c6c6c6; /* Facebook's Recomendation Grey */
	font-size: 1.5em;
	font-style: normal;
}

i.notrecommend:before {
	content: "\f27a";
    font-family: 'FontAwesome';
}

i.notrecommend:after {
	content: "\ não recomenda";
	color: #c6c6c6;
}

.reviewquote {
    border-left: none; /* 1px solid #ddd; */
    border-radius: 3px;
    position: relative; 
    font-style: normal;
    text-align: justify;
    padding: 1rem 1.2rem;
    width: 80%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 1rem auto 2rem;
    /*background: #f7f7f7;*/
}
.reviewquote:before, .reviewquote:after{
    font-family: FontAwesome;
    position: absolute;
    top: 13px;
    color: #E8E8E8;
    font-size: 20px;
}
.reviewquote:before{
    content: "\f10d";
    margin-right: 13px;
    right: 100%;
}
.reviewquote:after{
    content: "\f10e";
    margin-left: 13px;
    left: 100%;  
    top: auto;
    bottom: 13px;
}