/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* .sr-only is provided by Bootstrap 4 (loaded by front.layout) */

.skip-link {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 1000;
	padding: 12px 20px;
	border-radius: var(--border-radius-mid);
	background: var(--c-navy);
	color: var(--c-white);
	font-family: var(--ff-bold);
	transform: translateY(-200%);

	&:focus {
		color: var(--c-white);
		transform: none;
	}
}

.text-pink {
	color: var(--c-pink);
}

.text-green {
	color: var(--c-green);
}