@charset "UTF-8";

/* AVIS GOOGLE
----------------------------------------*/

.o-googleReviews{
	position: 				relative;
	padding: 				55px 0 65px;
}

.o-googleReviews:before{
	z-index: 				1;
	position: 				absolute;
	top: 					0;
	width: 					90vw;
	left: 					calc((90vw - 100%) / -2);
	height: 				100%;
	content: 				'';
	background: 			#f8f8f9;
}

.o-googleReviews>*{
	position: 				relative;
	z-index: 				2;
}

.o-googleReviews h2{
	text-align: 			center;
	margin-bottom: 			35px;
}

.m-googleReviews__addReview{
	text-align: 			center;
	margin-bottom: 			45px;
}

.m-googleReviews__addReview .editor-button {
	background-color: #254460;
}

.m-googleReviews__allReviews{
	text-align: 			right;
	margin-top: 			45px;
}

.m-googleReviews__list{
	display: 				grid;
	grid-template-columns: 	repeat(3, minmax(0, 1fr));
	gap: 					40px;
	align-items: flex-start;
}

.m-googleReviews__card{
	position: 				relative;
	display: 				flex;
	flex-direction: 		column;
	align-items: 			center;
	text-align: 			center;
	background: 			#fff;
	border: 				1px solid #e3e3e8;
	padding: 				55px 30px 30px;
	box-sizing: 			border-box;
}

.a-googleReviews__logo{
	position: 				absolute;
	top: 					18px;
	right: 					18px;
	width: 					62px;
	height: 				62px;
	border-radius: 			50%;
	background: 			#F8F7F5;
	display: 				flex;
}

.a-googleReviews__logo svg{
	margin: 				auto;
}

.a-googleReviews__author{
	color: 					#26445f;
	font-size: 				22px;
	font-weight: 			400;
	margin-bottom: 			10px;
}

.m-googleReviews__stars{
	display: 				flex;
	gap: 					6px;
	margin-bottom: 			18px;
}

.a-googleReviews__star{
	fill: 					#dcdcdc;
}

.a-googleReviews__star.-full{
	fill: 					#ebc900;
}

.a-googleReviews__comment{
	display: 				-webkit-box;
	-webkit-line-clamp: 	5;
	-webkit-box-orient: 	vertical;
	overflow: 				hidden;
	color: 					#181818;
	font-size: 				16px;
	line-height: 			26px;
}

.a-googleReviews__comment.-expanded{
	display: 				block;
	overflow: 				visible;
}

.a-googleReviews__expand{
	appearance: 			none;
	-webkit-appearance: 	none;
	border: 				0;
	background: 			none;
	padding: 				0;
	margin-top: 			8px;
	cursor: 				pointer;
	color: 					#d5b120;
	font-family: 			inherit;
	font-size: 				16px;
	font-weight: 			600;
	line-height: 			26px;
	transition: 			all 0.3s;
}

.a-googleReviews__expand:hover{
	color: 					#26445f;
}

.a-googleReviews__empty{
	text-align: 			center;
}

/* pagination */

.m-googleReviews__pagination{
	display: 				flex;
	justify-content: 		center;
	gap: 					10px;
	margin-top: 			50px;
	list-style: 			none;
	padding: 				0;
}

.m-googleReviews__pagination li{
	width: 					40px;
	height: 				40px;
	line-height: 			40px;
	text-align: 			center;
	color: 					#26445f;
	font-weight: 			600;
	background: 			#fff;
	border: 				1px solid #e3e3e8;
	box-sizing: 			border-box;
}

.m-googleReviews__pagination li a{
	display: 				block;
	height: 				100%;
	color: 					inherit;
	text-decoration: 		none;
	transition: 			all 0.3s;
}

.m-googleReviews__pagination li a:hover{
	background: 			#ebc900;
	color: 					#fff;
}

.m-googleReviews__pagination li.-active{
	background: 			#26445f;
	border-color: 			#26445f;
	color: 					#fff;
}

.m-googleReviews__pagination li.-disabled{
	border-color: 			transparent;
	background: 			none;
}

.m-googleReviews__pagination li.-prev a,
.m-googleReviews__pagination li.-next a{
	background: 			url(../../../img/bt-next.png) no-repeat center;
}

.m-googleReviews__pagination li.-prev a{
	transform: 				scaleX(-1);
}

.m-googleReviews__pagination li.-prev a:hover,
.m-googleReviews__pagination li.-next a:hover{
	background: 			url(../../../img/bt-next.png) no-repeat center #ebc900;
}

@media screen AND (max-width: 1180px){
	.m-googleReviews__list{
		gap: 				25px;
	}

	.m-googleReviews__card{
		padding: 			50px 20px 25px;
	}

	.a-googleReviews__author{
		font-size: 			20px;
	}
}

@media screen AND (max-width: 1024px){
	.a-googleReviews__logo{
		width: 				48px;
		height: 			48px;
		top: 				12px;
		right: 				12px;
	}
}