/* RWEC blog archive filters — /posts/ */

.rwec-blog-filters {
	--rwec-navy: #0b1f3a;
	--rwec-ink: #243041;
	--rwec-muted: #5c6775;
	--rwec-line: #e6ebf2;
	--rwec-soft: #f5f7fa;
	--rwec-accent: #f38800;
	margin: 0 0 1.75rem;
	padding: 1.25rem 1.35rem 1.15rem;
	border: 1px solid var(--rwec-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(11, 31, 58, 0.05);
}

.rwec-blog-filters__intro {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.75rem;
	margin: 0 0 1rem;
}

.rwec-blog-filters__intro strong {
	color: var(--rwec-navy);
	font-size: 1.05rem;
	font-weight: 700;
}

.rwec-blog-filters__intro span {
	color: var(--rwec-muted);
	font-size: 0.92rem;
}

.rwec-blog-filters__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr) repeat(3, minmax(0, 0.85fr));
	gap: 0.75rem 0.85rem;
}

.rwec-blog-filters__field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0;
	min-width: 0;
}

.rwec-blog-filters__field span {
	color: var(--rwec-muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.rwec-blog-filters__field input,
.rwec-blog-filters__field select {
	width: 100%;
	min-height: 42px;
	padding: 0.5rem 0.7rem;
	border: 1px solid var(--rwec-line);
	border-radius: 8px;
	background: var(--rwec-soft);
	color: var(--rwec-ink);
	font-size: 0.95rem;
	line-height: 1.3;
	box-sizing: border-box;
}

.rwec-blog-filters__field input:focus,
.rwec-blog-filters__field select:focus {
	outline: 2px solid rgba(243, 136, 0, 0.35);
	outline-offset: 1px;
	border-color: #f38800;
	background: #fff;
}

.rwec-blog-filters__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	margin-top: 1rem;
}

.rwec-blog-filters__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0.55rem 1.15rem;
	border: 0;
	border-radius: 8px;
	background: var(--rwec-accent);
	color: #111 !important;
	font-size: 0.92rem;
	font-weight: 700;
	cursor: pointer;
}

.rwec-blog-filters__submit:hover {
	background: #ff9a1a;
	color: #111 !important;
}

.rwec-blog-filters__reset {
	color: var(--rwec-muted);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.rwec-blog-filters__reset:hover {
	color: var(--rwec-navy);
}

/* Hide any leftover The7 taxonomy cloud if our replace misses a duplicate. */
.page-id-11 .elementor-widget-the7-taxonomy-filter .filter-categories {
	display: none !important;
}

/*
 * Blog loop cards — light panels, padding, equal height, no edge-flush content.
 * Targets Elementor loop item template 9780 inside archive loop widget fc266c9.
 */
.page-id-11 .elementor-element-fc266c9 .dt-css-grid,
.blog .elementor-element-fc266c9 .dt-css-grid,
.home.page-id-11 .elementor-element-fc266c9 .dt-css-grid {
	align-items: stretch !important;
}

.page-id-11 .elementor-element-fc266c9 .wf-cell,
.page-id-11 .elementor-element-fc266c9 .e-loop-item,
.blog .elementor-element-fc266c9 .wf-cell,
.blog .elementor-element-fc266c9 .e-loop-item {
	display: flex !important;
	height: 100%;
	min-height: 100%;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780,
.blog .elementor-element-fc266c9 .elementor-9780 {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-0b9ee62,
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-0b9ee62 {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto;
	height: 100%;
	min-height: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: #ffffff !important;
	box-shadow: 0 8px 22px rgba(17, 49, 99, 0.08);
	border: 1px solid #e6ebf2;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-0b9ee62 > .e-con-inner,
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-0b9ee62 > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
}

/* Image band */
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-78e8222,
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-78e8222 {
	flex: 0 0 auto;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .post-thumbnail-rollover,
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .the7-overlay-container,
.blog .elementor-element-fc266c9 .elementor-9780 .post-thumbnail-rollover,
.blog .elementor-element-fc266c9 .elementor-9780 .the7-overlay-container {
	border-radius: 0;
	overflow: hidden;
}

/* Text panel under image — light, padded, fills remaining height */
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431,
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	padding: 18px 20px 20px !important;
	box-sizing: border-box;
	min-height: 0;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 > .e-con-inner,
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.55rem;
	padding: 0 !important;
	height: 100%;
	box-sizing: border-box;
}

/* Clamp excerpts so row cards stay even */
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-widget-theme-post-excerpt,
	.elementor-widget-text-editor,
	.entry-excerpt
),
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-widget-theme-post-excerpt,
	.elementor-widget-text-editor,
	.entry-excerpt
) {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 4.8em;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-heading-title,
	.elementor-widget-theme-post-title .elementor-heading-title
),
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-heading-title,
	.elementor-widget-theme-post-title .elementor-heading-title
) {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 3.3em;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-heading-title,
	.elementor-widget-theme-post-title,
	.elementor-widget-heading .elementor-heading-title,
	a
),
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-heading-title,
	.elementor-widget-theme-post-title,
	.elementor-widget-heading .elementor-heading-title
) {
	color: #0b1f3a !important;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-excerpt,
	.entry-excerpt,
	p,
	span,
	.elementor-post-info,
	.the7-post-meta
),
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-excerpt,
	.entry-excerpt,
	p,
	.elementor-post-info,
	.the7-post-meta
) {
	color: #5c6775 !important;
}

/* Soften dark image overlays so cards do not read as ink blocks */
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .the7-overlay-content,
.page-id-11 .elementor-element-fc266c9 .elementor-9780 .post-thumbnail-rollover::after,
.blog .elementor-element-fc266c9 .elementor-9780 .the7-overlay-content,
.blog .elementor-element-fc266c9 .elementor-9780 .post-thumbnail-rollover::after {
	background: transparent !important;
	opacity: 0 !important;
	display: none !important;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .the7-hover-icon,
.blog .elementor-element-fc266c9 .elementor-9780 .the7-hover-icon {
	display: none !important;
}

.page-id-11 .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	a.box-button,
	.box-button,
	a.elementor-button
),
.blog .elementor-element-fc266c9 .elementor-9780 .elementor-element-8e06431 :is(
	a.box-button,
	.box-button,
	a.elementor-button
) {
	color: #111111 !important;
	margin-top: auto;
}

@media (max-width: 1100px) {
	.rwec-blog-filters__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.rwec-blog-filters__field--grow {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.rwec-blog-filters {
		padding: 1rem;
	}
	.rwec-blog-filters__grid {
		grid-template-columns: 1fr;
	}
}