/* breadcrumbs */

.cs-breadcrumbs.nb4p-breadcrumbs {
	margin-bottom: .2rem;
    font-size: .8rem;
}

/* carousel */

.nb4p-logo-carousel {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.nb4p-logo-carousel-inner {
	display: flex;
	transition: transform .5s;
	width: 100%;
}
.nb4p-logo-carousel-empty {
    display: none;
}


/* tiles */

.nb4p-logo-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	/* gap: 15px; */
	gap: 32px;
}

.nb4p-logo-tiles .nb4p-logo {
	width: 100%;
	height: auto;
}
.nb4p-logo-tiles .nb4p-logo::before {
	content: '';
	display: block;
	padding-bottom: 50%;
}

/* logo item */

.nb4p-logo {
	width: 200px;
    height: 100px;
    /* flex: 0 0 100%; */
	flex-shrink: 0;
    /* margin: 25px 0; */
	position: relative;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* .nb4p-logo::before {
	content: '';
	display: block;
	padding-bottom: 50%;
} */

.nb4p-logo.nb4p-logo-empty {
    display: none;
}

.nb4p-logo-hover-light,
.nb4p-logo-hover-dark {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .5s;
}

body[data-scheme=default] .nb4p-logo:hover .nb4p-logo-hover-light {
	opacity: 1;
}
body[data-scheme=default] .nb4p-logo.nb4p-logo-no-hover-light {
	filter: grayscale(1);
	opacity: .8;
	transition: .5s;
}
body[data-scheme=default] .nb4p-logo.nb4p-logo-no-hover-light:hover {
	filter: none;
	opacity: 1;
}

body[data-scheme=dark] .nb4p-logo:hover .nb4p-logo-hover-dark {
	opacity: 1;
}
body[data-scheme=default] .nb4p-logo.nb4p-logo-no-hover-dark {
	filter: grayscale(1);
	opacity: .8;
	transition: .5s;
}
body[data-scheme=default] .nb4p-logo.nb4p-logo-no-hover-dark:hover {
	filter: none;
	opacity: 1;
}