/* ===================================================================
   MYS Theme — Reviews page (tpl-reviews.php, post 291)
   1:1 clone of the live Oxygen page. Selector map (local ← live):
     .odx-reviews__intro        ← section-154-26
     .odx-reviews__intro-inner  ← div_block-46-26
     .odx-reviews__lede         ← text_block-464-272 (.our-office-text)
     .odx-reviews__stars        ← div_block-544-291 (5 × fancy_icon)
     .odx-reviews__main         ← section-15-26
     .odx-reviews__awards       ← div_block-78-26
     .odx-reviews__slider-col   ← div_block-22-26
     .odx-reviews__slider       ← div_block-693-291 (.testimonial_oxel_dynamicslider)
     .odx-reviews__swiper       ← div_block-695-291 (.p-testimonial…__container)
     .odx-reviews__slide        ← div_block-697-291 (.swiper-slide)
     .odx-reviews__slide-body   ← div_block-698-291
     .odx-reviews__quote        ← text_block-699-291
     .odx-reviews__attribution  ← div_block-843-291
     .odx-reviews__author       ← text_block-701-291
     .odx-reviews__cta          ← section-370-272
   Author literals transcribed from uploads/oxygen/css/291.css + universal.css.
   =================================================================== */

/* ── section-154-26 — intro band ───────────────────────────────── */
.odx-reviews__intro {
	background-color: var(--color-white);
	text-align: center;
}

.odx-reviews__intro-inner {
	padding-top: 75px;
	padding-bottom: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

/* text_block-464-272: id override (Poppins) beats .our-office-text (Merriweather) */
.odx-reviews__lede {
	font-family: 'Poppins', sans-serif;
	color: var(--color-charcoal);
	font-size: 1em;
	text-align: center;
	max-width: 700px;
	padding-bottom: 30px;
	margin: 0;
}

.odx-reviews__accent {
	color: var(--color-blue);
}

/* div_block-544-291 — 5 stars, fancy-icon svg 35×35, MYS blue */
.odx-reviews__stars {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.odx-reviews__star {
	width: 35px;
	height: 35px;
	fill: var(--color-blue);
	flex-shrink: 0;
}

/* ── section-15-26 — awards | slider grid ──────────────────────── */
.odx-reviews__main {
	display: block;
}

.odx-reviews__main-inner {
	padding: 0 10px 50px;
	display: grid;
	align-items: center;
	grid-template-columns: repeat(4, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	max-width: var(--container-max);
	margin: 0 auto;
}

.odx-reviews__main-inner > :nth-child(1) {
	grid-column: span 1;
}

.odx-reviews__main-inner > :last-child {
	grid-column: span 3;
}

/* div_block-78-26 — awards column */
.odx-reviews__awards {
	align-items: center;
	text-align: center;
}

.odx-reviews__award-link {
	color: var(--color-navy);
	text-decoration: none;
}

.odx-reviews__award-link:hover {
	color: var(--color-blue);
}

.odx-reviews__award-img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	margin-bottom: 15px;
}

.odx-reviews__award-caption {
	text-align: center;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 1em;
}

.odx-reviews__verified-link {
	text-decoration: none;
}

.odx-reviews__verified {
	text-align: center;
	color: var(--color-blue-light);
	font-weight: 400;
	font-size: 0.7em;
	font-family: 'Merriweather', serif;
}

/* div_block-22-26 — slider column */
.odx-reviews__slider-col {
	display: flex;
	padding: 30px;
	flex-direction: row;
	justify-content: center;
	text-align: center;
}

/* div_block-693-291 — .testimonial_oxel_dynamicslider (live computes mt:-20px) */
.odx-reviews__slider {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	width: 100%;
	max-width: 650px;
	margin-top: -20px;
	background-color: var(--color-white);
}

/* div_block-695-291 — .p-testimonial_oxel_dynamicslider__container */
.odx-reviews__swiper {
	background-color: var(--color-white);
	height: 450px;
	width: 100%;
	min-height: 300px;
	display: flex;
}

.odx-reviews__swiper .swiper-wrapper {
	align-items: stretch;
}

/* div_block-697-291 — .swiper-slide (universal: flex col center; 291: white 300h) */
.odx-reviews__slide {
	width: 100%;
	height: 300px;
	background-color: var(--color-white);
	background-position: 50% 50%;
	background-size: cover;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* div_block-698-291 */
.odx-reviews__slide-body {
	width: 450px;
	max-width: 100%;
	height: 230px;
	align-items: flex-start;
	text-align: left;
	margin: 0;
	padding: 0 35px;
	justify-content: center;
	flex-direction: column;
	display: flex;
}

/* text_block-699-291 — quote */
.odx-reviews__quote {
	color: var(--color-charcoal);
	margin-top: 35px;
	margin-bottom: 10px;
	padding-top: 100px;
	font-family: 'Poppins', sans-serif;
	hanging-punctuation: first;
	text-indent: -0.3em;
}

.odx-reviews__quote p {
	margin: 0;
}

/* div_block-843-291 — attribution row */
.odx-reviews__attribution {
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
}

/* text_block-701-291 — "- Name" */
.odx-reviews__author {
	color: var(--color-charcoal);
	font-style: italic;
	padding-left: 1em;
	padding-right: 15px;
}

/* image-844-291 — google-maps review icon */
.odx-reviews__gmaps-icon {
	width: 20px;
	height: 20px;
	display: block;
}

/* ── section-370-272 — "Leave a Review" CTA ────────────────────── */
.odx-reviews__cta {
	background-color: var(--color-off-white);
	text-align: center;
}

.odx-reviews__cta-inner {
	max-width: 100%;
	padding-top: 75px;
	padding-bottom: 75px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/* div_block-81-26 — CTA text box (div_block-16-26 wrapper collapses to inner) */
.odx-reviews__cta-box {
	display: flex;
	width: 80%;
	max-width: 1300px;
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	justify-content: center;
	margin-top: 0;
}

/* headline-84-26 — live .our-office-heading (undefined locally → author here) */
.odx-reviews__cta-title {
	color: var(--color-navy);
	font-weight: 500;
	font-size: 2.2em;
	line-height: 1.6;
	margin: 0;
}

/* text_block-85-26 */
.odx-reviews__cta-text {
	font-family: 'Merriweather', serif;
	font-size: 1em;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 15px;
}

/* div_block-557-291 */
.odx-reviews__cta-links {
	width: 100%;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	text-align: justify;
}

.odx-reviews__cta-img {
	width: 165px;
	height: 63px;
	margin-left: 15px;
	margin-right: 15px;
}

/* ── Responsive (transcribed from 291.css) ─────────────────────── */
@media (max-width: 1120px) {
	.odx-reviews__main { width: 100%; }
	.odx-reviews__slider-col { width: auto; }
}

@media (max-width: 991px) {
	.odx-reviews__main-inner {
		padding-bottom: 30px;
		display: flex;
		flex-direction: row;
	}
	.odx-reviews__awards { width: 25%; }
	.odx-reviews__slider-col {
		display: flex;
		justify-content: center;
		text-align: center;
		width: 75%;
	}
	.odx-reviews__cta-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.odx-reviews__cta { text-align: left; }
	.odx-reviews__cta-box { width: 100%; margin-top: 0; }
	.odx-reviews__award-caption { font-size: 1em; }
}

@media (max-width: 767px) {
	.odx-reviews__main-inner {
		display: flex;
		flex-direction: row;
	}
	.odx-reviews__awards {
		margin-right: 0;
		width: 20%;
	}
	.odx-reviews__slider-col {
		width: 80%;
		margin-left: 0;
	}
	.odx-reviews__cta-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.odx-reviews__cta { text-align: left; }
	.odx-reviews__award-caption { font-size: 0.7em; }
	.odx-reviews__cta-img { width: 130px; height: auto; }
}

@media (max-width: 479px) {
	.odx-reviews__main-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.odx-reviews__awards { width: 70%; }
	.odx-reviews__slider-col { width: 100%; }
	/* live shrinks the slider window to 300px at mobile + drops the -20px pull */
	.odx-reviews__slider {
		height: 300px;
		margin-top: 0;
	}
	.odx-reviews__swiper { height: 300px; }
	.odx-reviews__slide { width: 100%; }
	.odx-reviews__slide-body { width: 80%; }
	.odx-reviews__cta-links {
		flex-direction: column;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: space-between;
	}
	.odx-reviews__cta-img { margin-bottom: 15px; }
}