@page {
	size: A4;
}

/* VAR OVERRIDE */
html {
	font-size: 12px;
}
.Page.Page.Page.Page {
	--layout-spacing: 20px;
	--l-banner-max-height: 20vw;
	--lds: 12px;
	--lss: 12px;
	--base1: var(--base1-light);
	--accent-over-base1: var(--accent-over-base1-light);
	--text1: var(--text1-light);
	--base2: var(--base2-light);
	--accent-over-base2: var(--accent-over-base2-light);
	--text2: var(--text2-light);
	--base3: var(--base3-light);
	--accent-over-base3: var(--accent-over-base3-light);
	--text3: var(--text3-light);
	--base4: var(--base4-light);
	--accent-over-base4: var(--accent-over-base4-light);
	--text4: var(--text4-light);
	--base5: var(--base5-light);
	--accent-over-base5: var(--accent-over-base5-light);
	--text5: var(--text5-light);
	--base6: var(--base6-light);
	--accent-over-base6: var(--accent-over-base6-light);
	--text6: var(--text6-light);
	--base7: var(--base7-light);
	--accent-over-base7: var(--accent-over-base7-light);
	--text7: var(--text7-light);
	--base8: var(--base8-light);
	--accent-over-base8: var(--accent-over-base8-light);
	--text8: var(--text8-light);
	--base9: var(--base9-light);
	--accent-over-base9: var(--accent-over-base9-light);
	--text9: var(--text9-light);
	--base10: var(--base10-light);
	--accent-over-base10: var(--accent-over-base10-light);
	--text10: var(--text10-light);
	--base11: var(--base11-light);
	--accent-over-base11: var(--accent-over-base11-light);
	--text11: var(--text11-light);
	--base12: var(--base12-light);
	--accent-over-base12: var(--accent-over-base12-light);
	--text12: var(--text12-light);
}

/* COMPONENT TWEAKS*/
.Page [data-intersected="false"] {
	opacity: 1 !important;
	translate: 0 !important;
}
.Header {
	position: static !important;
}

.Hero .banner .blur {
	display: none;
}

.EventGetTickets {
	position: static !important;
}

[data-parallax] .banner .main img {
	position: static !important;
	translate: 0 !important;
}

.EventShare {
	display: none;
}

.EventHost {
	display: none !important;
}

.MoreEvents {
	display: none !important;
}

.Footer {
	background: #fff !important;
	color: var(--base12-light) !important;
	filter: brightness(1) !important;
}
.Footer .HumanitixLogo {
	color: black !important;
}

/* LINKS */
.Footer a[href]:after {
	content: attr(href);
	display: block;
	white-space: wrap;
	padding: 5px;
	color: blue;
}
.EventGetTickets a[href]:before {
	content: attr(href);
	display: block;
	white-space: wrap;
	padding: 5px;
}