/**
 * Split Content Columns Block Front-end CSS
 */

/* Layout styles for columns */
.split-content-columns {
	padding: 110px 0;
}

.split-content-columns .container {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

/* Add vertical gradient separator between columns */
.split-content-columns .column-divider {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: linear-gradient(180deg, #290B0B 37.44%, #D48D57 100%);
	z-index: 2;
}

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

	.split-content-columns .split-content-columns-left-column .split-content-columns-description,
	.split-content-columns .split-content-columns-left-column .left-column-paragraph,
	.split-content-columns .split-content-columns-left-column p {
		font-size: 16px !important;
	}

	.split-content-columns .split-content-columns-right-column .split-content-columns-description,
	.split-content-columns .split-content-columns-right-column .right-column-paragraph,
	.split-content-columns .split-content-columns-right-column p {
		font-size: 16px !important;
	}

	.split-content-columns .split-content-columns-right-column .split-content-columns-wysiwyg a {
		font-size: 16px !important;
	}

	.split-content-columns .split-content-columns-wysiwyg ul li {
		font-size: 16px !important;
	}

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

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

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

	.split-content-columns .wp-block-button .wp-block-button__link,
	.split-content-columns .column-button .wp-block-button__link,
	.split-content-columns .split-content-columns-button .wp-block-button__link {
		font-size: 16px !important;
	}
}

.split-content-columns-left-column {
	flex: 1;
	min-width: 300px;
	padding-right: 96px;
}

.split-content-columns-right-column {
	flex: 1;
	min-width: 300px;
	padding-left: 96px;
}

/* Background Colors - Named Colors */
.split-content-columns.bg-dark-blue {
	background-color: #0F293E;
}

.split-content-columns.bg-dark-brown {
	background-color: #290B0B;
}

.split-content-columns.bg-burgundy {
	background-color: #800020;
}

.split-content-columns.bg-gold {
	background-color: #B8860B;
}

.split-content-columns.bg-copper {
	background-color: #B87333;
}

.split-content-columns.bg-periwinkle {
	background-color: #CCCCFF;
}

.split-content-columns.bg-deep-blue {
	background-color: #00008B;
}

.split-content-columns.bg-dark-red {
	background-color: #8B0000;
}

.split-content-columns.bg-white {
	background-color: #FFFFFF;
}

.split-content-columns.bg-black {
	background-color: #000000;
}

/* Text Colors */
.split-content-columns.text-white,
.split-content-columns.text-white h1,
.split-content-columns.text-white h2,
.split-content-columns.text-white h3,
.split-content-columns.text-white h4,
.split-content-columns.text-white h5,
.split-content-columns.text-white h6,
.split-content-columns.text-white p,
.split-content-columns.text-white .split-content-columns-title,
.split-content-columns.text-white .split-content-columns-description,
.split-content-columns.text-white .column-title,
.split-content-columns.text-white .column-description,
.split-content-columns.text-white .split-content-columns-wysiwyg,
.split-content-columns.text-white .split-content-columns-wysiwyg li {
	color: #FFFFFF;
}

.split-content-columns.text-black,
.split-content-columns.text-black h1,
.split-content-columns.text-black h2,
.split-content-columns.text-black h3,
.split-content-columns.text-black h4,
.split-content-columns.text-black h5,
.split-content-columns.text-black h6,
.split-content-columns.text-black p,
.split-content-columns.text-black .split-content-columns-title,
.split-content-columns.text-black .split-content-columns-description,
.split-content-columns.text-black .column-title,
.split-content-columns.text-black .column-description,
.split-content-columns.text-black .split-content-columns-wysiwyg,
.split-content-columns.text-black .split-content-columns-wysiwyg li {
	color: #000000;
}

.split-content-columns.text-dark-blue,
.split-content-columns.text-dark-blue h1,
.split-content-columns.text-dark-blue h2,
.split-content-columns.text-dark-blue h3,
.split-content-columns.text-dark-blue h4,
.split-content-columns.text-dark-blue h5,
.split-content-columns.text-dark-blue h6,
.split-content-columns.text-dark-blue p,
.split-content-columns.text-dark-blue .split-content-columns-title,
.split-content-columns.text-dark-blue .split-content-columns-description,
.split-content-columns.text-dark-blue .column-title,
.split-content-columns.text-dark-blue .column-description,
.split-content-columns.text-dark-blue .split-content-columns-wysiwyg,
.split-content-columns.text-dark-blue .split-content-columns-wysiwyg li {
	color: #0F293E;
}

/* LEFT COLUMN STYLES */
/* Left Column Title Styles */
.split-content-columns .split-content-columns-left-column .split-content-columns-title,
.split-content-columns .split-content-columns-left-column .left-column-heading,
.split-content-columns .split-content-columns-left-column h1,
.split-content-columns .split-content-columns-left-column h2,
.split-content-columns .split-content-columns-left-column h3 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 30px;
}

/* Left Column Paragraph Styles */
.split-content-columns .split-content-columns-left-column .split-content-columns-description,
.split-content-columns .split-content-columns-left-column .left-column-paragraph,
.split-content-columns .split-content-columns-left-column p {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.48px;
	margin-bottom: 30px;
}

/* RIGHT COLUMN STYLES */
/* Right Column Title Styles */
.split-content-columns .split-content-columns-right-column .split-content-columns-title,
.split-content-columns .split-content-columns-right-column .right-column-heading,
.split-content-columns .split-content-columns-right-column h1,
.split-content-columns .split-content-columns-right-column h2,
.split-content-columns .split-content-columns-right-column h3,
.split-content-columns .split-content-columns-right-column h4,
.split-content-columns .split-content-columns-right-column h5,
.split-content-columns .split-content-columns-right-column h6 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 35px;
}

/* Right Column Paragraph Styles */
.split-content-columns .split-content-columns-right-column .split-content-columns-description,
.split-content-columns .split-content-columns-right-column .right-column-paragraph,
.split-content-columns .split-content-columns-right-column p {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.48px;
	margin-bottom: 20px;
}

/* Two-column List Styles */
.split-content-columns .split-content-columns-wysiwyg ul {
	list-style: none;
	padding-left: 0;
	column-count: 2;
	column-gap: 30px;
	margin: 20px 0;
}

/* Media query for medium-sized screens */
@media (max-width: 1310px) {
	.split-content-columns .split-content-columns-wysiwyg ul {
		column-count: 1;
	}
}

.split-content-columns .split-content-columns-wysiwyg 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: 1.5;
	letter-spacing: -0.48px;
	break-inside: avoid; /* Prevent list items from breaking across columns */
	color: inherit;
}

.split-content-columns .split-content-columns-wysiwyg ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: currentColor; /* Use current text color for bullets */
}

/* WYSIWYG Link Styles - Match Orange Button Styling */
.split-content-columns .split-content-columns-right-column .split-content-columns-wysiwyg a {
	background-color: #AA632C !important;
	color: #FFFFFF !important;
	font-family: 'Hedvig Letters Serif', serif !important;
	font-size: 18px !important;
	line-height: 21px !important;
	font-weight: 400 !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	width: fit-content !important;
	border: none !important;
	cursor: pointer !important;
	text-align: center !important;
	margin: 5px 5px 5px 0 !important;
}

.split-content-columns .split-content-columns-right-column .split-content-columns-wysiwyg a:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15) !important;
	transition: 300ms ease-in !important;
	text-decoration: none !important;
	background-color: #8d5124 !important;

}

/* Also apply to left column WYSIWYG links if they exist */
.split-content-columns .split-content-columns-left-column .split-content-columns-wysiwyg a {
	background-color: #AA632C !important;
	color: #FFFFFF !important;
	font-family: 'Hedvig Letters Serif', serif !important;
	font-size: 18px !important;
	line-height: 21px !important;
	font-weight: 400 !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
	width: fit-content !important;
	border: none !important;
	cursor: pointer !important;
	text-align: center !important;
	margin: 5px 5px 5px 0 !important;
}

.split-content-columns .split-content-columns-left-column .split-content-columns-wysiwyg a:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15) !important;
	transition: 300ms ease-in !important;
	text-decoration: none !important;
	background-color: #8d5124;
}

/* Responsive font size adjustment for WYSIWYG links */
@media (max-width: 1500px) {
	.split-content-columns .split-content-columns-right-column .split-content-columns-wysiwyg a,
	.split-content-columns .split-content-columns-left-column .split-content-columns-wysiwyg a {
		font-size: 16px !important;
	}
}

/* Eyebrow Styles */
.split-content-columns .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 */
.split-content-columns .eyebrow-style-uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

.split-content-columns .eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.split-content-columns .eyebrow-style-bold {
	font-weight: 700;
	text-transform: uppercase;
}

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

/* Button Styles */
.split-content-columns .wp-block-buttons,
.split-content-columns .column-buttons,
.split-content-columns .split-content-columns-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
}

/* Button Style 1: Default (Blue Background) */
.split-content-columns .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;
}

.split-content-columns .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;
}

/* Button Style 2: Solid (Brown Background) */
.split-content-columns .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;
}

.split-content-columns .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;
	background-color: #8d5124;
}

/* Button Style 3: Arrow - NO BOX SHADOW HOVER, ONLY SVG ANIMATION */
.split-content-columns .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;
	transition: none;
}

.split-content-columns .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;
}

.split-content-columns .wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

/* Default Button Style (single button with background) - KEEP THIS FOR BACKWARD COMPATIBILITY */
.split-content-columns .wp-block-button .wp-block-button__link,
.split-content-columns .column-button .wp-block-button__link,
.split-content-columns .split-content-columns-button .wp-block-button__link {
	background-color: #AA622C;
	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;
}

.split-content-columns .wp-block-button .wp-block-button__link:hover,
.split-content-columns .column-button .wp-block-button__link:hover,
.split-content-columns .split-content-columns-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;
	background-color: #8d5124;
}

/* Bottom Text Container Styles */
.scc-bottom-text-cont {
	text-align: center;
	padding-bottom: 100px;
}

.scc-bottom-text {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.48px;
	margin: 0;
	max-width: 1200px;
	margin: 0 auto;
}

/* Background Colors for Bottom Text Container */
.scc-bottom-text-cont[data-bg-color="dark-blue"],
.scc-bottom-text-cont.bg-dark-blue {
	background-color: #0F293E;
}

.scc-bottom-text-cont[data-bg-color="dark-brown"],
.scc-bottom-text-cont.bg-dark-brown {
	background-color: #290B0B;
}

.scc-bottom-text-cont[data-bg-color="burgundy"],
.scc-bottom-text-cont.bg-burgundy {
	background-color: #800020;
}

.scc-bottom-text-cont[data-bg-color="gold"],
.scc-bottom-text-cont.bg-gold {
	background-color: #B8860B;
}

.scc-bottom-text-cont[data-bg-color="copper"],
.scc-bottom-text-cont.bg-copper {
	background-color: #B87333;
}

.scc-bottom-text-cont[data-bg-color="periwinkle"],
.scc-bottom-text-cont.bg-periwinkle {
	background-color: #CCCCFF;
}

.scc-bottom-text-cont[data-bg-color="deep-blue"],
.scc-bottom-text-cont.bg-deep-blue {
	background-color: #00008B;
}

.scc-bottom-text-cont[data-bg-color="dark-red"],
.scc-bottom-text-cont.bg-dark-red {
	background-color: #8B0000;
}

.scc-bottom-text-cont[data-bg-color="white"],
.scc-bottom-text-cont.bg-white {
	background-color: #FFFFFF;
}

.scc-bottom-text-cont[data-bg-color="black"],
.scc-bottom-text-cont.bg-black {
	background-color: #000000;
}

/* Handle hex colors for bottom text container */
.scc-bottom-text-cont[data-bg-color^="#"] {
	background-color: var(--bg-color);
}

/* Text Colors for Bottom Text based on parent block's text color */
.split-content-columns.text-white + .scc-bottom-text-cont .scc-bottom-text,
.scc-bottom-text-cont[data-text-color="white"] .scc-bottom-text {
	color: #FFFFFF;
}

.split-content-columns.text-black + .scc-bottom-text-cont .scc-bottom-text,
.scc-bottom-text-cont[data-text-color="black"] .scc-bottom-text {
	color: #000000;
}

.split-content-columns.text-dark-blue + .scc-bottom-text-cont .scc-bottom-text,
.scc-bottom-text-cont[data-text-color="dark-blue"] .scc-bottom-text {
	color: #0F293E;
}

/* Handle hex text colors for bottom text */
.scc-bottom-text-cont[data-text-color^="#"] .scc-bottom-text {
	color: var(--text-color);
}

/* Responsive styles */
@media (max-width: 768px) {
	.split-content-columns .container {
		flex-direction: column;
		gap: 0;
	}

	.scc-bottom-text-cont{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 200px;
	}

	.split-content-columns {
		padding: 60px 0;
	}

	.split-content-columns-left-column,
	.split-content-columns-right-column {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	/* Change vertical divider to horizontal for mobile */
	.split-content-columns .column-divider {
		position: static;
		width: 100%;
		height: 1px;
		margin: 40px 0;
		transform: none;
		/* Change gradient direction to horizontal */
		background: linear-gradient(90deg, #290B0B 37.44%, #D48D57 100%);
	}

	/* Switch to single column lists on mobile */
	.split-content-columns .split-content-columns-wysiwyg ul {
		column-count: 1;
	}
}