$google-star-yellow-color: #fbbc04 !default;
$google-star-grey-color: #dadce0 !default;

$google-bar-yellow-color: #f6b500 !default;
$google-bar-grey-color: #d0cbc9 !default;

.googleOpinions {
	display: flex;
	border-bottom: 2px solid #e6e6e6;
	padding: 0 0 30px 0;
	&__rating {
		@include medium-weight;
		font-size: 44px;
		margin-right: 10px;
	}
	&__info {
		display: flex;
		align-items: center;
	}
	&__infoText {
		@include medium-weight;
		margin-right: 5px;
	}
	p {
		margin-bottom: 0;
	}
	&__stars {
		display: inline-block;
		position: relative;
		overflow: hidden;
	}
	&__star {
		position: relative;
		overflow: hidden;
		&--empty {
			.icon {
				&, & * {
					fill: $google-star-grey-color;
				}
			}
		}
		&--filled {
			position: absolute;
			top: 0;
			left: 0;
			&, & * {
				fill: $google-star-yellow-color;
			}
		}
	}
}

.googleOpinionsBar {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	&__value {
		padding: 0 10px 0 0;
		text-align: right;
	}
	&__progress {
		margin: 7px 0 0 0;
		height: 7px;
		border-radius: 0;
		box-shadow: none;
		background: $google-bar-grey-color;
		padding: 0;
		.progress-bar {
			background: $google-bar-yellow-color;
		}
	}
	&__star {
		padding: 0 0 0 10px;
		span {
			vertical-align: middle;
		}
		svg.icon-hotel-stars-1,
		svg.icon-hotel-stars-1 * {
			fill: $brand-brown-medium;
			vertical-align: middle;
		}
	}
}
ul.google_final_opinions {
	clear: both;
	margin: 25px 0 0 0;
}