/* Breadcrumb drawer (Pages/Shared/_CrumbDrawer.cshtml), on every layout: a
   header button opens a Bootstrap offcanvas over the page, with the trail
   drawn as a path from home down to the page you're on. Its own sheet, with
   the brand colours written out, since the public site and /admin don't
   share a skin. */
.hf-crumbs-open {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #D0D7DE;
	border-radius: 10px;
	background: #FFFFFF;
	color: #0059AD;
	font-size: 1.125rem;
}

.hf-crumbs-open:hover,
.hf-crumbs-open:focus-visible {
	border-color: #2295F2;
	background: #EEF5FC;
}

.hf-crumbs {
	--bs-offcanvas-width: 360px;
	border-left: 4px solid #2295F2 !important;
	font-family: "Poppins", Arial, sans-serif;
}

.hf-crumbs-title {
	margin: 0;
	color: #222222;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hf-crumbs .btn-close {
	width: 44px;
	height: 44px;
	padding: 0;
	background-size: 14px;
}

.hf-crumbs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hf-crumbs-list li {
	position: relative;
	padding-left: 32px;
}

/* The stops: a ring for each step up, a filled dot for the page you're on. */
.hf-crumbs-list li::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 4px;
	z-index: 1;
	width: 12px;
	height: 12px;
	border: 2px solid #2295F2;
	border-radius: 50%;
	background: #FFFFFF;
}

/* The path: a line from each stop down to the next. */
.hf-crumbs-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 24px;
	bottom: -24px;
	left: 9px;
	width: 2px;
	background: #D0D7DE;
}

.hf-crumbs-list a {
	display: block;
	padding: 12px 0;
	color: #0059AD;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
}

.hf-crumbs-list a:hover {
	text-decoration: underline;
}

.hf-crumbs-here {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 24px;
}

.hf-crumbs-list .hf-crumbs-here::before {
	top: 16px;
	left: 2px;
	width: 16px;
	height: 16px;
	border: 0;
	background: #2295F2;
	box-shadow: 0 0 0 4px rgba(34, 149, 242, 0.25);
}

.hf-crumbs-here span {
	display: block;
	color: #222222;
	font-weight: 800;
}

.hf-crumbs-here small {
	display: block;
	color: #5C6670;
	font-size: 0.8125rem;
	line-height: 1.4;
}