.megaquote {
	background: var(--color-gray-100);
}

.customers-template .megaquote {
	margin: 3rem auto;
	border-radius: 1rem;
}

.megaquote>.grid {
	row-gap: 0px;
}

.megaquote-cite {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	font-style: normal;
	color: inherit;
}

.cite-image-container img {
	border-radius: 12px;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.cite-meta {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 24px;
}

.cite-person {
	font-weight: 600;
	font-size: 1.125rem;
	font-family: var(--wp--preset--font-family--figtree);
}

.cite-person .name {
	color: var(--color-blue-400);
}

.cite-person .title {
	color: var(--color-gray-600);
}

.cite-company {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.cite-company .company {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
	font-size: 13px;
	color: inherit;
}

.company-logo-container {
	margin-top: 24px;
}

.company-logo-container img {
	height: 44px;
	width: auto;
	max-width: 220px;
	object-fit: contain;
	object-position: right;
}

.megaquote-container .btn {
	margin-top: 24px;
}

.megaquote .quote {
	font-weight: 600;
	font-family: var(--wp--preset--font-family--ufficio-fireblocks);
}

.megaquote .quote.small {
	font-size: var(--wp--preset--font-size--large-plus);
}

.megaquote .quote.medium {
	font-size: var(--wp--preset--font-size--xx-large);
}

.megaquote .quote.large {
	font-size: var(--wp--preset--font-size--xxx-large);
}

.megaquote .quote span {
	color: var(--color-blue-300);
}

.cite-quote-icon {
	margin-bottom: 32px;
}


/* Replace btn icon with a video one */
.megaquote-youtube-lightbox .icon:before,
.megaquote-wistia-lightbox .icon:before {
	mask-image: url(../../assets/svg/icons/video-icon.svg);
}

/* Default Layout */
.megaquote.layout-default .megaquote-cite {
	grid-column: span 3;
}

.megaquote.layout-default .megaquote-container {
	grid-column: 5/-1;
}


/* Centered Layout */
.megaquote.layout-centered .megaquote-cite,
.megaquote.layout-centered .megaquote-container {
	grid-column: 1/-1;
	max-width: 800px;
	margin-inline: auto;
}

.megaquote.layout-centered .megaquote-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.megaquote.layout-centered .megaquote-cite {
	order: 99;
}

.megaquote.layout-centered .cite-person {
	display: flex;
	gap: 12px;
}

.megaquote.layout-centered .cite-meta,
.megaquote.layout-centered .cite-company {
	align-items: center;
	text-align: center;
}



/* Style Dark */
.megaquote.style-dark {
	background: var(--color-blue-700);
	color: var(--color-white);
}

.megaquote.style-dark .cite-person .title {
	color: var(--color-white);
}

.megaquote.style-dark .cite-person .name {
	color: var(--color-blue-300);
}


/* Media Queries */
@media (max-width: 64rem) {

	.megaquote.layout-default .megaquote-cite,
	.megaquote.layout-default .megaquote-container {
		grid-column: 1/-1;
	}

	.megaquote-cite {
		margin-top: 24px;
		order: 99;
		flex-direction: row;
		align-items: flex-start;
		gap: 16px;
	}

	.cite-meta {
		margin: 0;
		flex: 1;
	}

	.cite-meta,
	.cite-company {
		align-items: flex-start;
		text-align: left;
	}

	.cite-company {
		margin-top: 16px;
	}

	.cite-image-container {
		width: max(25%, 100px);
	}

	.company-logo-container img {
		object-position: left;
		height: 32px;
	}
}