/**  =====================
      Breadcrumb css start
==========================  **/
.caption-breadcrumb{
	.breadcrumb-header{
		display:inline-block;
		span{
			display: block;
			font-size: 13px;
			margin-top: 5px;
		}
	}
}

.front-icon-breadcrumb{
	.breadcrumb-header{
		display: inline-block;
	}
	.big-icon{
		display: inline-block;
		i{
			font-size: 50px;
			margin-right: 10px;	
			color: $primary-color;
		}
	}
	.d-inline-block{
		span{
			display: block;
			font-size: 13px;
			margin-top: 5px;
		}
	}
}

.primary-breadcrumb{
	@extend .caption-breadcrumb;
	background-color: $primary-color;
	color: #fff;
	h5,a,.breadcrumb-title li:last-child a,.breadcrumb-item+.breadcrumb-item::before{
		color: #fff;
	}
}
.inverse-breadcrumb{
	@extend .primary-breadcrumb;
	background-color: $inverse-color;
}
.danger-breadcrumb{
	@extend .primary-breadcrumb;
	background-color: $danger-color;
}
.info-breadcrumb{
	@extend .primary-breadcrumb;
	background-color: $info-color;
}
.warning-breadcrumb{
	@extend .primary-breadcrumb;
	background-color: $warning-color;
}
.success-breadcrumb{
	@extend .primary-breadcrumb;
	background-color: $success-color;
}

/**====== Breadcrumb css end ======**/