/* .campaign-header {
	position: sticky;
	top: 0;
	z-index: 999;
	scroll-margin-top: 90px;
} */

/**
 * Header tabs
 */
.main-page-tabs-list {
	padding: 0;
}

@media (width < 64rem) {
	.campaign-header .header-tabs {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 999;
		width: 100%;
		background-color: var(--color-gray-300);
	}
	.campaign-header .main-page-tabs-list {
		padding: 1rem;
		width: 100%;
		overflow: auto hidden;
	}
	.campaign-header .tab-list {
		flex-wrap: nowrap;
		width: max-content;
	}
}

.tab-list {
	margin: 0;
}

/**
 * Main Image on every tab
 */
@media (width > 64rem) {
	.main-image {
		position: relative;
		&::before {
			content: "";
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			border-radius: 16px;
			background-color: rgba(0, 0, 0, 0.2);
			backdrop-filter: blur(3px);
		}
	}
}

/**
 * Text boxes
 */
.features-list p:not(:last-of-type) {
	margin-bottom: 1rem;
}

.features-list .feature-item:nth-child(even) {
	flex-direction: row-reverse;
}

[role="tabpanel"] {
	.tab-button[aria-selected="false"]:hover,
	.tab-button[aria-selected="false"]:focus,
	.tab-button[aria-selected="true"] {
		background-color: var(--color-purple);
	}
}

/**
 * Slider
 */
.embla.embla__slider .embla__slide__content {
	display: block;
	text-align: center;
	height: 680px;
	overflow: hidden;

	@media (width < 64rem) {
		height: 260px;
	}
}

.embla__slider {
	.embla__button--prev {
		bottom: 12px;
		inset-inline-start: 0;
	}
	.embla__button--next {
		bottom: 12px;
		inset-inline-end: 0;
	}
}

/**
 * Map
 */
.page-map-wrapper {
	margin-top: 0;
}

/**
 * Form in every tab
 */
@media (width < 64rem) {
	.wpcf7-form {
		display: flex;
		flex-direction: column;
		gap: 0.5;
	}
}

.wpcf7-form p:nth-last-child(-n + 3) {
	grid-column: 1 / -1;
}

.wpcf7-form p:nth-child(6n) {
	grid-column: span 2;
}

.wpcf7-checkbox {
	font-size: 12px;
	.wpcf7-list-item {
		margin: 6px 0 12px;
	}
	label {
		display: flex;
		gap: 6px;
	}
}

input[type="submit"] {
	background-color: var(--color-red);
}