/*
 * Customer Story Details — testimonial blockquote at the end of the
 * write-up. Everything else on this page (.blog-featured, .blog-details__content,
 * .case-study-details__logo, dividers) is reused as-is from
 * assets/css/blog/blog-listing.css / blog-details.css /
 * assets/css/case-study/case-study-details.css — this file only covers
 * what's new to this page.
 *
 * Only enqueued on single Customer Story views (see inc/enqueue.php).
 *
 * @package Greenova
 */

.customer-story-details__quote {
	margin:  40px 0 0;
	padding: 0;
	border:  none;
}

.customer-story-details__quote-icon {
	display:       inline-flex;
	margin-bottom: 16px;
}

.customer-story-details__quote-icon img {
	width:   40px;
	height:  auto;
	display: block;
}

.customer-story-details__quote-text {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:   20px;
	font-weight: 400;
	line-height: 32px;
	color:       #000000;
	margin:      0 0 24px;
	max-width:   760px;
}

.customer-story-details__customer {
	display:     flex;
	align-items: center;
	gap:         14px;
}

.customer-story-details__customer-photo {
	flex-shrink:   0;
	width:         55px;
	height:        55px;
	border-radius: 50%;
	object-fit:    cover;
	display:       block;
}

.customer-story-details__customer-info {
	display:        flex;
	flex-direction: column;
	gap:            2px;
}

.customer-story-details__customer-name {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:   16px;
	font-weight: 600;
	color:       #000000;
}

.customer-story-details__customer-role {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:   14px;
	font-weight: 400;
	color:       #58595B;
}

@media ( max-width: 575.98px ) {
	.customer-story-details__quote-text {
		font-size:   18px;
		line-height: 28px;
	}
}