/*Breadcrumb styling*/
.breadcrumbs {
	display: block;
	list-style: none;
	margin-left: 0;
	margin: 0px;
	overflow: hidden;
	padding: .5625rem .875rem .5625rem 0;
}

	.breadcrumbs .current-section {
		color: #3e76aa;
		padding-top: 1px;
		font-weight: bold;
	}

	.breadcrumbs a {
		color: #666;
		text-decoration: none;
	}

		.breadcrumbs a:hover,
		.breadcrums .fa-home:hover {
			text-decoration: none;
			color: #3e76aa;
		}

	.breadcrumbs > * {
		color: #b5b5b5;
		font-weight: bold;
		float: left;
		margin: 0;
		text-transform: uppercase;
		font-size: .8rem;
		line-height: .8rem;
	}

		.breadcrumbs > *:hover a,
		.breadcrumbs > *:focus a {
			text-decoration: none;
		}

		.breadcrumbs > * a {
			color: #d4016e !important;
		}

		.breadcrumbs > *.current {
			color: #333;
			cursor: default;
		}

			.breadcrumbs > *.current a {
				color: #333;
				cursor: default;
			}

			.breadcrumbs > *.current:hover,
			.breadcrumbs > *.current:hover a,
			.breadcrumbs > *.current:focus,
			.breadcrumbs > *.current:focus a {
				text-decoration: none;
			}

		.breadcrumbs > *.unavailable {
			color: #999;
		}

			.breadcrumbs > *.unavailable a {
				color: #999;
			}

				.breadcrumbs > *.unavailable:hover,
				.breadcrumbs > *.unavailable:hover a,
				.breadcrumbs > *.unavailable:focus,
				.breadcrumbs > *.unavailable a:focus {
					color: #999;
					cursor: not-allowed;
					text-decoration: none;
				}

	.breadcrumbs .spacer {
		color: #b5b5b5;
		content: "/";
		margin: 0 .75rem;
		font-size: 0.6875rem;
		line-height: 0.6875rem;
		padding-top: 1px;
		position: relative;
		top: 0px;
	}

	.breadcrumbs > *:first-child:before {
		content: " ";
		margin: 0;
	}

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
	content: "/";
}

.fa-home {
	color: #666;
}