.site-breadcrumbs {
	background: var(--breadcrumb-background-colour, var(--colour-primary, #10454F));
	color: var(--breadcrumb-text-colour, var(--colour-body-text, #222222));
	padding: 0.75rem 5%;
	font-size: 0.95rem;
}

.site-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-breadcrumbs--align-left .site-breadcrumbs__list {
	justify-content: flex-start;
	text-align: left;
}

.site-breadcrumbs--align-centre .site-breadcrumbs__list {
	justify-content: center;
	text-align: center;
}

.site-breadcrumbs--align-right .site-breadcrumbs__list {
	justify-content: flex-end;
	text-align: right;
}

.site-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.site-breadcrumbs,
.site-breadcrumbs__list,
.site-breadcrumbs__item,
.site-breadcrumbs__link,
.site-breadcrumbs__link:visited,
.site-breadcrumbs__current,
.site-breadcrumbs__separator {
	color: var(--breadcrumb-text-colour, var(--colour-body-text, #222222));
}

.site-breadcrumbs__link {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.site-breadcrumbs__link:hover,
.site-breadcrumbs__link:focus {
	text-decoration-thickness: 2px;
}