/**
* Theme Name: Law Business Child
* Description: This is a child theme of Law Business.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: law-business
* Version: 2.0.11
*/

/* ===== Base tweak ===== */
body {
	background-color: #fffdf8;
}

/* ===== Optional: Video post template wrappers (keep if you use .ecob-video-post) ===== */
.ecob-video-post .entry-header,
.ecob-video-post .ecob-post-video,
.ecob-video-post .entry-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 24px;
}
.ecob-post-video iframe,
.ecob-post-video embed,
.ecob-post-video video {
	width: 100%;
	height: min(62vh, 560px);
	display: block;
}
.ecob-post-video {
	margin: 16px auto 24px;
}

/* =========================================================================
   BLOG CARDS (Elementor Shortcode widget .elementor-element-7f3b007)
   Match NEWS look/behavior and keep rows even
   ====================================================================== */

/*— Grid: 3 cols → 1 col (match News behavior) —*/
.home .elementor-element-7f3b007 .posts-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 across */
	gap: 35px; /* similar to News */
}
@media (max-width: 767px) {
	/* set this to the exact width where News flips to 1 */
	.home .elementor-element-7f3b007 .posts-grid {
		grid-template-columns: 1fr;
	}
}

/* undo any inline widths/floats from the shortcode output */
.home .elementor-element-7f3b007 .posts-grid > article,
.home .elementor-element-7f3b007 .posts-grid > article.post-card {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	flex: 0 0 auto !important;
}

/*— Card frame: mimic News styling —*/
.home .elementor-element-7f3b007 .posts-grid > article {
	background: #fff8ee; /* cream like News */
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden;

	/* equal-height behavior */
	display: flex;
	flex-direction: column;
	height: 100%;
}

/*— Image area: same visual height as News —*/
:root {
	--ecob-news-img-h-desktop: 260px;
	--ecob-news-img-h-phone: 200px;
}
.home .elementor-element-7f3b007 .posts-grid > article img.wp-post-image,
.home .elementor-element-7f3b007 .posts-grid > article .post-thumbnail img,
.home .elementor-element-7f3b007 .posts-grid > article .featured-image img {
	display: block;
	width: 100%;
	height: var(--ecob-news-img-h-desktop) !important;
	object-fit: cover;
}
.home .elementor-element-7f3b007 .posts-grid > article .post-thumb,
.home .elementor-element-7f3b007 .posts-grid > article .entry-thumbnail,
.home .elementor-element-7f3b007 .posts-grid > article .featured-image {
	width: 100%;
	height: var(--ecob-news-img-h-desktop) !important;
	aspect-ratio: auto !important; /* override any 16:9 rules */
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
@media (max-width: 767.98px) {
	.home .elementor-element-7f3b007 .posts-grid > article img.wp-post-image,
	.home .elementor-element-7f3b007 .posts-grid > article .post-thumbnail img,
	.home .elementor-element-7f3b007 .posts-grid > article .featured-image img,
	.home .elementor-element-7f3b007 .posts-grid > article .post-thumb,
	.home .elementor-element-7f3b007 .posts-grid > article .entry-thumbnail,
	.home .elementor-element-7f3b007 .posts-grid > article .featured-image {
		height: var(--ecob-news-img-h-phone) !important;
	}
}

/*— Inner spacing & typography —*/
.home .elementor-element-7f3b007 .posts-grid > article .post-category,
.home .elementor-element-7f3b007 .posts-grid > article .post-title,
.home .elementor-element-7f3b007 .posts-grid > article .post-excerpt,
.home .elementor-element-7f3b007 .posts-grid > article .post_footer {
	padding-left: 22px;
	padding-right: 22px;
}
.home .elementor-element-7f3b007 .posts-grid > article .post-category {
	margin-top: 14px;
	margin-bottom: 6px;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8b8b8b;
}
.home .elementor-element-7f3b007 .posts-grid > article .post-title {
	font-size: clamp(18px, 2.2vw, 22px);
	line-height: 1.3;
	margin: 0 0 8px;
}

/* clamp excerpt so rows stay even; push footer to bottom */
.home .elementor-element-7f3b007 .posts-grid > article .post-excerpt,
.home .elementor-element-7f3b007 .posts-grid > article .entry-summary {
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 12px;
}
.home .elementor-element-7f3b007 .posts-grid > article .post_footer,
.home .elementor-element-7f3b007 .posts-grid > article a.read-more,
.home
	.elementor-element-7f3b007
	.posts-grid
	> article
	.cmsmasters_post_read_more {
	margin-top: auto;
	padding-bottom: 20px;
}

/* News-style mustard button */
.home .elementor-element-7f3b007 .posts-grid > article a.read-more {
	display: inline-block;
	background: #d6a62b;
	color: #fff;
	border-radius: 8px;
	padding: 10px 18px;
	text-decoration: none;
}
.home .elementor-element-7f3b007 .posts-grid > article a.read-more:hover {
	filter: brightness(0.95);
}

/* =========================================================================
   SINGLE POST – mobile polish
   ====================================================================== */
.single-post h1,
.single h1.entry-title {
	font-size: clamp(28px, 6vw, 44px);
	line-height: 1.15;
	margin: 0 0 16px;
}
.single-post .entry-content,
.single .entry-content {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 18px;
}
.single-post .entry-content img,
.single-post .entry-content .wp-post-image,
.single-post .entry-content iframe,
.single-post .entry-content video {
	display: block;
	max-width: 100%;
	height: auto;
}
.single-post .post-meta,
.single-post .post-category,
.single-post .post-excerpt {
	margin-bottom: 12px;
}
.single-post .entry-content p {
	line-height: 1.6;
	margin: 0 0 1em;
	word-wrap: break-word;
}

/* Responsive embeds (with a max height so they don’t dominate) */
.single-post .entry-content .wp-block-embed__wrapper iframe,
.single-post .entry-content iframe[src*="youtube.com"],
.single-post .entry-content iframe[src*="youtu.be"],
.single-post .entry-content iframe[src*="vimeo.com"] {
	width: 100%;
	aspect-ratio: 16/9;
	height: auto !important;
	max-height: 60vh;
	border-radius: 8px; /* polish */
}
@media (max-width: 480px) {
	.single-post .entry-content .wp-block-embed__wrapper iframe,
	.single-post .entry-content iframe[src*="youtube.com"],
	.single-post .entry-content iframe[src*="youtu.be"],
	.single-post .entry-content iframe[src*="vimeo.com"] {
		max-height: 55vh;
	}
}
.single-post .entry-content .wp-block-embed,
.single-post .entry-content .wp-block-embed__wrapper,
.single-post .entry-content iframe {
	display: block;
	margin: 16px 0 20px;
}