@import "/templates/definitions";

.breadcrumbs {
	font-weight: @font-weight-medium;
    flex-grow: 0;
	margin-bottom:2em;
	&__pages {
		display:inline;
	}
	&__link {
		&:before {
			content: '>';
			transform: scaleX(0.6);
			transform-origin: left;
			display: inline-block;
			font-size:1.3em;
			padding-left: 0.6em;
			padding-right: 0.1em;
			vertical-align: -0.05em;
			.responsive-sm({
				padding-left: 1em;
				padding-right: 0.5em;
			});
		}
		&:first-child:before {
			display:none;
		}
		color:@color-tertiary;
		&:hover {
			color:@color-tertiary-hover;
		}
		&:last-child {
			color:@color-font;
			&:hover {
				color:@color-tertiary-hover;
			}
		}
	}
}