.et-breadcrumb.bg-fullsize,
.et-breadcrumb.bg-boxed .container {
	background-color: $colorContentBackground;
}

.breadcrumb-wrapper {
	margin-top: 0;
	margin-bottom: 0;
	font-size: smaller;
}

.breadcrumb-divider {
	margin-left: 10px;
	margin-right: 10px;
	font-size: smaller;
}

// override bootstrap
.breadcrumb-item+.breadcrumb-item {
	padding-left: 0;
	&:before {
		content: none;
	}
}

.breadcrumb-item {
	display: none;
	align-items: center;
	@include media-breakpoint-up(md) {
		display: flex;
	}
	&.active {
		font-weight: $font-weight-bold;
	}
	&.first {
		padding-left: 0;
	}
}

.breadcrumb-arrow {
	// actually breadcrumb mobile
	display: flex;
	align-items: center;
	@include media-breakpoint-up(md) {
		display: none;
	}
}

/* JTL Default */
.navigation-arrows {
	display: none;
	@include media-breakpoint-up(md) {
		display: flex;
		justify-content: flex-end;
	}
}
