.posts-view-all {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}


/* Add this to the END of your recent-posts.css file */

/* TOGGLE FIX STYLES */

/* Make sure post items display correctly by default */
.post-item {
	display: flex !important; /* Force flex display */
	flex-direction: column;
	padding: 0 0 0 16px;
	position: relative;
	transition: opacity 0.3s ease;
	min-height: 236px;
	cursor: pointer;
}

/* Initial state - show articles by default, hide news */
.post-item[data-type="news"] {
	display: none !important;
}

.post-item[data-type="articles"] {
	display: flex !important;
}

/* Enhanced hover effects - work with JavaScript */
.posts-grid .post-item {
	transition: opacity 0.3s ease, transform 0.2s ease;
}


/* Make sure JavaScript-controlled opacity takes precedence */
.post-item[style*="opacity"] {
	transition: opacity 0.3s ease !important;
}

/* Style the no-posts message */
.no-posts-message {
	text-align: center;
	padding: 40px;
	color: #666;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	border: 2px dashed #ccc;
	margin: 20px 0;
	border-radius: 8px;
	background-color: #f9f9f9;
}

/* Enhanced tab button styles */
.posts-tab-button {
	transition: all 0.3s ease;
}

.posts-tab-button:hover {
	background-color: rgba(170, 98, 44, 0.1);
}

.posts-tab-button.active {
	background-color: #AA622C !important;
	color: white !important;
	transform: scale(1.02);
}

/* IMPORTANT: Override any other display rules with JavaScript-set styles */
.post-item[style*="display: flex"] {
	display: flex !important;
}

.post-item[style*="display: none"] {
	display: none !important;
}

/* Ensure read-more arrow animation still works */
.post-read-more::after {
	transition: transform 0.3s ease;
}

.post-item:hover .post-read-more::after {
	transform: translateX(5px);
}

/**
 * Recent Posts Block Front-end CSS
 * - Display 4 cards in a row with pagination
 * - Support looping carousel and peek effect on mobile
 */

/* Background Colors - Named Colors */
.recent-posts.bg-dark-blue,
.recent-posts-section .bg-dark-blue {
	background-color: #0F293E;
}

.recent-posts.bg-dark-brown,
.recent-posts-section .bg-dark-brown {
	background-color: #290B0B;
}

.recent-posts.bg-burgundy,
.recent-posts-section .bg-burgundy {
	background-color: #800020;
}

.recent-posts.bg-gold,
.recent-posts-section .bg-gold {
	background-color: #B8860B;
}

.recent-posts.bg-copper,
.recent-posts-section .bg-copper {
	background-color: #B87333;
}

.recent-posts.bg-periwinkle,
.recent-posts-section .bg-periwinkle {
	background-color: #CCCCFF;
}

.recent-posts.bg-deep-blue,
.recent-posts-section .bg-deep-blue {
	background-color: #00008B;
}

.recent-posts.bg-dark-red,
.recent-posts-section .bg-dark-red {
	background-color: #8B0000;
}

.recent-posts.bg-white,
.recent-posts-section .bg-white {
	background-color: #FFFFFF;
}

.recent-posts.bg-black,
.recent-posts-section .bg-black {
	background-color: #000000;
}

/* Text Colors */
.recent-posts.text-white,
.recent-posts.text-white h1,
.recent-posts.text-white h2,
.recent-posts.text-white h3,
.recent-posts.text-white h4,
.recent-posts.text-white h5,
.recent-posts.text-white h6,
.recent-posts.text-white p,
.recent-posts.text-white .recent-posts-title,
.recent-posts.text-white .recent-posts-description,
.recent-posts-section.text-white,
.recent-posts-section.text-white h1,
.recent-posts-section.text-white h2,
.recent-posts-section.text-white h3,
.recent-posts-section.text-white h4,
.recent-posts-section.text-white h5,
.recent-posts-section.text-white h6,
.recent-posts-section.text-white p,
.recent-posts-section.text-white .recent-posts-title,
.recent-posts-section.text-white .recent-posts-description {
	color: #FFFFFF;
}

.recent-posts.text-black,
.recent-posts.text-black h1,
.recent-posts.text-black h2,
.recent-posts.text-black h3,
.recent-posts.text-black h4,
.recent-posts.text-black h5,
.recent-posts.text-black h6,
.recent-posts.text-black p,
.recent-posts.text-black .recent-posts-title,
.recent-posts.text-black .recent-posts-description,
.recent-posts-section.text-black,
.recent-posts-section.text-black h1,
.recent-posts-section.text-black h2,
.recent-posts-section.text-black h3,
.recent-posts-section.text-black h4,
.recent-posts-section.text-black h5,
.recent-posts-section.text-black h6,
.recent-posts-section.text-black p,
.recent-posts-section.text-black .recent-posts-title,
.recent-posts-section.text-black .recent-posts-description {
	color: #000000;
}

.recent-posts.text-dark-blue,
.recent-posts.text-dark-blue h1,
.recent-posts.text-dark-blue h2,
.recent-posts.text-dark-blue h3,
.recent-posts.text-dark-blue h4,
.recent-posts.text-dark-blue h5,
.recent-posts.text-dark-blue h6,
.recent-posts.text-dark-blue p,
.recent-posts.text-dark-blue .recent-posts-title,
.recent-posts.text-dark-blue .recent-posts-description,
.recent-posts-section.text-dark-blue,
.recent-posts-section.text-dark-blue h1,
.recent-posts-section.text-dark-blue h2,
.recent-posts-section.text-dark-blue h3,
.recent-posts-section.text-dark-blue h4,
.recent-posts-section.text-dark-blue h5,
.recent-posts-section.text-dark-blue h6,
.recent-posts-section.text-dark-blue p,
.recent-posts-section.text-dark-blue .recent-posts-title,
.recent-posts-section.text-dark-blue .recent-posts-description {
	color: #0F293E;
}

/* Eyebrow Styles */
.recent-posts-section .eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

/* Eyebrow style variations */
.recent-posts-section .eyebrow-style-uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

.recent-posts-section .eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.recent-posts-section .eyebrow-style-bold {
	font-weight: 700;
	text-transform: uppercase;
}

.recent-posts-section .eyebrow-style-elegant {
	font-style: italic;
}

/* Title and Description Styles */
.recent-posts .recent-posts-title,
.recent-posts-section .recent-posts-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 114%;
	margin-bottom: 22px;
	font-weight: 400;
	text-align: left;
}

.recent-posts .recent-posts-description,
.recent-posts-section .recent-posts-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	letter-spacing: -0.48px;
	margin-bottom: 48px;
	text-align: left;
}

/* Button Styles */
/* Button Style 1: Default (Blue Background) */
.recent-posts-section .wp-block-button.is-style-default .wp-block-button__link {
	background-color: #A6B8E3;
	color: #000000;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
}

.recent-posts-section .wp-block-button.is-style-default .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
	background-color: #788FC6;
}

/* Button Style 2: Solid (Brown Background) */
.recent-posts-section .wp-block-button.is-style-solid .wp-block-button__link {
	background-color: #AA632C;
	color: #FFFFFF;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
	border: none;
	cursor: pointer;
	text-align: center;
}

.recent-posts-section .wp-block-button.is-style-solid .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}

/* Button Style 3: Arrow */
.recent-posts-section .wp-block-button.is-style-arrow .wp-block-button__link {
	background-color: transparent;
	color: inherit;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	position: relative;
	border-radius: 0;
}

.recent-posts-section .wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='16' viewBox='0 0 29 16' fill='none'%3E%3Cpath d='M28.7071 8.70711C29.0976 8.31659 29.0976 7.68342 28.7071 7.2929L22.3431 0.928934C21.9526 0.53841 21.3195 0.53841 20.9289 0.928934C20.5384 1.31946 20.5384 1.95262 20.9289 2.34315L26.5858 8L20.9289 13.6569C20.5384 14.0474 20.5384 14.6805 20.9289 15.0711C21.3195 15.4616 21.9526 15.4616 22.3431 15.0711L28.7071 8.70711ZM-8.74228e-08 9L28 9L28 7L8.74228e-08 7L-8.74228e-08 9Z' fill='%23AA622C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.recent-posts-section .wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

.recent-posts-bg-image-cont{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
}

/* Recent Posts Section Styles */
.recent-posts-section {
	position: relative;
	min-height: 650px;
	width: 100%;
	overflow: visible;
	background-color: #FFFFFF;
}

.no-padding{
	padding-top: 0;
	padding-bottom: 80px;
}
.posts-padding-top{
	padding-top: 80px;
	padding-bottom: 80px;
}

/* Background bottom section - removed */
.recent-posts-section .absolute.w-full.left-0.right-0.bottom-0 {
	display: none;
}

.recent-posts-container {
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	flex-direction: column;
	z-index: 10;
}

@media (max-width: 1500px) {
	.recent-posts-container {
		max-width: 1200px
	}
}

@media (max-width: 1500px) {
	.recent-posts-section .eyebrow {
		font-size: 16px !important;
	}

	.recent-posts .recent-posts-description,
	.recent-posts-section .recent-posts-description {
		font-size: 16px !important;
	}

	.recent-posts-section .wp-block-button.is-style-default .wp-block-button__link {
		font-size: 16px !important;
	}

	.recent-posts-section .wp-block-button.is-style-solid .wp-block-button__link {
		font-size: 16px !important;
	}

	.recent-posts-section .wp-block-button.is-style-arrow .wp-block-button__link {
		font-size: 16px !important;
	}

	.post-title {
		font-size: 16px !important;
	}

	.post-read-more {
		font-size: 16px !important;
	}

	.posts-cta-link {
		font-size: 16px !important;
	}
}

/* Content Column */
.posts-content-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between !important;
	align-items: flex-start !important;
	margin-bottom: 40px;
	width: 100%;
}

/* Content Wrapper */
.posts-content-wrapper {
	flex: 1 1 100%;
	max-width: 100%;
	text-align: left;
}

/* Posts list in new design */
.posts-list {
	position: relative;
	width: 100%;
	z-index: 10;
	margin-top: 10px;
}

/* Tab navigation */
.posts-tabs {
	display: flex;
	margin-bottom: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	background: #FFFFFF;
	backdrop-filter: blur(1.46px);
	max-width: fit-content;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	height: fit-content;
	align-self: end;
}

.posts-tab-button {
	padding: 16px 32px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-family: "Hedvig Letters Serif", serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #000;
	border-radius: 43px;
	transition: all 0.3s ease;
	white-space: nowrap;
	display: flex;
	justify-content: center;

	align-items: center;
}

.posts-tab-button.active {
	background-color: #AA622C;
	color: #FFFFFF;
	backdrop-filter: blur(1.46px);
}

/* Posts grid */
.posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom: 108px;
}

/* Post item and hover effects */
.post-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 0;
	width: 1px;
	background-color: #05224C;
}



/* Hover effect for the grid - when any item is hovered, reduce opacity of others */
.posts-grid:hover .post-item {
	opacity: 0.5;
}

/* The hovered item should maintain full opacity */
.posts-grid .post-item:hover {
	opacity: 1;
}

/* NEW TAXONOMY STYLING - MATCHING NEWS/ARTICLE FILTERS */

/* Meta line with post and service */
.post-item-meta-line {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.post-item-post {
	color: var(--Text-primary, #000);
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: 2.66px;
	text-transform: uppercase;
}

.post-meta-separator {
	color: #000;
	margin: 0 4px;
}

.post-item-service {
	color: #AA632C;
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: 2.66px;
	text-transform: uppercase;
}

/* Updated post title to match new structure */
.post-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 24px;
	color: var(--color-text-default, #000);
}

.post-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
	letter-spacing: 0.02em;
}

.post-title a:hover {
	color: #AA632C;
}

/* Bottom metadata section */
.post-bottom-meta {
	/*margin-top: auto;*/
	margin-bottom: 16px;
}

/* Attorney section styling */
.post-attorney {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.post-attorney-image {
	width: 53px;
	height: 53px;
	object-fit: cover;
	border-radius: 0; /* Adjust if you want rounded corners */
}

.post-attorney-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.post-attorney-name {
	color: var(--color-text-default, #000);
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px; /* 150% */
}

/* Date and read time styling */
.post-date-time {
	display: flex;
	align-items: center;
	gap: 8px;
}

.post-date,
.post-read-time {
	color: var(--color-text-default, #000);
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 150% */
}

.post-dot {
	color: var(--color-text-default, #000);
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
}

/* Updated post meta to work with new structure */
.post-meta {
	display: flex;
	align-items: center;
	margin-bottom: 64px;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

/* Legacy support for old structure */
.post-header {
	display: flex;
}

.post-type{
	color:  #000;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 2.66px;
	text-transform: uppercase;
	margin-bottom: 24px;
}
.post-category {
	color:  #AA632C;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: 2.66px;
	text-transform: uppercase;
}

.post-divider {
	color:  #000;
	margin: 0 16px;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: 2.66px;
	text-transform: uppercase;
}

/* Ensure all buttons in multi-button scenario have the arrow style */
.post-read-more::after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='16' viewBox='0 0 29 16' fill='none'%3E%3Cpath d='M28.7071 8.70711C29.0976 8.31659 29.0976 7.68342 28.7071 7.2929L22.3431 0.928934C21.9526 0.53841 21.3195 0.53841 20.9289 0.928934C20.5384 1.31946 20.5384 1.95262 20.9289 2.34315L26.5858 8L20.9289 13.6569C20.5384 14.0474 20.5384 14.6805 20.9289 15.0711C21.3195 15.4616 21.9526 15.4616 22.3431 15.0711L28.7071 8.70711ZM-8.74228e-08 9L28 9L28 7L8.74228e-08 7L-8.74228e-08 9Z' fill='%23AA622C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

/* Hover effect for arrow buttons */
.post-item:hover .post-read-more::after {
	transform: translateX(5px);
}

.post-read-more {
	display: flex;
	align-items: center;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	margin-top: 50px;
}

.arrow-icon {
	margin-left: 5px;
	transition: transform 0.3s ease;
}

.post-read-more:hover .arrow-icon {
	transform: translateX(3px);
}

.posts-view-all {
	display: flex;
	justify-content: center;
}

.view-all-link {
	background-color: #AA622C;
	color: #FFFFFF;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}

.view-all-link:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}



/* Responsive adjustments - Tablet */
@media (max-width: 1024px) {
	.recent-posts-container {
		flex-direction: column;
		padding: 0 30px;
	}

	.posts-content-column {
		flex-direction: column !important;
		align-items: center !important;
	}

	.posts-content-wrapper {
		flex: 1 1 100%;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	.recent-posts .recent-posts-title,
	.recent-posts-section .recent-posts-title,
	.recent-posts .recent-posts-description,
	.recent-posts-section .recent-posts-description {
		text-align: center;
	}

	.recent-posts-section {
		min-height: auto;
		padding: 82px 0;
	}

	/* New design responsive adjustments for tablet */
	.posts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}

	.post-title {
		font-size: 18px;
	}

	/* Maintain hover effect on tablet */
	.posts-grid:hover .post-item {
		opacity: 0.5;
	}

	.posts-grid .post-item:hover {
		opacity: 1;
	}
}

/* Responsive adjustments - Mobile */
@media (max-width: 768px) {
	.recent-posts-top-content{
		flex-direction: column;
	}
	.posts-tabs{
		align-self: start;
	}

	.recent-posts-container {
		padding: 0 20px;
	}

	.recent-posts .recent-posts-title, .recent-posts-section .recent-posts-title{
		font-size: 32px;
	}

	.recent-posts .recent-posts-description, .recent-posts-section .recent-posts-description{
		margin-bottom: 32px;
	}

	.recent-posts-title {
		font-size: 28px;
		text-align: left !important;
	}

	.recent-posts-description {
		text-align: left !important;
	}

	.posts-content-wrapper {
		text-align: left;
	}

	/* Adjust content title alignment */
	.recent-posts .recent-posts-title,
	.recent-posts-section .recent-posts-title {
		text-align: left !important;
	}

	.recent-posts .recent-posts-description,
	.recent-posts-section .recent-posts-description {
		text-align: left !important;
	}

	/* New design responsive adjustments for mobile */
	.posts-grid {
		grid-template-columns: 1fr;
		gap: 68px;
	}


	.post-item {
		padding-bottom: 15px;
	}

	.post-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.post-meta {
		margin-bottom: 10px;
		font-size: 13px;
	}

	/* Mobile adjustments for new taxonomy structure */
	.post-attorney-image {
		width: 45px;
		height: 45px;
	}

	.post-attorney {
		gap: 10px;
		margin-bottom: 12px;
	}




	/* Eyebrow text alignment */
	.recent-posts-section .eyebrow {
		text-align: left;
	}

	/* Make View All button align with other content */
	.posts-view-all {
		margin-top: 15px;
		width: fit-content;
		justify-self: center;
	}

	.view-all-link {
		width: 100%;
		text-align: center;
		padding: 12px 20px;
	}

	/* Disable hover effect on mobile */
	.posts-grid:hover .post-item {
		opacity: 1;
	}
}

.recent-posts-buttons{
	margin-bottom: 16px;
}

.posts-cta-link {
	background-color: #AA632C;
	color: #FFFFFF;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
}

.posts-cta-link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}