@import url("modules/header.css");
@import url("modules/hero.css");
@import url("modules/bio.css");
@import url("modules/cards.css");
@import url("modules/videos.css");
@import url("modules/streams.css");
@import url("modules/gigs.css");
@import url("modules/merch.css");
@import url("modules/widget.css");
@import url("modules/contacts.css");
@import url("modules/notable.css");
/* UTILITIES */
@import url("vars.css");
@import url("normalize.css");
@import url("animations.css");

/* Visually hidden, but available to screen readers. */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* PREVIEW BANNER */
.preview-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: var(--accent);
	color: #fff;
	font-family: sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 8px 12px;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4);
}
.preview-banner a {
	color: #fff;
	text-decoration: underline;
}

/* FOOTER */
footer {
	background-color: var(--main-black);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 16px;
	padding: 10px 10px 10px 10px;
}
footer a {
	color: #e9054a;
	text-decoration: none;
}
footer a:hover {
	color: white;
}
footer .heart {
	color: #e9054a;
}