/**
 * ACF block: Цитата з автором.
 */

.quote-author {
	padding: 20px 25px;
	background: #f3f3f3b2;
	border-radius: var(--radius-md);
}

.quote-author__quote {
	font-size: 16px;
	font-weight: var(--font-weight-regular);
	line-height: 1.4;
}

.quote-author__quote p {
	margin: 0;
}

.quote-author__quote p + p {
	margin-top: 10px;
}

.quote-author__divider {
	height: 2px;
	margin: 15px 0;
	background: var(--color-pink);
}

.quote-author__person {
	display: flex;
	align-items: center;
}

/* .editor-styles-wrapper prefix beats the editor canvas's own ".editor-styles-wrapper img"
   rule (higher specificity) — see telegram-block-1/2.css and team.css for the
   same fix. */
.quote-author__photo,
.editor-styles-wrapper .quote-author__photo {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	margin-right: 15px;
	border-radius: 50%;
	object-fit: cover;
}

.quote-author__name {
	margin-bottom: 1px;
	font-family: var(--font-family);
	font-weight: var(--font-weight-bold);
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0;
}

.quote-author__position {
	font-family: var(--font-family);
	font-weight: var(--font-weight-regular);
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0;
}

@media (max-width: 767px) {
	.quote-author {
		padding: 25px 15px;
	}

	.quote-author__photo,
	.editor-styles-wrapper .quote-author__photo {
		width: 70px;
		height: 70px;
	}
}