/**
 * Who We Are CTA Block Front-end CSS
 */


.wwac-left-column {
	flex: 1;
	min-width: 300px;
	max-width: 467px;
	display: flex;
	align-items: center;
}

.wwac-right-column {
	flex: 1;
	min-width: 300px;
}

/* Background Colors - Named Colors */
.wwac-bg-image-cont.bg-dark-blue {
	background-color: #0F293E;
}

.wwac-bg-image-cont.bg-dark-brown {
	background-color: #290B0B;
}

.wwac-bg-image-cont.bg-burgundy {
	background-color: #800020;
}

.wwac-bg-image-cont.bg-gold {
	background-color: #B8860B;
}

.wwac-bg-image-cont.bg-copper {
	background-color: #B87333;
}

.wwac-bg-image-cont.bg-periwinkle {
	background-color: #CCCCFF;
}

.wwac-bg-image-cont.bg-deep-blue {
	background-color: #00008B;
}

.wwac-bg-image-cont.bg-dark-red {
	background-color: #8B0000;
}

.wwac-bg-image-cont.bg-white {
	background-color: #FFFFFF;
}

.wwac-bg-image-cont.bg-black {
	background-color: #000000;
}

/* Text Colors */
.who-we-are-cta.text-white,
.who-we-are-cta.text-white h1,
.who-we-are-cta.text-white h2,
.who-we-are-cta.text-white h3,
.who-we-are-cta.text-white h4,
.who-we-are-cta.text-white h5,
.who-we-are-cta.text-white h6,
.who-we-are-cta.text-white p,
.who-we-are-cta.text-white .wwac-title,
.who-we-are-cta.text-white .wwac-description,
.who-we-are-cta.text-white .wwac-paragraph-title,
.who-we-are-cta.text-white .wwac-paragraph-description {
	color: #FFFFFF;
}

.who-we-are-cta.text-black,
.who-we-are-cta.text-black h1,
.who-we-are-cta.text-black h2,
.who-we-are-cta.text-black h3,
.who-we-are-cta.text-black h4,
.who-we-are-cta.text-black h5,
.who-we-are-cta.text-black h6,
.who-we-are-cta.text-black p,
.who-we-are-cta.text-black .wwac-title,
.who-we-are-cta.text-black .wwac-description,
.who-we-are-cta.text-black .wwac-paragraph-title,
.who-we-are-cta.text-black .wwac-paragraph-description {
	color: #000000;
}

.who-we-are-cta.text-dark-blue,
.who-we-are-cta.text-dark-blue h1,
.who-we-are-cta.text-dark-blue h2,
.who-we-are-cta.text-dark-blue h3,
.who-we-are-cta.text-dark-blue h4,
.who-we-are-cta.text-dark-blue h5,
.who-we-are-cta.text-dark-blue h6,
.who-we-are-cta.text-dark-blue p,
.who-we-are-cta.text-dark-blue .wwac-title,
.who-we-are-cta.text-dark-blue .wwac-description,
.who-we-are-cta.text-dark-blue .wwac-paragraph-title,
.who-we-are-cta.text-dark-blue .wwac-paragraph-description {
	color: #0F293E;
}

/* LEFT COLUMN STYLES */
/* Left Column Title Styles */
.who-we-are-cta .wwac-left-column .wwac-title,
.who-we-are-cta .wwac-left-column .wwac-left-column-heading,
.who-we-are-cta .wwac-left-column h1,
.who-we-are-cta .wwac-left-column h2,
.who-we-are-cta .wwac-left-column h3 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 53px;
}

/* Left Column Paragraph Styles */
.who-we-are-cta .wwac-left-column .wwac-description,
.who-we-are-cta .wwac-left-column .wwac-left-column-paragraph,
.who-we-are-cta .wwac-left-column 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: 53px;
}

/* RIGHT COLUMN STYLES */
/* Right Column Title Styles */
.who-we-are-cta .wwac-right-column .wwac-title,
.who-we-are-cta .wwac-right-column .wwac-right-column-heading,
.who-we-are-cta .wwac-right-column h1,
.who-we-are-cta .wwac-right-column h2,
.who-we-are-cta .wwac-right-column h3,
.who-we-are-cta .wwac-right-column h4,
.who-we-are-cta .wwac-right-column h5,
.who-we-are-cta .wwac-right-column h6 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 44px;
	margin-bottom: 16px;
}

.who-we-are-cta .wwac-right-column h4{
	color: #0F293E !important;
}

/* Right Column Paragraph Styles */
.who-we-are-cta .wwac-right-column .wwac-description,
.who-we-are-cta .wwac-right-column .wwac-right-column-paragraph,
.who-we-are-cta .wwac-right-column p {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

/* List Styles */
.who-we-are-cta .wwac-right-column ul {
	list-style: none;
	padding-left: 0;
}

.who-we-are-cta .wwac-right-column ul 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;
}

.who-we-are-cta .wwac-right-column ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: linear-gradient(135deg, #000000, #000000);
}

/* Eyebrow Styles */
.who-we-are-cta .wwac-eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 16px;
	display: block;
}

/* Eyebrow style variations */
.who-we-are-cta .wwac-eyebrow-style-uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

.who-we-are-cta .wwac-eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.who-we-are-cta .wwac-eyebrow-style-bold {
	font-weight: 700;
	text-transform: uppercase;
}

.who-we-are-cta .wwac-eyebrow-style-elegant {
	font-style: italic;
}

/* Button Styles */
.who-we-are-cta .wp-block-buttons,
.who-we-are-cta .wwac-buttons,
.who-we-are-cta .wwac-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* Button Style 1: Default (Blue Background) */
.who-we-are-cta .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;
}

.who-we-are-cta .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) */
.who-we-are-cta .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;
}

.who-we-are-cta .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 */
.who-we-are-cta .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;
}

.who-we-are-cta .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;
}

.who-we-are-cta .wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(5px);
}



/* Layout styles for columns */
.who-we-are-cta .wwac-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 160px;
	padding-right: 30px;
	padding-left: 30px;
	max-width: 1300px;
}


/* CTA Cards Container */
.who-we-are-cta .wwac-cta-cards-container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px;
	overflow: hidden; /* Hide any overflow from overlapping cards */
}



@media (max-width: 1500px) {
	.who-we-are-cta .wwac-container{
		max-width: 1060px;
	}

	.wwac-left-column {
		flex: 1;
		min-width: 150px;
		max-width: 300px;
		display: flex;
		align-items: center;
	}


	.who-we-are-cta .wwac-cta-cards-container{
		max-width: 1200px;
	}

	.who-we-are-cta .wwac-cta-image-container .wwac-cta-image-second{
		min-height: 400px !important;
	}
}

@media (max-width: 1500px) {
	.who-we-are-cta .wwac-eyebrow {
		font-size: 16px !important;
	}

	.who-we-are-cta .wwac-left-column .wwac-description,
	.who-we-are-cta .wwac-left-column .wwac-left-column-paragraph,
	.who-we-are-cta .wwac-left-column p {
		font-size: 16px !important;
	}

	.who-we-are-cta .wwac-right-column .wwac-description,
	.who-we-are-cta .wwac-right-column .wwac-right-column-paragraph,
	.who-we-are-cta .wwac-right-column p {
		font-size: 16px !important;
	}

	.who-we-are-cta .wwac-right-column ul li {
		font-size: 16px !important;
	}

	.who-we-are-cta .wp-block-button.is-style-default .wp-block-button__link {
		font-size: 16px !important;
	}

	.who-we-are-cta .wp-block-button.is-style-solid .wp-block-button__link {
		font-size: 16px !important;
	}

	.who-we-are-cta .wp-block-button.is-style-arrow .wp-block-button__link {
		font-size: 16px !important;
	}

	.who-we-are-cta .wwac-cta-button {
		font-size: 16px !important;
	}

	.who-we-are-cta .wwac-cta-description {
		font-size: 16px !important;
	}
}

/* IMPROVED CTA CARDS LAYOUT */
.who-we-are-cta .wwac-cta-cards-grid {
	position: relative;
	height: 800px;
	width: 100%;
}

/* UPDATED: Better overlap and full width coverage */
.who-we-are-cta .wwac-cta-wrapper-first {
	position: absolute;
	width: 53%; /* Increased from 50% to cover more area */
	left: 0;
	top: 0;
	z-index: 2; /* Higher z-index to stay on top */
}

.who-we-are-cta .wwac-cta-wrapper-second {
	position: absolute;
	width: 53%; /* Increased from 50% to cover more area */
	right: 0;
	top: 100px;
	z-index: 1; /* Lower z-index to go behind first card */
}

.who-we-are-cta .wwac-cta-card {
	position: relative;
	width: 100%;
	height: auto;
}

.who-we-are-cta .wwac-cta-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* IMPROVED: CTA Image Container - Fixed aspect ratio and no squishing */
.who-we-are-cta .wwac-cta-image-container {
	position: relative;
	width: 100%;
	height: 450px; /* Fixed height for consistency */
	overflow: hidden; /* Hide any overflow */
}

/* IMPROVED: Image styling to prevent squishing */
.who-we-are-cta .wwac-cta-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Maintain aspect ratio without squishing */
	object-position: center; /* Center the image */
	transition: transform 0.5s ease;
}

/* UPDATED: Second image positioning - better overlap */
.who-we-are-cta .wwac-cta-image-second {
	/*transform: translateX(-60px); */
}

/* CTA Title Overlay */
.who-we-are-cta .wwac-cta-title-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: start !important;
	z-index: 2;
}

.who-we-are-cta .wwac-cta-title-2 {
	padding-left: 110px !important;
}

/* CTA Title Styles */
.who-we-are-cta .wwac-cta-title {
	font-family: "Hedvig Letters Serif", serif;
	font-size: 49.883px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	padding-left: 40px;
	text-align: center;
}

.who-we-are-cta .wwac-cta-title.text-white {
	color: #FFFFFF;
}

.who-we-are-cta .wwac-cta-title.text-black {
	color: #000000;
}

/* CTA Content Area */
.who-we-are-cta .wwac-cta-content {
	padding-top: 48px;
	color: #FFFFFF;
	max-width: 348px;
}

#content_control{
	position: relative; /* Changed from absolute */
	left: 0; /* Reset left positioning */
	/*transform: translateX(-60px); */
}


/* CTA Subheading */
.who-we-are-cta .wwac-cta-subheading {
	color: #FFFFFF;
	font-family: "Hedvig Letters Serif", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 16px;
}

/* CTA Description */
.who-we-are-cta .wwac-cta-description {
	color: #FFFFFF;
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.54px;
	margin-bottom: 24px;
}

.who-we-are-cta-cont{
	padding-top: 32px;
	padding-bottom: 100px;
}

/* CTA Button */
.who-we-are-cta .wwac-cta-button {
	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;
}

.who-we-are-cta .wwac-cta-button:hover{
	background-color: #788FC6;
	transition: all 0.3s ease;
}

.who-we-are-cta .wwac-cta-card-link:hover .wwac-cta-button {
	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;
}

/* ---------------------------------------------------- */
/* CTA CARD SLIDE-IN ANIMATIONS */
/* ---------------------------------------------------- */

/* Initial state - cards are hidden and positioned off-screen */
.wwac-cta-wrapper-first {
	transform: translateX(-100%) !important;
	opacity: 0 !important;
	transition: transform 0.8s ease, opacity 0.8s ease !important;
}

.wwac-cta-wrapper-second {
	transform: translateX(100%) !important;
	opacity: 0 !important;
	transition: transform 0.8s ease, opacity 0.8s ease !important;
}

/* Animated state - cards slide into position */
.wwac-cta-wrapper-first.animate-in {
	transform: translateX(0) !important;
	opacity: 1 !important;
}

.wwac-cta-wrapper-second.animate-in {
	transform: translateX(0) !important;
	opacity: 1 !important;
}

/* Mobile - use vertical animation instead */
@media (max-width: 768px) {
	.wwac-cta-wrapper-first {
		transform: translateY(50px) !important;
		opacity: 0 !important;
	}

	.wwac-cta-wrapper-second {
		transform: translateY(50px) !important;
		opacity: 0 !important;
	}

	.wwac-cta-wrapper-first.animate-in,
	.wwac-cta-wrapper-second.animate-in {
		transform: translateY(0) !important;
		opacity: 1 !important;
	}
}

@media (max-width: 768px) {
	.who-we-are-cta .wwac-container {
		flex-direction: column;
	}

	.who-we-are-cta .wwac-cta-title-2 {
		padding-left: 20px !important;
	}

	.wwac-left-column {
		min-width: unset !important;
	}

	.wwac-right-column {
		min-width: unset !important;
	}

	.who-we-are-cta .wwac-cta-image-container {
		height: 300px; /* Reduce height on mobile */
	}

	.who-we-are-cta-cont {
		padding-top: 72px !important;
		padding-bottom: 72px !important;
	}

	/* IMPROVED: Mobile layout - stack cards vertically */
	.who-we-are-cta .wwac-cta-cards-grid {
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.who-we-are-cta .wwac-cta-wrapper-first,
	.who-we-are-cta .wwac-cta-wrapper-second {
		position: relative;
		width: 100%;
		left: auto;
		right: auto;
		top: auto;
		z-index: auto;
	}

	/* Reset transforms on mobile */
	.who-we-are-cta .wwac-cta-image-second {
		transform: none;
	}

	#content_control {
		transform: none;
	}

	.wwac-cta-cards-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.wwac-left-column,
	.wwac-right-column {
		width: 100%;
		max-width: unset;
	}

	.who-we-are-cta .wwac-cta-content {
		padding: 20px 0;
		max-width: 100%; /* Full width on mobile */
	}

	.who-we-are-cta .wwac-left-column .wwac-title,
	.who-we-are-cta .wwac-left-column .wwac-left-column-heading,
	.who-we-are-cta .wwac-left-column h1,
	.who-we-are-cta .wwac-left-column h2,
	.who-we-are-cta .wwac-left-column h3 {
		margin-bottom: 0;
	}

	.who-we-are-cta .wwac-cta-title {
		font-size: 36px; /* Reduce title size on mobile for better fit */
		padding-left: 20px; /* Reduce padding */
	}
}

@media (max-width: 480px) {
	.who-we-are-cta .wwac-cta-image-container {
		height: 250px; /* Further reduce height on very small screens */
	}

	.who-we-are-cta .wwac-cta-title {
		font-size: 28px;
		padding-left: 15px;
	}

	.who-we-are-cta .wwac-cta-title-2 {
		padding-left: 15px !important;
	}
}