/**
 * Element: Featured Trio
 * Displays 3 items (featured-trio-items).
 *
 * See also Featured Trio Item for CSS.
 *
 * CSS
 *
 * @version 1.0
 * @since 0.6
 */

/* To be reinstated by javascript after the document is ready */
.ananda-x-featured-trio {
	transition: opacity 0.3s ease;
	opacity: 0;
}

.ananda-x-featured-trio .slick-next,
.ananda-x-featured-trio .slick-prev {
	top: 50%;
    transform: translateY(-50%);
}

.ananda-x-featured-trio.text-shadow .ananda-x-featured-trio-item-inner > h1,
.ananda-x-featured-trio.text-shadow .ananda-x-featured-trio-item-inner > p {
	text-shadow: 1px 1px 12px rgba( 0, 0, 0, .6 ); /* Very faded shadow */
}

.ananda-x-featured-trio-breakout {
	width: 80vw;
}