/*
 * RO class-based story card variant
 * Trigger:
 * - Grid Style: Content Under Featured Image
 * - Post Loop Builder CSS Class Name includes: ro-story-card
 *
 * Based on the original custom styles, adapted to the class-based MU-plugin structure.
 */

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story {
	overflow: hidden;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
}

/* Full card */

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	padding: 20px !important;
	background: inherit;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .item-main {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	max-width: none;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .nectar-link-underline,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .nectar-post-grid-item__read-more {
	margin-top: auto;
}

/* Keep native Content Under Image structure / aspect ratio intact */

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .nectar-post-grid-item-bg-wrap,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .nectar-post-grid-item-bg-wrap-inner {
	position: relative;
	overflow: hidden;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .nectar-post-grid-item-bg {
	line-height: 0;
	filter: brightness(0.6);
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .bg-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

/* Square off seam between image and card body */

.nectar-post-grid-wrap.ro-story-card[data-style="content_under_image"] .nectar-post-grid-item--ro-story .nectar-post-grid-item-bg-wrap,
.nectar-post-grid-wrap.ro-story-card[data-style="content_under_image"] .nectar-post-grid-item--ro-story .nectar-post-grid-item-bg,
.nectar-post-grid-wrap.ro-story-card[data-style="content_under_image"] .nectar-post-grid-item--ro-story .bg-overlay {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* Image & title */

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px !important;
	text-align: center;
	pointer-events: none;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .item-main {
	max-width: 100%;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .post-heading,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .post-heading span,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .post-heading p,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .post-heading a {
	margin: 0;
	color: #f0f0f0;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .ro-post-grid-story__title .post-heading {
	text-wrap: balance;
}

/* Bottom content */

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .nectar-post-grid-item__excerpt-wrap {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .meta-excerpt {
	display: block;
	max-width: 100% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .nectar-post-grid-item__read-more {
	margin-top: 20px !important;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .nectar-post-grid-item__read-more .link_text,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .nectar-link-underline a {
	color: #F5975E !important;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story .content .nectar-post-grid-item__read-more .link_text svg {
	display: none !important;
}

.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story:hover .content .nectar-post-grid-item__read-more .link_text,
.nectar-post-grid-wrap.ro-story-card .nectar-post-grid-item--ro-story:hover .content .nectar-link-underline a {
	text-decoration: underline !important;
}

/* Dot Navigation (Pagination) */

.nectar-post-grid-wrap.ro-story-card .flickity-viewport {
	margin-bottom: 20px !important;
}

.nectar-post-grid-wrap.ro-story-card .flickity-page-dots {
	position: relative;
}