.breadcrumb {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.breadcrumb li {
	position: relative;
	font-weight: 700;
}

.breadcrumb li:not(:last-child):after {
	content:'>';
	display: inline-block;
	vertical-align: baseline;
	font-weight: 400;
	margin: 0 9px;
}

.breadcrumb li a {
	font-weight: 500;
	text-decoration: var(--link-hover-decoration-base);
}

.breadcrumb li a:focus,
.breadcrumb li a:hover {
	color: var(--color-blue);
}

.breadcrumb + .banner {
	margin-top: 0;
}