/**
 * Article Posts Block Front-end CSS
 */

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

.article-posts.bg-dark-brown,
.article-posts-content-section.bg-dark-brown,
.ap-bg-color-container.bg-dark-brown {
	background-color: #290B0B;
}

.article-posts.bg-pale-white,
.article-posts-content-section.bg-pale-white,
.ap-bg-color-container.bg-pale-white {
	background-color: #F8F8F8;
}

.article-posts.bg-burgundy,
.article-posts-content-section.bg-burgundy,
.ap-bg-color-container.bg-burgundy {
	background-color: #800020;
}

.article-posts.bg-white,
.article-posts-content-section.bg-white,
.ap-bg-color-container.bg-white {
	background-color: #FFFFFF;
}

.article-posts.bg-black,
.article-posts-content-section.bg-black,
.ap-bg-color-container.bg-black {
	background-color: #000000;
}

.article-posts-content-section.bg-gold,
.ap-bg-color-container.bg-gold {
	background-color: #B8860B;
}

.article-posts-content-section.bg-copper,
.ap-bg-color-container.bg-copper {
	background-color: #B87333;
}

.article-posts-content-section.bg-periwinkle,
.ap-bg-color-container.bg-periwinkle {
	background-color: #CCCCFF;
}

.article-posts-content-section.bg-deep-blue,
.ap-bg-color-container.bg-deep-blue {
	background-color: #00008B;
}

.article-posts-content-section.bg-dark-red,
.ap-bg-color-container.bg-dark-red {
	background-color: #8B0000;
}

/* Text Colors */
.article-posts.text-white,
.article-posts.article-posts-date::after,
.article-posts.text-white h2,
.article-posts.text-white h3,
.article-posts.text-white h4,
.article-posts.text-white h5,
.article-posts.text-white h6,
.article-posts.text-white p,
.article-posts.text-white .article-posts-description,
.article-posts.text-white .article-posts-title,
.article-posts.text-white .article-posts-author-name,
.article-posts.text-white .article-posts-date,
.article-posts.text-white .article-posts-read-time,
.article-posts.text-white .article-posts-industry-term {
	color: #FFFFFF;
}

.article-posts.text-black h1{
	color: #0F293E;
}

.article-posts.text-black,
.article-posts.article-posts-date::after,
.article-posts.text-black h2,
.article-posts.text-black h3,
.article-posts.text-black h4,
.article-posts.text-black h5,
.article-posts.text-black h6,
.article-posts.text-black p,
.article-posts.text-black .article-posts-description,
.article-posts.text-black .article-posts-title,
.article-posts.text-black .article-posts-author-name,
.article-posts.text-black .article-posts-date,
.article-posts.text-black .article-posts-read-time,
.article-posts.text-black .article-posts-industry-term {
	color: #000000;
}

.article-posts.text-dark-blue,
.article-posts.article-posts-date::after,
.article-posts.text-dark-blue h2,
.article-posts.text-dark-blue h3,
.article-posts.text-dark-blue h4,
.article-posts.text-dark-blue h5,
.article-posts.text-dark-blue h6,
.article-posts.text-dark-blue p,
.article-posts.text-dark-blue .article-posts-description,
.article-posts.text-dark-blue .article-posts-title,
.article-posts.text-dark-blue .article-posts-author-name,
.article-posts.text-dark-blue .article-posts-date,
.article-posts.text-dark-blue .article-posts-read-time,
.article-posts.text-dark-blue .article-posts-industry-term {
	color: #0F293E;
}

/* Content Section Text Colors */
.article-posts-content-section.text-white,
.article-posts-content-section.text-white h1,
.article-posts-content-section.text-white h2,
.article-posts-content-section.text-white h3,
.article-posts-content-section.text-white h4,
.article-posts-content-section.text-white h5,
.article-posts-content-section.text-white h6,
.article-posts-content-section.text-white p,
.article-posts-content-section.text-white .article-posts-content-title,
.article-posts-content-section.text-white .article-posts-content-description,
.article-posts-content-section.text-white .paragraph-title,
.article-posts-content-section.text-white .paragraph-description,
.article-posts-content-section.text-white .article-posts-content-author-name,
.article-posts-content-section.text-white .article-posts-content-author-title,
.article-posts-content-section.text-white .article-posts-content-quote-text {
	color: #FFFFFF;
}

.article-posts-content-section.text-black,
.article-posts-content-section.text-black h1,
.article-posts-content-section.text-black h2,
.article-posts-content-section.text-black h3,
.article-posts-content-section.text-black h4,
.article-posts-content-section.text-black h5,
.article-posts-content-section.text-black h6,
.article-posts-content-section.text-black p,
.article-posts-content-section.text-black .article-posts-content-title,
.article-posts-content-section.text-black .article-posts-content-description,
.article-posts-content-section.text-black .paragraph-title,
.article-posts-content-section.text-black .paragraph-description,
.article-posts-content-section.text-black .article-posts-content-author-name,
.article-posts-content-section.text-black .article-posts-content-author-title,
.article-posts-content-section.text-black .article-posts-content-quote-text {
	color: #000000;
}

.article-posts-content-section.text-dark-blue,
.article-posts-content-section.text-dark-blue h1,
.article-posts-content-section.text-dark-blue h2,
.article-posts-content-section.text-dark-blue h3,
.article-posts-content-section.text-dark-blue h4,
.article-posts-content-section.text-dark-blue h5,
.article-posts-content-section.text-dark-blue h6,
.article-posts-content-section.text-dark-blue p,
.article-posts-content-section.text-dark-blue .article-posts-content-title,
.article-posts-content-section.text-dark-blue .article-posts-content-description,
.article-posts-content-section.text-dark-blue .paragraph-title,
.article-posts-content-section.text-dark-blue .paragraph-description,
.article-posts-content-section.text-dark-blue .article-posts-content-author-name,
.article-posts-content-section.text-dark-blue .article-posts-content-author-title,
.article-posts-content-section.text-dark-blue .article-posts-content-quote-text {
	color: #0F293E;
}

/* ===== NEW HERO SECTION LAYOUT (Image Panel Style) ===== */

/* Hero Section Main Layout */
.article-posts-hero {
	position: relative;
	display: flex;
	min-height: 500px;
	margin-top: 61px;
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 67px;
}

/* Hero Container */
.ap-hero-container {
	position: relative;
	min-height: 536px;
	width: 100%;
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
	gap: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 1500px) {
	.ap-hero-container {
		max-width: unset !important;
		padding-left: 110px !important;
		padding-right: 60px !important;
	}
}

/*.ap-svg-cta{*/
/*	position: absolute;*/
/*	top: 20%;*/
/*	left: -72px;*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	gap: 8px;*/
/*}*/

/* Background Color Section - 50% width */
.ap-bg-color-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	z-index: 0;
}

.article-posts.image-left .ap-bg-color-container {
	right: 0;
	left: auto;
}

.article-posts.image-right .ap-bg-color-container {
	left: 0;
	right: auto;
}

/* Image Container - 50% width */
.ap-image-container {
	position: absolute;
	top: 120px;
	width: 45%;
	height: 480px;
	z-index: 3;
}

.article-posts.image-left .ap-image-container {
	left: 0;
}

.article-posts.image-right .ap-image-container {
	right: 60px;
}

/* Image Styles */
.ap-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ap-image img.ap-bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Text Content Area - 50% width with overlap effect */
.ap-text-content {
	width: 65%;
	margin-left: auto;
	position: relative;
	padding-top: 128px;
	padding-left: 128px; /* Increased padding to create overlap */
	padding-right: 28px;
	padding-bottom: 56px;
	display: flex;
	justify-content: center;
	z-index: 2;
}

.article-posts.image-left .ap-text-content {
	margin-left: auto;
	margin-right: 0;
	margin-top: 80px;
	padding-left: 128px; /* Heavy padding creates overlap into image area */
	padding-right: 28px;
}

.article-posts.image-right .ap-text-content {
	margin-left: 0;
	margin-right: auto;
	padding-left: 28px;
	padding-right: 128px; /* Heavy padding creates overlap into image area */
}

.ap-content-inner {
	width: 100%;
	max-width: 475px;
}

/* Container for Content Section */
.article-posts-content-section .container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	max-width: 1440px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.article-posts-content-author-link{
	min-width: 840px;
}

.article-posts-content-section {
	padding-bottom: 117px;
}


@media (max-width: 1650px) {
	/*.ap-svg-cta {*/
	/*	left: -20px;*/
	/*}*/
}

@media (max-width: 1500px) {
	.article-posts-content-section{
		padding-bottom: 140px !important;
	}

	/*.ap-svg-cta {*/
	/*	left: 50px;*/
	/*}*/
}

/* Taxonomies */
.article-posts-taxonomies {
	margin-bottom: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.article-posts-industry-term,
.article-posts-practice-area-term {
	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;
	display: inline-block;
}

.article-posts-industry-term {
	color: #000;
}

.article-posts-practice-area-term {
	color: #D48D57;
}

/* Multiple terms separator */
.article-posts-taxonomies .article-posts-industry-term + .article-posts-practice-area-term::before,
.article-posts-taxonomies .article-posts-practice-area-term + .article-posts-industry-term::before {
	content: " | ";
	color: #FFFFFF;
	margin: 0 8px;
}

/* Title */
.article-posts .article-posts-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 1.1;
	letter-spacing: -1.92px;
	margin-bottom: 24px;
	font-weight: 400;
	/* Color controlled by text color classes */
}

/* Author Section */
.article-posts-author {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
}

.article-posts-author-image {
	width: 48px;
	height: 48px;
	object-fit: cover;
	flex-shrink: 0;
}

.article-posts-author-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.article-posts-author-name {
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px; /* 150% */
	color: #000;
}

.article-posts-post-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

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

.article-posts-date::after {
	content: "•";
	margin-left: 8px;
}

/* ===== CONTENT SECTION STYLES ===== */

/* Content Section Title Styles */
.article-posts-content-section .article-posts-content-title,
.article-posts-content-section h1,
.article-posts-content-section h2,
.article-posts-content-section h3 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 16px;
	max-width: 840px;
}

/* Content Section Paragraph Styles */
.article-posts-content-section .article-posts-content-description,
.article-posts-content-section p {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	margin-bottom: 24px;
	max-width: 840px;
}

/* Content Section WYSIWYG Content */
.article-posts-content-section .article-posts-content-wysiwyg {
	margin-top: 20px;
}

.article-posts-content-section .article-posts-content-wysiwyg h1,
.article-posts-content-section .article-posts-content-wysiwyg h2,
.article-posts-content-section .article-posts-content-wysiwyg h3,
.article-posts-content-section .article-posts-content-wysiwyg h4,
.article-posts-content-section .article-posts-content-wysiwyg h5,
.article-posts-content-section .article-posts-content-wysiwyg h6 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 16px;
}

.article-posts-content-section .article-posts-content-wysiwyg h4{
	color: #0F293E !important;
}

.article-posts-content-section .article-posts-content-wysiwyg p {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	margin-bottom: 16px;
}

/* Content Section WYSIWYG List Styles */
.article-posts-content-section .article-posts-content-wysiwyg ul,
.article-posts-content-section .article-posts-content-wysiwyg ol {
	list-style: none;
	padding-left: 18px;
	margin-bottom: 24px;
}

.article-posts-content-section .article-posts-content-wysiwyg ul li,
.article-posts-content-section .article-posts-content-wysiwyg ol li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

.article-posts-content-section .article-posts-content-wysiwyg ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	background: linear-gradient(135deg, #000000, #000000);
}

.article-posts-content-section .article-posts-content-wysiwyg ol {
	list-style-type: decimal;
}

.article-posts-content-section .article-posts-content-wysiwyg ol li {
	list-style: decimal outside;
	padding-left: 24px; /* Slightly more padding to accommodate numbers */
}

.article-posts-content-section .article-posts-content-wysiwyg ol li:before {
	content: none; /* Remove custom bullet for ordered lists */
}

/* Content Section WYSIWYG Link Styles */
.article-posts-content-section .article-posts-content-wysiwyg a {
	color: #B87333;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

.article-posts-content-section .article-posts-content-wysiwyg a:hover {
	text-decoration: none;
}

/* Content Section WYSIWYG Image Styles */
.article-posts-content-section .article-posts-content-wysiwyg img {
	width: 100%;
	height: auto;
	max-width: 200px;
	object-fit: cover;
	margin: 24px 0;
	display: block;
}

/* Content Section Eyebrow Styles */
.article-posts-content-section .article-posts-content-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;
}

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

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

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

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

/* Content Section Button Styles */
.article-posts-content-section .wp-block-buttons,
.article-posts-content-section .paragraph-buttons,
.article-posts-content-section .article-posts-content-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 80px;
}

/* Content Section Quote Styles */
.article-posts-content-section .article-posts-content-quote {
	margin: 60px 0;
	position: relative;
	max-width: 840px;
}

.article-posts-content-section .article-posts-content-quote-text {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	max-width: 800px;
	position: relative;
	border: none;
	quotes: none;
}

.article-post-divider-top {
	width: 100%;
	height: 1px;
	margin-bottom: 30px;
	background: linear-gradient(90deg, #290B0B 37.44%, #D48D57 100%);

}

.article-post-divider-bottom{
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #290B0B 37.44%, #D48D57 100%);
	margin-top: 30px;
}

.article-posts-content-section .article-posts-content-quote-text::before {
	top: 0;
}

.article-posts-content-section .article-posts-content-quote-text::after {
	bottom: 0;
}

/* Responsive quote styles */
@media (max-width: 768px) {
	.article-posts-content-section .article-posts-content-quote-text {
		font-size: 22px;
	}
}

/* Content Section Author Section */
.article-posts-content-section .article-posts-content-author {
	display: flex;
	align-items: center;
	gap: 16px;
	/*margin-top: 24px;*/
}

.article-posts-content-authors{
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.article-posts-content-authors{
	width: 100%;
}

.article-posts-content-author-wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
}


.article-posts-content-section .article-posts-content-author-image {
	width: 48px;
	height: 48px;
	object-fit: cover;
	flex-shrink: 0;
}

.article-posts-content-section .article-posts-content-author-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.article-posts-content-section .article-posts-content-author-name {
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px; /* 150% */
	color: #000;
}

.article-posts-content-section .article-posts-content-author-title {
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 150% */
	color: #000;
}

/* Button Styles */
.article-posts .wp-block-buttons,
.article-posts-content-section .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
}

/* Button Style 1: Default (Blue Background) */
.article-posts .wp-block-button.is-style-default .wp-block-button__link,
.article-posts-content-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;
}

.article-posts .wp-block-button.is-style-default .wp-block-button__link:hover,
.article-posts-content-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) */
.article-posts .wp-block-button.is-style-solid .wp-block-button__link,
.article-posts-content-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;
}

.article-posts .wp-block-button.is-style-solid .wp-block-button__link:hover,
.article-posts-content-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 */
.article-posts .wp-block-button.is-style-arrow .wp-block-button__link,
.article-posts-content-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;
}

.article-posts .wp-block-button.is-style-arrow .wp-block-button__link::after,
.article-posts-content-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;
}

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

/* Arrow Button Style (when there are multiple buttons) */
.article-posts .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button__link,
.article-posts-content-section .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button__link {
	background-color: transparent;
	color: inherit;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	position: relative;
	border-radius: 0;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
}

/* Ensure all buttons in multi-button scenario have the arrow style */
.article-posts .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button__link::after,
.article-posts-content-section .wp-block-buttons:has(.wp-block-button:nth-child(2)) .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;
}

/* Hover effect for arrow buttons */
.article-posts .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button__link:hover::after,
.article-posts-content-section .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

/* Button divider styling for multiple buttons */
.article-posts .article-posts-button-divider,
.article-posts-content-section .article-posts-content-button-divider {
	background: rgba(0, 0, 0, 0.31);
	width: 1px;
	height: 47px;
	display: inline-block;
	margin: 0 24px;
}

.ap-svg-cta{
	gap: 8px;
	align-items: center;
}

.ap-svg-cta-bottom{
	gap: 8px;
	align-items: center;
	display: flex;
}

.article-posts-tags {
	margin-top: 32px;
	display: flex;
	width: 100%;
	max-width: 840px;
	justify-content: end;
	text-align: end;
	margin-bottom: 16px;
}

.posts-tags-label {
	color: #000;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

.posts-tag {
	color: #B87333;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

.tag-separator {
	color: #B87333;
	margin: 0 8px;
}

/* Ensure proper spacing between buttons with arrows */
.article-posts .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button,
.article-posts-content-section .wp-block-buttons:has(.wp-block-button:nth-child(2)) .wp-block-button {
	display: inline-flex;
	align-items: center;
}

/* Content Section Responsive Styles */
@media (max-width: 1500px) {
	.article-posts-content-section .article-posts-content-description,
	.article-posts-content-section p {
		font-size: 16px !important;
	}

	.article-posts-content-section .article-posts-content-eyebrow {
		font-size: 16px !important;
	}

	.article-posts-content-section .article-posts-content-wysiwyg p {
		font-size: 16px !important;
	}

	.article-posts-content-section .article-posts-content-wysiwyg a {
		font-size: 16px !important;
	}

	.article-posts-content-section .article-posts-content-wysiwyg ul li,
	.article-posts-content-section .article-posts-content-wysiwyg ol li {
		font-size: 16px !important;
	}

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

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

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

	.article-posts-content-section .article-posts-content-author {
		margin-top: 16px !important;
		gap: 12px !important;
	}

	.article-posts-content-section .article-posts-content-author-image {
		width: 40px !important;
		height: 40px !important;
	}
}

/* ===== RESPONSIVE STYLES FOR NEW HERO LAYOUT ===== */

/* Tablet/Medium screens - Increase padding even more for narrower screens */
@media (max-width: 1400px) and (min-width: 1201px) {
	.article-posts.image-left .ap-text-content {
		padding-left: 170px !important;
	}

	.article-posts.image-right .ap-text-content {
		padding-right: 170px !important;
	}
}

/* Tablet/Medium screens - Increase padding even more for narrower screens */
@media (max-width: 1200px) and (min-width: 769px) {
	.article-posts.image-left .ap-text-content {
		padding-left: 150px !important; /* Even more padding for smaller screens */
	}

	.article-posts.image-right .ap-text-content {
		padding-right: 150px !important;
	}
}

/* Small tablets - Maximum padding before mobile breakpoint */
@media (max-width: 992px) and (min-width: 769px) {
	.article-posts.image-left .ap-text-content {
		padding-left: 150px !important; /* Maximum padding to ensure clearance */
	}

	.article-posts.image-right .ap-text-content {
		padding-right: 180px !important;
	}
}

@media (max-width: 1200px) {
	.article-posts.image-right .ap-text-content{
		padding-top: 60px !important;
	}

	.article-posts .article-posts-title{
		max-width: 350px;
		font-size: 36px !important;
	}
}

@media (max-width: 1000px) {
	.article-posts-hero {
		flex-direction: column;
		min-height: auto;
		padding-top: 0 !important;
		margin-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.ap-hero-container {
		flex-direction: column;
		padding: 0 !important;
		min-height: auto !important;
		gap: 0;
	}

	.ap-svg-cta-mobile{
		display: none !important;
		gap: 32px;
		margin-top: 20px;
	}

	.ap-content-inner{
		max-width: unset;
	}

	.article-posts .article-posts-title{
		max-width: unset !important;
	}

	.article-posts-taxonomies .article-posts-industry-term + .article-posts-practice-area-term::before{
		display: none !important;
	}

	/* Stack image on top */
	.ap-image-container {
		position: relative !important;
		width: 100% !important;
		height: 240px !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	/* Text content takes full width below image */
	.ap-text-content {
		width: 100% !important;
		margin: 0 !important;
		padding: 32px 24px !important;
		position: relative !important;
	}
}

.article-posts-content-author-link{
	min-width: unset;
	align-self: start;
}

.ap-svg-cta-mobile{
	display: none;
}

/* Mobile Styles - Stack layout */
@media (max-width: 768px) {
	.article-posts.image-left .ap-text-content {
		margin-top: 0px;
	}

	/* Background color section takes full width */
	.ap-bg-color-container {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 100px !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	/* Article Posts specific mobile adjustments */
	.article-posts .article-posts-title {
		font-size: 43px;
		margin-bottom: 16px;
	}

	.article-posts-taxonomies {
		margin-bottom: 12px;
	}

	.article-posts-author {
		margin-top: 16px;
		gap: 12px;
	}

	.article-posts-author-image {
		width: 40px;
		height: 40px;
	}

	/* Make some extra space at the bottom */
	.ap-content-inner {
		padding-bottom: 20px;
	}
}

/* Mobile Icons Styling for Article Posts */
.ap-mobile-icons {
	display: none; /* Hidden by default */
	gap: 46px;
	margin-top: 32px;
}

/* Show mobile icons only on mobile screens */
@media (max-width: 768px) {
	.ap-mobile-icons {
		display: flex;
		gap: 46px;
	}

	/* Hide the desktop SVG CTA on mobile */
	.ap-svg-cta {
		display: none !important;
	}


	.ap-svg-cta-bottom {
		display: flex !important;
	}

}

.article-posts-attorney-and-svg{
	margin-top: 32px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 840px;
}

/* Desktop: Show SVG CTA, hide mobile icons */
@media (min-width: 769px) {
	.ap-mobile-icons {
		display: none !important;
	}

	.ap-svg-cta {
		display: flex;
	}
}


@media (max-width: 560px) {
	.article-posts-tags{
		flex-direction: column;
		text-align: start !important;
		gap: 12px !important;
	}

	.tag-separator{
		display: none;
	}
}