:root {
	--post-code-lookup-success: darkgreen;
	--post-code-lookup-fail: crimson;
}

.postcode-lookup-search {
	display: flex;
	margin-bottom: 1.5rem;
}

.postcode-lookup-search input {
	margin-right: 1.5rem;
}

.postcode-lookup .w-btn .g-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1.8em;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s;
	color: inherit;
}

.postcode-lookup .w-btn.loading .g-preloader {
	opacity: 1;
}

.postcode-lookup .w-btn.loading .w-btn-label {
	opacity: 0;
}

.postcode-lookup-results .match:before,
.postcode-lookup-results .no-match:before,
.postcode-lookup .search-icon:before {
	font-family: 'fontawesome', serif;
	font-weight: 400;
	vertical-align: top;
}

.postcode-lookup-results .match:before {
	color: var(--post-code-lookup-success);
	content: '\f00c';
}

.postcode-lookup-results .no-match:before {
	color: var(--post-code-lookup-fail);
	content: '\f00d';
}

.postcode-lookup .search-icon:before {
	content: '\f002';
}

.rota-code {
	color: var(--post-code-lookup-fail);
}