.cdf-breadcrumb-shell {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1140px;
	padding: 18px 20px 0;
	width: 100%;
}

.cdf-breadcrumb.cdf-breadcrumb {
	color: #210a05;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 0 0 24px;
}

.cdf-breadcrumb.cdf-breadcrumb ol {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: 0.25rem;
}

.cdf-breadcrumb.cdf-breadcrumb .breadcrumb-item {
	display: inline-flex;
	min-width: 0;
}

.cdf-breadcrumb.cdf-breadcrumb .breadcrumb-item:not(:last-child)::after {
	color: #210a05;
	content: "›";
	margin: 0 0.65rem;
}

.cdf-breadcrumb.cdf-breadcrumb a {
	color: #bf381d;
	text-decoration: none;
	text-underline-offset: 0.16em;
}

.cdf-breadcrumb.cdf-breadcrumb a:hover,
.cdf-breadcrumb.cdf-breadcrumb a:focus-visible {
	color: #cf6952;
	text-decoration: underline;
}

.cdf-breadcrumb.cdf-breadcrumb a:focus-visible {
	border-radius: 2px;
	outline: 3px solid #f5d87f;
	outline-offset: 2px;
}

.cdf-breadcrumb.cdf-breadcrumb [aria-current="page"] {
	color: #210a05;
	overflow-wrap: anywhere;
}

@media (max-width: 767px) {
	.cdf-breadcrumb-shell {
		padding: 14px 20px 0;
	}

	.cdf-breadcrumb.cdf-breadcrumb {
		font-size: 0.8125rem;
		margin-bottom: 20px;
	}

	.cdf-breadcrumb.cdf-breadcrumb .breadcrumb-item:not(:last-child)::after {
		margin: 0 0.45rem;
	}
}