/*	by default remove the base styling */
div.module.output.slideshow.centre {border: none;}
.carousel-caption img {width: auto; height: auto;}
.des-logostrip .carousel-inner .logostrip-slide {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
}

.des-logostrip .photo-cell {
	padding: 0 25px;
	flex: 1 1 0;
}
.logostrip-scroller.des-logostrip .photo-cell{
	flex: 1 0 auto;
}

.des-logostrip .carousel-inner .photo-cell > .photo-image {
	object-fit: cover;
	display: block;
	position: relative;
	margin: auto;
	max-width: 100%;
	height: auto;
}
.des-logostrip .logostrip-controls {
	position: absolute;
	right: 25px;
	top: -15px;
	z-index: 10;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
/* Transforms improve carousel performance in modern browsers. */
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.logostrip-scroller .carousel-inner .item {
	display: inline-block;
	position: relative;
	top: 0;
	animation: autoScroll 60s linear infinite;
}

.logostrip-scroller .carousel-inner {
	white-space: nowrap;
	overflow: visible;
	max-height: unset;
}

.logostrip-scroller {
	overflow: hidden;
}
@keyframes autoScroll {
	0% {
		transform: translateX(0%);
	}
	100% {
		/* This px needs to be increased for each image added so it doesn't jump */
		transform: translateX(-100vw);
	}
}

@media(max-width:992px){
	.des-logostrip.carousel .logostrip-slide > .photo-cell {
		flex: 0 0 50%;
	}

	.des-logostrip.carousel .logostrip-slide {
		flex-wrap: wrap;
	}

	.des-logostrip.carousel .carousel-inner > .item {
		height: auto;
	}
}