/* ====================================================
		   BANNER
		   ==================================================== */

		.leo-category-banner {

			width: 100%;

			margin: 0;
			padding: 0;

			background: #ffffff;

			line-height: 0;

			overflow: hidden;
		}


		.leo-category-banner picture {

			display: block;

			width: 100%;

			margin: 0;
			padding: 0;
		}


		.leo-category-banner img {

			display: block;

			width: 100%;

			height:
				var(
					--leo-banner-desktop-height,
					auto
				);

			margin: 0;

			padding: 0;

			object-fit: cover;

			object-position: center;
		}


		/* ====================================================
		   BREADCRUMB
		   ==================================================== */

		.leo-category-breadcrumb {

			width: 100%;

			margin: 0;

			padding:
				14px
				20px;

			background:
				#f7f7f7;
		}


		.leo-category-breadcrumb
		.woocommerce-breadcrumb {

			max-width:
				1440px;

			margin:
				0 auto !important;

			padding:
				0 !important;

			font-size:
				13px;

			line-height:
				1.4;

			color:
				#555555;
		}


		.leo-category-breadcrumb a {

			color:
				#666666;

			text-decoration:
				none;

			transition:
				color
				0.15s
				ease;
		}


		.leo-category-breadcrumb a:hover {

			color:
				#e5aa00;
		}


		.leo-breadcrumb-separator {

			display:
				inline-block;

			padding:
				0 9px;

			color:
				#777777;
		}


		/* ====================================================
		   TABLET
		   ==================================================== */

		@media
		(min-width: 768px)
		and
		(max-width: 1024px) {

			.leo-category-banner img {

				height:
					var(
						--leo-banner-desktop-height,
						auto
					);
			}
		}


		/* ====================================================
		   CELULAR
		   ==================================================== */

		@media
		(max-width: 767px) {

			.leo-category-banner img {

				width:
					100%;

				height:
					var(
						--leo-banner-mobile-height,
						auto
					);

				object-fit:
					cover;

				object-position:
					center;
			}


			.leo-category-breadcrumb {

				padding:
					12px
					16px;
			}


			.leo-category-breadcrumb
			.woocommerce-breadcrumb {

				font-size:
					12px;

				text-align:
					center;
			}


			.leo-breadcrumb-separator {

				padding:
					0 7px;
			}
		}