.breadcrumbs {
	position: relative;
	margin: 1.2em 0;

	&__title {
		float: left;
		margin-right: 1.5em;
		padding-right: 1.5em;
		border-right: 1px solid $color__breadcrumbs-title;

		.page-title {
			margin: 0;
			font-size: 22px;
			line-height: 1.3;
			padding-bottom: 2px;
		}
	}

	&__items {
		float: left;
	}

	&__browse {
		float: left;
		margin-right: .5em;
	}

	&__wrap {
		float: left;
		margin: 0;
		@include media-breakpoint-up(lg) {
			margin: .25em 0;
		}
	}

	&__item {
		float: left;

		&-sep {
			margin: 0 .3em;
		}

		&-link {
			text-decoration: none;
		}
	}
}
