/*
*
* css - block - breadcrumbs - customizations
*
* mp - 2024-01-14
*
* .breadcrumb 
*
*
* #block-magazineplus-breadcrumbs .content .breadcrumb .breadcrumb__items
* #block-magazineplus-breadcrumbs .content .breadcrumb .breadcrumb__items .breadcrumb__item
*
*/

.breadcrumb__items
{
	text-align: left;
	padding: 10px 0;
	margin: 0 0 0 8px;
}


@media (max-width: 767px)  
{
	.breadcrumb__items .breadcrumb__item
	{
    padding: 0 10px;
    font-size: 9px;
    line-height: 2.5;
	}

	.breadcrumb__items .breadcrumb__item .breadcrumb__item-separator 
	{
	  line-height: 1;
	  font-size: 10px;
	  padding: 0 12px 0 0;
	}

}


@media (min-width: 768px) and (max-width: 991px)  
{
	.breadcrumb__items .breadcrumb__item
	{
		font-size: 12px;
		line-height: 1.75;
		padding: 0 10px;
	}

	.breadcrumb__items .breadcrumb__item .breadcrumb__item-separator 
	{
	  line-height: 1;
	  font-size: 10px;
	  padding: 0 12px 0 0;
	}

}


@media (min-width: 992px)
{
	.breadcrumb__items .breadcrumb__item
	{
		font-size: 14px;
		line-height: 1.75;
		padding: 0 10px;
	}

	.breadcrumb__items .breadcrumb__item .breadcrumb__item-separator 
	{
	  line-height: 1;
	  font-size: 10px;
	  padding: 0 12px 0 0;
	}

}