.site-breadcrumbs {
	width: 100%;
	padding-left: var(--padding-container);
	padding-right: var(--padding-container);
	font-size: var(--text-base);
	font-weight: 500;
}

.site-header + .site-breadcrumbs {
	margin-top: 24px;
}

.site-breadcrumbs span > span,
.site-breadcrumbs span.current-item,
.site-breadcrumbs .breadcrumb-wrapper > span:last-child a {
	color: var(--blue);
}

.site-breadcrumbs
	.breadcrumb-wrapper
	> span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2))
	span {
	font-size: 0;
}

.site-breadcrumbs
	.breadcrumb-wrapper
	> span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2))
	span:after {
	content: "...";
	font-size: var(--text-base);
	letter-spacing: 1px;
}

.site-breadcrumbs .breadcrumb-seperator {
	display: inline-block;
	width: 6px;
	height: 14px;
	margin: 0 12px;
	background: url("/wp-content/themes/whello/assets/icons/arrow-chevronblack-right.svg")
		center/contain no-repeat;
	opacity: 0.5;
}

.site-breadcrumbs
	.breadcrumb-wrapper
	> .breadcrumb-seperator:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)),
.site-breadcrumbs
	.breadcrumb-wrapper
	> span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)):not(:nth-last-of-type(3)) {
	display: none;
}

@media all and (max-width: 1199px) {
	.site-breadcrumbs {
		display: none;
	}
}