a {
	color: #007399;
}
.btn {
	outline-offset: 2px !important;
}
.btn-primary {
	background-color: #007399;
	border-color: #007399;
}
.btn-link {
	color: #007399;
}
.alert-info {
	font-size: 1em;
	background-color: #007399;
	border-color: #007399;
}

.hero {
	background-color: #888;
}

.competition-list .end-date {
	color: #666;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #007399;
	border-left-color: #007399;
}

.sticky-wrapper .progress-bar {
	background-color: #007399;
}

.btn-success,
.alert-success {
	background-color: #1B5E20;
	border-color: #1B5E20;
}
.label-success,
.progress-bar-success {
	background-color: #1B5E20 !important;
}

.alert-success {
	background-color: transparent;
	color: #1B5E20;
}

button.close {
	color: #1B5E20;
	margin-top: -5px;
}

.badge {
	color: #666;
	background-color: #e7e7e7;
}

/* I.e. when high-contrast mode is turned on */
@media (forced-colors: active) {
	.btn,
	.btn:hover {
		outline: 1px solid currentColor;
	}
}

/* "Skip to main content" link that's hidden offscreen and becomes visible when tabbed to */
.skip-to-main-content-link {
	top: -9999px;
	position: absolute;
}
.skip-to-main-content-link:focus {
	display: flex;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	z-index: 100;
	align-items: center;
	justify-content: space-around;
	text-decoration: underline;
	font-size: 16px;
}

/* A11y utility to increase spacing (uncomment to activate): For a11y, there should be no loss of content on the page when the line, paragraph, letter and word spacing are increased (https://rawgit.com/w3c/wcag21/master/guidelines/index.html#text-spacing). The following CSS based on http://www.html5accessibility.com/tests/tsbookmarklet.html can be used to manually test this. */
/*
* {
	line-height:1.5 !important;
	letter-spacing:0.12em !important;
	word-spacing:0.16em !important;
}
p {
	margin-bottom:2em !important;
}
*/