/**
 * Proadign Toolkit — Review Carousel
 */


/* ==========================================================
   WRAPPER
   ========================================================== */

.pdstyle-reviews {
	position: relative;

	width: 100%;
	margin: 0 auto;
	padding: 0 72px;

	text-align: center;
}


/* ==========================================================
   HEADING
   ========================================================== */

.pdstyle-reviews__heading {
	margin-bottom: 14px;

	color: #3333CC;

	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 700;
	line-height: 1;

	text-align: center;
	text-transform: uppercase;
}


.pdstyle-reviews__heading-accent {
	color: #FF9900;
}


/* ==========================================================
   FIXED STARS
   ========================================================== */

.pdstyle-reviews__stars-fixed {
	margin-bottom: 20px;

	color: #FF9900;

	font-size: 24px;
	line-height: 1;
	letter-spacing: 3px;

	text-align: center;
}


/* ==========================================================
   VIEWPORT
   ========================================================== */

.pdstyle-reviews__viewport {
	position: relative;
	overflow: hidden;
}


/* ==========================================================
   TRACK
   ========================================================== */

.pdstyle-reviews__track {
	position: relative;
	overflow: hidden;

	transition:
		height 0.45s ease-in-out;
}


/* ==========================================================
   REVIEW
   ========================================================== */

.pdstyle-review {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	margin: 0;
	padding: 0;

	visibility: hidden;

	transform: translateX(100%);

	pointer-events: none;

	transition:
		transform 1.35s cubic-bezier(0.42, 0, 0.58, 1);
}


.pdstyle-review.is-active {
	visibility: visible;

	transform: translateX(0);

	pointer-events: auto;
}


/* ----------------------------------------------------------
   Directional States
   ---------------------------------------------------------- */

.pdstyle-review.is-entering-right {
	visibility: visible;
	transform: translateX(100%);
}


.pdstyle-review.is-entering-left {
	visibility: visible;
	transform: translateX(-100%);
}


.pdstyle-review.is-exiting-left {
	visibility: visible;
	transform: translateX(-100%);
}


.pdstyle-review.is-exiting-right {
	visibility: visible;
	transform: translateX(100%);
}


/* ==========================================================
   QUOTE
   ========================================================== */

.pdstyle-review__quote {
	margin: 0;
	padding: 0;

	border: 0;
}


.pdstyle-review__quote p {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 70px;

	color: #444;

	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(17px, 1.4vw, 21px);
	font-weight: 400;
	line-height: 1.55;
}


/* ==========================================================
   AUTHOR
   ========================================================== */

.pdstyle-review__author {
	margin-top: 24px;

	color: #666;

	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}


/* ==========================================================
   CONTROLS
   ========================================================== */

.pdstyle-reviews__button {
	position: absolute;
	top: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	padding: 0;

	border: 0;
	border-radius: 50%;

	background: #3333CC;
	color: #fff;

	font-family: Arial, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;

	cursor: pointer;

	transform: translateY(-50%);

	box-shadow:
		0 2px 6px rgba(0, 0, 0, 0.16);

	transition:
		background 0.2s ease,
		transform 0.2s ease;
}


.pdstyle-reviews__button--prev {
	left: 2%;
}


.pdstyle-reviews__button--next {
	right: 2%;
}


.pdstyle-reviews__button:hover,
.pdstyle-reviews__button:focus-visible {
	background: #FF9900;

	transform:
		translateY(-50%)
		scale(1.05);
}


/* ==========================================================
   MORE GOOGLE REVIEWS
   ========================================================== */

.pdstyle-reviews__footer {
	margin-top: 28px;

	text-align: center;
}


.pdstyle-reviews__more {
	color: #FF9900;

	font-size: 18px;
	font-weight: 700;

	text-decoration: none;
}


.pdstyle-reviews__more:hover,
.pdstyle-reviews__more:focus-visible {
	color: #3333CC;

	text-decoration: underline;
}


/* ==========================================================
   TABLET
   Keeps review text clear of side arrows.
   ========================================================== */

@media (min-width: 768px) and (max-width: 980px) {

	.pdstyle-reviews__button--prev {
		left: 1%;
	}


	.pdstyle-reviews__button--next {
		right: 1%;
	}


	.pdstyle-review__quote p {
		max-width: 820px;

	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.pdstyle-reviews {
		padding: 0;
	}


	.pdstyle-reviews__button {
		position: static;

		display: inline-flex;

		margin-top: 26px;

		transform: none;
	}


	.pdstyle-reviews__button--prev {
		margin-right: 8px;
	}


	.pdstyle-reviews__button--next {
		margin-left: 8px;
	}


	.pdstyle-reviews__button:hover,
	.pdstyle-reviews__button:focus-visible {
		transform: scale(1.05);
	}

}