/* Mobile speaker carousel: one row of dots. Extra dots are hidden in JS. */
@media (max-width: 767px) {
	.speaker-carousel-wrapper .owl-carousel .owl-dots {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		overflow: visible;
		margin-top: 24px;
	}

	.speaker-carousel-wrapper .owl-carousel .owl-dots .owl-dot {
		flex: 0 0 auto;
	}

	/* Theme shifts each dot up by half its height, which the row was clipping. */
	body .speaker-carousel-wrapper .owl-carousel .owl-dots .owl-dot span {
		margin: 0 2px;
		transform: scale(0.3);
	}

	body .speaker-carousel-wrapper .owl-carousel .owl-dots .owl-dot.active span {
		transform: scale(0.7);
	}

	.speaker-carousel-wrapper .owl-carousel .owl-dots .owl-dot.cecd-dot-hidden {
		display: none;
	}
}