/*
 * TouchCarousel Compat — base skin styles.
 * These replicate the original plugin's "white-inside" skin behaviour.
 */

.touchcarousel {
	position: relative;
}

.touchcarousel .swiper-wrapper {
	box-sizing: border-box;
}

/* white-inside skin: white text overlaid on the image */
.touchcarousel.tc-skin-white-inside .tc-desc {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba( 0, 0, 0, 0.55 );
}

.touchcarousel .tc-image-holder {
	display: block;
	overflow: hidden;
}

.touchcarousel .tc-image-holder img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

/* Push pagination below the slides */
.touchcarousel .swiper-pagination {
	position: relative;
	margin-top: 8px;
}