/*- Breadcrumbs -*/

.c-breadcrumbs__list {
	margin:          0 auto;
	max-width:       100%;
	width:           780px;
	font-weight:     500;
	font-size:       10px;
	line-height:     1.2;
	letter-spacing:  0.1em;
	text-transform:  uppercase;

	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	align-items:     center;
}

.c-page-header__meta + .c-breadcrumbs__list {
	margin-top: 38px;
}

.c-breadcrumbs__item {
	display:         block;
	-ms-word-wrap:   break-word;
	word-break:      break-word;
	word-wrap:       break-word;
	white-space:     normal;
}

.c-breadcrumbs__item--short {
	max-width:     160px;
	white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
	text-align:    left;
}

.c-breadcrumbs__item:first-letter {
	text-transform: uppercase;
}

.c-breadcrumbs__separator {
	position:       relative;
	top:            -1px;
	font-size:      6px;
	vertical-align: middle;
	margin-left:    8px;
	margin-right:   8px;
}

.rank-math-breadcrumb .c-breadcrumbs__separator {
	top: 1px;
}

.h-rtl .c-breadcrumbs__separator {
	display: inline-block;
	transform: scaleX(-1);
}

/*-- Breadcrumbs (Desktop) --*/

@media (min-width: 1190px) {
	.c-breadcrumbs__list {
		position:   absolute;
		bottom:     40px;
		left:       50%;
		transform:  translateX(-50%);
		list-style: none;
		padding:    0 25px;
	}

	.c-breadcrumbs__list--top {
		bottom: unset;
		top:    135px;
	}
}

/*-- Breadcrumbs (Mobile) --*/

@media (max-width: 1189px) {
	.c-breadcrumbs__list {
		position:        relative;
		justify-content: center;
		width:           100%;
		max-width:       100%;
		padding:         24px 30px 15px 30px;
	}

	.c-breadcrumbs__list--top {

	}

	.c-breadcrumbs__item {
		margin-bottom: 15px;
	}
}