/**
 * CTA Block - Frontend Styles
 *
 * @package Quinn
 */

.quinn-cta {
	position: relative;
	width: 100%;
	padding: var(--padding-top, 0) var(--padding-right, 0) var(--padding-bottom, 0) var(--padding-left, 0);
	background-size: cover;
	background-position: center;
}

.quinn-cta__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.quinn-cta__color-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.quinn-cta > .container {
	position: relative;
	z-index: 2;
}

.quinn-cta__content {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.quinn-cta {
		padding: var(--padding-top-mobile, 0) var(--padding-right-mobile, 0) var(--padding-bottom-mobile, 0) var(--padding-left-mobile, 0);
	}
}