/**
 * Split Image Content Hero Block Front-end CSS
 */

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

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

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

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

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

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

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

.sich-bg-image-cont.bg-dark-red {
	background-color: #6B313E;
}

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

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

/* Text Colors */
.split-image-content-hero.text-white,
.split-image-content-hero.text-white h1,
.split-image-content-hero.text-white h2,
.split-image-content-hero.text-white h3,
.split-image-content-hero.text-white h4,
.split-image-content-hero.text-white h5,
.split-image-content-hero.text-white h6,
.split-image-content-hero.text-white p,
.split-image-content-hero.text-white .split-image-content-hero-title,
.split-image-content-hero.text-white .split-image-content-hero-description,
.split-image-content-hero.text-white .sich-text-title,
.split-image-content-hero.text-white .text-description,
.split-image-content-hero.text-white .eyebrow {
	color: #FFFFFF;
}

.split-image-content-hero.text-black,
.split-image-content-hero.text-black h1,
.split-image-content-hero.text-black h2,
.split-image-content-hero.text-black h3,
.split-image-content-hero.text-black h4,
.split-image-content-hero.text-black h5,
.split-image-content-hero.text-black h6,
.split-image-content-hero.text-black p,
.split-image-content-hero.text-black .split-image-content-hero-title,
.split-image-content-hero.text-black .split-image-content-hero-description,
.split-image-content-hero.text-black .sich-text-title,
.split-image-content-hero.text-black .text-description,
.split-image-content-hero.text-black .eyebrow {
	color: #000000;
}

.split-image-content-hero.text-dark-blue,
.split-image-content-hero.text-dark-blue h1,
.split-image-content-hero.text-dark-blue h2,
.split-image-content-hero.text-dark-blue h3,
.split-image-content-hero.text-dark-blue h4,
.split-image-content-hero.text-dark-blue h5,
.split-image-content-hero.text-dark-blue h6,
.split-image-content-hero.text-dark-blue p,
.split-image-content-hero.text-dark-blue .split-image-content-hero-title,
.split-image-content-hero.text-dark-blue .split-image-content-hero-description,
.split-image-content-hero.text-dark-blue .sich-text-title,
.split-image-content-hero.text-dark-blue .text-description,
.split-image-content-hero.text-dark-blue .eyebrow {
	color: #0F293E;
}

.printfriendly {
	z-index: 1000;
	display: flex;
	margin: 0 0 0 5px !important;
}

/* Eyebrow Styles */
.split-image-content-hero .eyebrow {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 6.72px;
	margin-bottom: 10px;
	display: block;
	font-family: 'DM Sans', sans-serif;
}

/* Eyebrow style variations */
.split-image-content-hero .eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.split-image-content-hero .eyebrow-style-bold {
	font-weight: 700;
}

.split-image-content-hero .eyebrow-style-elegant {
	font-style: italic;
}

/* Title and Description Styles */
.split-image-content-hero .split-image-content-hero-title,
.split-image-content-hero .sich-text-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 114%;
	margin-bottom: 16px;
	max-width: 300px;
	font-weight: 400;
}

.pdf-generator-button{
	align-items: center;
}

.split-image-content-hero .split-image-content-hero-description,
.split-image-content-hero .text-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 53px;
	max-width: 580px;
}

/* Button Styles */
.split-image-content-hero .wp-block-buttons,
.split-image-content-hero .text-buttons,
.split-image-content-hero .split-image-content-hero-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: start;
}

/* Default Button Style (single button with background) */
.split-image-content-hero .wp-block-button .wp-block-button__link,
.split-image-content-hero .text-button .wp-block-button__link,
.split-image-content-hero .split-image-content-hero-button .wp-block-button__link {
	background-color: #A6B8E3;
	color: #000;
	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;
}

.split-image-content-hero .wp-block-button .wp-block-button__link:hover,
.split-image-content-hero .text-button .wp-block-button__link:hover,
.split-image-content-hero .split-image-content-hero-button .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;
}

/**
 * Split Image Content Hero Main Layout CSS - Updated for Design Match
 */

/* Main block structure */
.split-image-content-hero {
	position: relative;
	display: flex;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible; /* Allow for overlap */
	padding: 0 !important;
	margin: 0 !important;
}

/* Background color section */
.sich-bg-image-cont {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%; /* Make it exactly 50% */
	height: 100%;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.split-image-content-hero.image-left .sich-bg-image-cont {
	right: 0;
	left: auto;
}

.split-image-content-hero.image-right .sich-bg-image-cont {
	left: 0;
	right: auto;
}

/* Image container */
.sich-image-container {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 2;
	padding-bottom: 96px !important;
}

.split-image-content-hero.image-left .sich-image-container {
	left: 0;
}

.split-image-content-hero.image-right .sich-image-container {
	right: 0;
	left: auto;
}

/* Image styles */
.sich-image {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.split-image-content-hero .sich-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-height: 800px;
	object-position: top;
	margin: 0;
	padding: 0;
}

.pdf-generator-button{
	display: flex;
	justify-content: center;
}

/* Container to ensure proper layout */
.split-image-content-hero .container {
	display: flex;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
}

.split-image-content-anchor{
	margin-top: 80px;
	width: 50%;
	margin-left: auto;
}

/* Text content area */
.split-image-text-content {
	position: absolute;
	padding: 96px 32px 96px 215px;
	display: flex;
	flex-direction: column;
	height: 90%;
	align-self: end;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
}

.split-image-content-hero.image-left .split-image-text-content {
	margin-left: auto;
	margin-right: 0;
}

.split-image-content-hero.image-right .split-image-text-content {
	margin-left: 0;
	margin-right: auto;
}

/* Vertical centering when no assistant section */
.split-image-content-hero.no-assistant .split-image-text-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	bottom: auto;
	top: 0;
}

.split-image-content-hero.no-assistant .team-member-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: auto;
}

/* Team Member Content Styling */
.split-image-content-hero .team-member-content {
	width: 100%;
}

/* Name/Title styles for team member */
.split-image-content-hero .sich-text-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: 114%;
	margin-bottom: 16px;
	font-weight: 400;
}

/* Orange SVGs container */
.split-image-content-hero .orange-svg-container {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
}

.split-image-content-hero .orange-svg-container svg {
	width: auto;
	height: auto;
}

/* LinkedIn icon styling to match design */
.split-image-content-hero .linkedin-icon {
	position: absolute;
	top: 108px; /* Position to match design */
	right: 50px;
	z-index: 3;
}

.split-image-content-hero .linkedin-icon svg {
	width: 24px;
	height: 24px;
	fill: #D48D57; /* Orange color from design */
}

/* Pronouns styling */
.split-image-content-hero .pronouns {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 24px;
	font-style: italic;
}

.sich-contact-information{
	margin-bottom: 16px;
}

.sich-office-phone,
.sich-content-divider,
.sich-mobile-phone {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.48px;
}

.sich-office-phone a p,
.sich-mobile-phone a p,
.assistant-contact a p{
	font-weight: 700;
	display: inline; /* This will prevent the line break */
	margin-right: 4px;
}

.sich-email,
.sich-location{
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 63%; /* 10.08px */
	margin-bottom: 16px;
}

.sich-languages{
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 137.5% */
	letter-spacing: -0.48px;
}


/* Legal Assistant Section */
.split-image-content-hero .assistant-section {
	margin-top: 46px;
	font-family: 'DM Sans', sans-serif;
}

.split-image-content-hero .assistant-title {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2.66px;
	margin-bottom: 8px;
	font-weight: 400;
	text-transform: uppercase;
}

.split-image-content-hero .assistant-name {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
	font-weight: 500;
}

.split-image-content-hero .assistant-contact {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 6px;
}

.split-image-content-hero .assistant-contact a {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 137.5% */
}

.split-image-content-hero .assistant-contact p {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 137.5% */
}

.sich-image-container{
	margin-bottom: 96px;
}

.sich-mobile-icon{
	display: none;
}


/* Tablet styles */
@media (max-width: 1024px) {
	/* Adjust padding for content area */
	.split-image-text-content {
		padding: 60px 24px 60px 80px;
	}

	/* Reduce max-width of text elements for better readability */
	.split-image-content-hero .sich-text-title {
		max-width: 260px;
	}

	/* Reduce some spacing */
	.split-image-content-hero .assistant-section {
		margin-top: 32px;
	}
}

.sich-divider-mobile {
	display: none; /* Hidden by default */
}



/* Mobile styles */
@media (max-width: 768px) {
	.split-image-content-hero .assistant-section{
		margin-top: 0;
		margin-bottom: 74px;
	}
	/* Stack layout for mobile */
	.split-image-content-hero {
		flex-direction: column;
		min-height: auto;
		padding: 0 !important;
	}

	.split-image-content-anchor{
		margin-top: 0;
	}



	/* Reset vertical centering on mobile */
	.split-image-content-hero.no-assistant .split-image-text-content {
		justify-content: flex-start;
		align-items: stretch;
		height: auto;
		position: relative;
	}

	.sich-mobile-icon{
		display: flex;
		gap: 46px;
	}

	.sich-divider{
		display: none !important;
	}

	.sich-divider-mobile {
		display: block !important; /* Changed from flex to block */
		width: 100% !important;
		height: 1px !important;
		margin: 46px 0 !important;
		max-width: 100% !important; /* Ensure it doesn't exceed container */
		overflow: visible !important; /* Allow gradient to render properly */
	}

	/* Make sure the path inside stretches */
	.sich-divider-mobile path {
		vector-effect: non-scaling-stroke;
		stroke-width: 1px;
	}

	.sich-image-container{
		margin-bottom: 0;
	}

	.split-image-content-hero .container {
		flex-direction: column;
		padding: 0;
		min-height: auto !important;
	}

	/* Stack image on top */
	.sich-image-container {
		position: relative !important;
		width: 100% !important;
		height: 500px !important; /* Mobile image height */
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 1 !important;
		padding-bottom: 0 !important; /* Remove bottom padding */
	}

	/* Reset image styles for mobile */
	.split-image-content-hero .sich-image img {
		width: 100% !important;
		height: 100% !important;
	}





	/* Text content takes full width below image */
	.split-image-text-content {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 46px 20px !important;
		bottom: auto !important;
	}

	/* Background color section takes full width */
	.sich-bg-image-cont {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	/* Reset split-image-content-anchor width */
	.split-image-content-anchor {
		width: 100%;
		margin-left: 0;
	}

	/* Reduce title size on mobile */
	.split-image-content-hero .sich-text-title {
		font-size: 34px !important;
		max-width: 100% !important;
	}

	/* Adjust orange SVG positioning */
	.split-image-content-hero .team-member-content .absolute {
		display:none;
	}

	/* Add spacing between social icons */
	.split-image-content-hero .team-member-content svg {
		margin-right: 8px;
	}

	/* LinkedIn icon positioning on mobile */
	.split-image-content-hero .linkedin-icon {
		position: static;
		margin: 16px 0;
	}

	/* Team member mobile styles */
	.split-image-content-hero .team-member-content {
		max-width: 100%;
	}

	/* Contact information adjustments */
	.split-image-content-hero .sich-contact-information {
		margin-bottom: 24px;
	}


	/* Adjust divider styling */
	.split-image-content-hero .my-\[46px\] {
		margin: 32px 0 !important;
	}
}

/* Small mobile screens */
@media (max-width: 480px) {
	.sich-image-container {
		height: 432px !important; /* Smaller height for very small screens */
	}




	/* Make sure contact info stacks properly on very small screens */
	.split-image-content-hero .flex.gap-\[16px\] {
		flex-direction: column;
		gap: 8px !important;
	}

	/* Hide divider on very small screens */
	.split-image-content-hero .sich-content-divider {
		display: none;
	}
}

/* SVG Divider Styles */
.split-image-content-hero .sich-divider {
	width: 100%;
	max-width: 100%;
	height: 1px;
	display: block;
	margin: 46px 0;
}


.services-list {
	margin-bottom: 16px;
}

.contact-item.sich-service-link {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 63%;
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.contact-item.sich-service-link:hover {
	text-decoration: underline;
}

.separator {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: inherit;
}

@media (max-width: 1500px) {
	.split-image-content-hero .eyebrow {
		font-size: 16px !important;
	}

	.split-image-content-hero .wp-block-button .wp-block-button__link,
	.split-image-content-hero .text-button .wp-block-button__link,
	.split-image-content-hero .split-image-content-hero-button .wp-block-button__link {
		font-size: 16px !important;
	}
}

/* Control SVG in different viewports */
@media (max-width: 768px) {
	.split-image-content-hero .sich-divider {
		margin: 32px 0; /* Slightly reduced margins on mobile */
	}
}


.sich-main-block{
	min-height: 563px;
}

@media (max-width: 1523px) {
	.sich-main-block{
		min-height: 1000px;
	}

	.split-image-text-content{
		padding-left: 115px;
	}
}

@media (max-width: 889px) {
	.contact-spans{
		flex-direction: column;
	}

	.sich-content-divider{
		display: none;
	}
}

@media (max-width: 768px) {
	.contact-spans{
		flex-direction: row;
	}

	.sich-content-divider{
		display: block;
	}
}


.pdf-generator-button{
	display: none;
}