/* Breadcrumb */
.breadcrumb-nav {
	margin-bottom: 4rem;
	border-bottom: .1rem solid rgba(235, 235, 235, .55);

	.container,
	.container-fluid {
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
	}
}

.breadcrumb-with-filter {
	.container,
	.container-fluid {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.container-fluid {
		width: 100%;
	}
}

.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

.breadcrumb-item {
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: capitalize;

	i {
		font-size: 1.3rem;
		vertical-align: top;
		margin-top: -.2rem;

		&::before {
			margin: 0;
		}
	}

	a {
		color: #777;

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}

	&.active {
		color: #333333;
	}

	& + .breadcrumb-item {
		padding-left: 1rem;

		&:before {
			color: #999999;
			content: '\f112';
			font-family: "molla";
			padding-right: .7rem;
			font-size: 1.1rem;
			vertical-align: middle;
			margin-top: -.1rem;
		}
	}
}