/* ==========================================================================
   MStarter Featured Content – Design-6 Styles
   Same class names as the original plugin for drop-in compatibility.
   ========================================================================== */

/* ---- Grid layout helpers ---- */
.featured-content-list {
	display: flex;
	flex-wrap: wrap;
}

.featured-content-list .featured-content {
	box-sizing: border-box;
}

.featured-content-list .wp-medium-12 { width: 100%; }
.featured-content-list .wp-medium-6  { width: 50%; }
.featured-content-list .wp-medium-4  { width: 33.3333%; }
.featured-content-list .wp-medium-3  { width: 25%; }

/* ---- Design-6: full-viewport slide ---- */
.entry-title1 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-size: 2.8rem;
	line-height: 1.2;
}

.entry-title1 a {
	color: #fff;
	text-decoration: none;
}

.entry-title1 a:hover {
	text-decoration: underline;
}

.rottext {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 12vh;
	min-height: 100vh;
}

.featured_short_content {
	margin-top: 1rem;
}

.sub-content {
	color: #ccc;
	font-size: 1rem;
	line-height: 1.6;
}



/* ---- Bootstrap carousel overrides ---- */
.carousel-control-prev,
.carousel-control-next {
	width: 5%;
	opacity: 0.7;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	opacity: 1;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
	.featured-content-list .wp-medium-6,
	.featured-content-list .wp-medium-4,
	.featured-content-list .wp-medium-3 {
		width: 100%;
	}

	.rottext {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.entry-title1 {
		font-size: 1.8rem;
		margin-top: 10%;
	}
}