/* CSS Document */
.section-breadcrumbs { }
.section-breadcrumbs .section-item{padding: 5px 0;}
.breadcrumbs{ margin-bottom: 15px; }

.breadcrumbs{    font-size:12px; line-height: 24px;   color: var(--color2);  }


.breadcrumbs ul{display: -webkit-flex;	display: flex; -webkit-align-items:center; align-items:center;-webkit-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0; padding: 0;}
.breadcrumbs ul li{/*display: -webkit-inline-flex;  display: inline-flex;*/  position:relative }
.breadcrumbs ul li.prev{display: -webkit-inline-flex;  display: inline-flex; }
.breadcrumbs ul li.prev:before{ content:""; position:absolute; top:0; bottom:0;left:0; width:12px; background-image:url(arrow.svg); background-repeat:no-repeat; background-position:left center; background-size: 12px}
.breadcrumbs ul li.prev a{ padding-left:20px;}
.breadcrumbs ul li a{ color: var(--link);  text-decoration:none; }


.breadcrumbs  ul li.crumb-delemiter{ margin: 0 5px;}
.breadcrumbs ul li a:hover{ text-decoration:underline}
.breadcrumbs ul li{ }

.breadcrumbs ul li{display: -webkit-inline-flex;  display: inline-flex;  }
.breadcrumbs ul li.prev:before{ display:none}

.breadcrumbs ul li.prev a{ padding-left:inherit;}

@media only screen and (min-width: 1024px) {
	.breadcrumbs{ font-size: 13px}
}