.aioseo-breadcrumbs {
	align-items: center;
	column-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	row-gap: 15px;
	@include media-breakpoint-down(md) {
		flex-direction: column;
		row-gap: 5px;
		column-gap: 15px;
	}
	.aioseo-breadcrumb-separator {
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3536 4.35355C12.5488 4.15829 12.5488 3.84171 12.3536 3.64645L9.17157 0.464465C8.97631 0.269203 8.65973 0.269203 8.46446 0.464465C8.2692 0.659728 8.2692 0.97631 8.46446 1.17157L11.2929 4L8.46447 6.82843C8.2692 7.02369 8.2692 7.34027 8.46447 7.53553C8.65973 7.7308 8.97631 7.7308 9.17157 7.53553L12.3536 4.35355ZM4.37114e-08 4.5L12 4.5L12 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='%239C9C9C'/%3E%3C/svg%3E%0A");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		font-size: 0 !important;
		height: 12px;
		margin: 0;
		width: 12px;
		opacity: 1;
		&::marker {
			display: none;
			content: none;
		}
		@include media-breakpoint-down(md) {
			transform: rotate(90deg);
			background-size: contain;
			height: 10px;
			width: 10px;
		}
	}
	span > *,
	span {
		@include font-heading;
		align-items: center;
		color: rgba($color: $ui-foreground-primary-text-links, $alpha: 1);
		display: inline-flex;
		font-size: px-to-rem(14px);
		font-style: normal;
		font-weight: 600;
		gap: 17px;
		line-height: 1.4;
		letter-spacing: px-to-rem(2.1px);
		margin-bottom: 0;
		padding: 0;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.4s ease;
		@include media-breakpoint-down(xl) {
			justify-content: center;
			text-align: center;
		}
		@include media-breakpoint-down(sm) {
			font-size: 10px;
			gap: 5px;
		}
		a {
			&:hover {
				text-decoration: underline;
				color: $ui-foreground-primary-text-body-text;
			}
		}
	}
}