// For keyboard users, override everything with a Big Blue Border when focused on any element
body.user-is-tabbing *:focus {
	/* stylelint-disable declaration-no-important */
	outline: 2px solid #7aacfe !important; /* for non-webkit browsers */
	outline: 5px auto -webkit-focus-ring-color !important;
	/* stylelint-enable declaration-no-important */
}

.o-button {
	transition: all 0.25s ease-in;
}

.o-button:focus {
	box-shadow: 0 0 8px rgba(131, 131, 131, 0.9);
	outline: none;
	outline-offset: 0;
}

.o-button--primary:focus {
	box-shadow: inset 1000px 400px 0 0 rgba(0, 0, 0, 0), 0 0 8px rgba(131, 131, 131, 0.9);
}

a:focus,
.o-link:focus {
	outline-offset: 2px;
}

/* Screen reader only */
.is-sr,
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}