/* Lightweight replacement for the gated Qode carousel JS.
   Turns the baked .qode_carousels markup into a horizontal auto-advancing strip. */
.qode_carousels_holder .qode_carousels {
	overflow: hidden;
	position: relative;
}
.qode_carousels_holder .qode_carousels ul.slides {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	will-change: transform;
	/* Bridge's FlexSlider CSS sets .slides{opacity:0} and relies on the (licence-gated)
	   slider JS to fade it in. That JS never runs, so force it visible. */
	opacity: 1 !important;
}
.qode_carousels_holder .qode_carousels ul.slides > li.item {
	flex: 0 0 20%;
	max-width: 20%;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.qode_carousels_holder .qode_carousels ul.slides > li.item img {
	max-width: 100%;
	height: auto;
	display: block;
}
@media only screen and (max-width: 1000px) {
	.qode_carousels_holder .qode_carousels ul.slides > li.item { flex-basis: 33.333%; max-width: 33.333%; }
}
@media only screen and (max-width: 600px) {
	.qode_carousels_holder .qode_carousels ul.slides > li.item { flex-basis: 50%; max-width: 50%; }
}