/* Overrides */
header {
	padding-top: 0px !important;
}
nav.main {
	position: absolute !important;
}


/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/
#countdown-clock.gap {
	gap: 0.75rem 3rem !important;
}
@media only screen and (max-width: 688px) {
	#countdown {
		padding-bottom: 2.5rem !important;
		gap: 1.25rem !important;
	}
	#countdown-clock.gap {
		gap: 0.75rem 0px !important;
	}
	#countdown-clock.gap > * {
		width: 50%;
	}
}

@media only screen and (max-width: 992px) and (orientation: portrait) {
	footer .flex-h.arrange-cc, footer .flex-h.arrange-cr {
		justify-content: flex-start !important;
	}
}

.container-icons svg {
	height: 1.25rem;
}
.container-buttons .stroke {
	stroke-width: 2px !important;
}

/* Header & CTA */
section[name=header] .wrapper-bg, section[name=header] .container-bg {
	mask-image: url('./header-mask.svg');
	-webkit-mask-image: url('./header-mask.svg');
	mask-size: cover;
	-webkit-mask-size: cover;
	mask-position: 50% 100%;
	-webkit-mask-position: 50% 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
section[name=header] .container-bg {
	mask-image: url('./header-mask-2.svg');
	-webkit-mask-image: url('./header-mask-2.svg');
}
section[name=header] .container-pin {
	mask-image: linear-gradient(to bottom, black 0%, transparent 0%);
	-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 0%);
	height: 57.5%;
}
section[name=header] > picture {
	right: calc(var(--grid-padding) * 0.75) !important;
	bottom: 42.5% !important;
}
section[name=header] .container-cta {
	bottom: 1.25rem;
}
section[name=header] .container-text {
	opacity: 0;
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
	section[name=header] .container-text.main {
		margin-bottom: 35vh;
		margin-bottom: 35svh;
		width: 66.666% !important;
	}
	section[name=header] > picture {
		right: 0px !important;
		bottom: 35% !important;
		width: 100% !important;
	}
}

/* USP */
section[name=usp] .accordion-item .stroke {
	stroke-width: 2px !important;
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
	section[name=usp] {
		padding-right: var(--grid-padding) !important;
	}
	section[name=usp] .container-content {
		flex-direction: column-reverse !important;
		gap: 0px !important;
	}
	section[name=usp] .accordion-item.padding-xs-tb {
		padding-top: var(--gap-xs) !important;
		padding-bottom: var(--gap-xs) !important;
	}
	section[name=usp] .accordion-item .container-text {
		width: calc(11 * var(--grid-column) + 10 * var(--grid-gutter));
	}
	section[name=usp] .accordion-images {
		min-height: calc(8 * var(--grid-column) + 7 * var(--grid-gutter));
	}
}

/* Video */
section[name=video] .container-video {
	mask-image: linear-gradient(to right, transparent 0%, black 0%, black 100%, transparent 100%);
}

/* Component */
@media only screen and (max-width: 992px) and (orientation: portrait) {
	section[name=component] > div:not(.container-text) {
		gap: 0px !important;
	}
}

/* Fact */
section[name=fact] .container-bg {
	height: 200%;
	left: calc(3 * var(--grid-column) + 3 * var(--grid-gutter) + var(--grid-padding));
	mask-image: linear-gradient(127.5deg, transparent 0%, transparent 50%, black 50%);
	-webkit-mask-image: linear-gradient(127.5deg, transparent 0%, transparent 50%, black 50%);
}
section[name=fact] .container-bg picture{
	transform: translateY(-100%);
}
section[name=fact] table th:first-child, section[name=fact] table td:first-child {
	position: sticky !important;
	left: 0px;
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
	section[name=fact] div.section-l-b {
		padding-bottom: 0px !important;
	}
	section[name=fact] #data {
		padding-top: 0px !important;
	}
	section[name=fact] .container-bg + picture {
		position: initial !important;
		bottom: initial !important;
		left: initial !important;
		transform: initial !important;
		margin-top: -2.5rem;
	}
	section[name=fact] .container-bg {
		display: none !important;
	}
}
@media only screen and (max-width: 688px) and (orientation: portrait) {
	section[name=fact] table.padding-xs th, section[name=fact] table.padding-xs td {
		padding: 0.75rem !important;
	}	
}
table.padding-xs th, table.padding-xs td

/* Fair */
section[name=fair] .primary > svg {
	height: var(--button-icon-size) !important;
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
	section[name=fair] picture {
		min-height: calc(3 * var(--grid-column) + 3 * var(--grid-gutter)) !important;
	}
}
@media only screen and (max-width: 688px) and (orientation: portrait) {
	section[name=fair] picture {
		min-height: calc(6 * var(--grid-column) + 5 * var(--grid-gutter)) !important;
	}	
}

/* Newsletter */
section[name=newsletter] .form svg {
	display: none;
}