/* Meet Our Team — diagonal navy/gold card (grows with content, no trim) */
.unico-meet-team {
	--unico-navy: #a32035;
	--unico-navy-deep: #8b1a2c;
	--unico-gold: #fbf6f7;
	--unico-white: #ffffff;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0 15px 0;
	box-sizing: border-box;
	font-family: 'Albert Sans', 'Poppins', Arial, Helvetica, sans-serif;
}

/* Tighten space above Meet Our Team (after Choose Unico) */
.unico-meet-team-section.et_pb_section,
body.page-id-6579 .unico-meet-team-section {
	padding-top: 8px !important;
	margin-top: 0 !important;
}

.why-choose-section.et_pb_section,
body.page-id-6579 .why-choose-section {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.why-choose-section .choose-row,
.why-choose-section .et_pb_row_inner.choose-row,
body.page-id-6579 .why-choose-section .choose-row {
	min-height: 0 !important;
	height: auto !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.unico-meet-team *,
.unico-meet-team *::before,
.unico-meet-team *::after {
	box-sizing: border-box;
}

/* Header: centered title + arrows top-right */
.unico-meet-team__header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin: 0 0 20px;
	padding: 0 96px;
}

/* Match Choose Unico Home Mortgage (.choose-content h2) */
.unico-meet-team__heading,
.unico-meet-team__heading.et_pb_module_header {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #333333 !important;
	font-family: Poppins, sans-serif !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1.2em !important;
	letter-spacing: normal !important;
	text-align: center !important;
	text-transform: none !important;
	text-decoration: none !important;
}

.unico-meet-team__heading::before,
.unico-meet-team__heading::after,
.unico-meet-team__heading span::before,
.unico-meet-team__heading span::after {
	content: none !important;
	display: none !important;
	background: none !important;
	border: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

.unico-meet-team__nav {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 3;
}

.unico-meet-team__arrow {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 2px solid var(--unico-navy) !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: var(--unico-navy) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(4, 32, 55, 0.12) !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.unico-meet-team__arrow span {
	display: block;
	margin-top: -2px;
}

.unico-meet-team__arrow:hover {
	background: var(--unico-navy) !important;
	color: #ffb51b !important;
	border-color: var(--unico-navy) !important;
}

.unico-meet-team__arrow:focus-visible {
	outline: 2px solid #ffb51b;
	outline-offset: 2px;
}

/* Kill ash/grey crescents in rounded corners (Divi/parent square bg) */
.unico-meet-team-section,
.unico-meet-team-section.et_pb_section,
.unico-meet-team-section .et_pb_row,
.unico-meet-team-section .et_pb_column,
.unico-meet-team-section .et_pb_module,
.unico-meet-team-section .et_pb_code,
.unico-meet-team-section .et_pb_code_inner,
.unico-meet-team-section .et_pb_text,
body.page-id-6579 .unico-meet-team-section,
body.page-id-6579 .unico-meet-team-section .et_pb_row,
body.page-id-6579 .unico-meet-team-section .et_pb_column,
body.page-id-6579 .unico-meet-team-section .et_pb_code_inner {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* One card at a time — layout stays stable */
.unico-meet-team__viewport {
	width: 100%;
	overflow: hidden;
	background: transparent !important;
	border-radius: 24px;
}

.unico-meet-team__track {
	display: flex;
	width: 100%;
	transition: transform 0.4s ease;
	will-change: transform;
	background: transparent !important;
}

.unico-meet-team__track > .unico-team-card {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
}

/* Slider wrap — dots sit on the red panel; shadow here so corners stay clean */
.unico-meet-team__slider {
	position: relative;
	width: 100%;
	background: transparent !important;
	border-radius: 24px;
	box-shadow: 0 12px 30px rgba(4, 32, 55, 0.16);
}

/* Dots: bottom-center of the RIGHT red panel */
.unico-meet-team__dots {
	position: absolute !important;
	left: 42% !important;
	right: 0 !important;
	bottom: 32px !important;
	z-index: 20 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	pointer-events: auto !important;
	background: transparent !important;
}

.unico-meet-team__dot {
	display: block !important;
	width: 11px !important;
	height: 11px !important;
	min-width: 11px !important;
	min-height: 11px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 2px solid rgba(255, 255, 255, 0.7) !important;
	border-radius: 50% !important;
	background: transparent !important;
	cursor: pointer !important;
	opacity: 1 !important;
	box-shadow: none !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 21 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.unico-meet-team__dot.is-active {
	background: #ffffff !important;
	border-color: #ffffff !important;
	transform: scale(1.1);
}

.unico-meet-team__dot:hover {
	border-color: #ffffff !important;
	background: rgba(255, 255, 255, 0.45) !important;
}

.unico-meet-team__dot.is-active:hover {
	background: #ffffff !important;
}

.unico-meet-team__dot:focus-visible {
	outline: 2px solid #fbf6f7;
	outline-offset: 3px;
}

@media (max-width: 700px) {
	.unico-meet-team__dots {
		left: 0 !important;
		right: 0 !important;
		bottom: 22px !important;
	}
}

/* Mobile: title above arrows — no overlap (desktop header until 700px) */
@media (max-width: 700px) {
	.unico-meet-team__header {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
		padding: 0 !important;
		margin-bottom: 16px !important;
		min-height: 0 !important;
	}
	.unico-meet-team__heading,
	.unico-meet-team__heading.et_pb_module_header {
		position: relative !important;
		z-index: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 24px !important;
		line-height: 1.25em !important;
		padding: 0 8px !important;
	}
	.unico-meet-team__nav {
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		justify-content: center !important;
		z-index: 2 !important;
	}
	.unico-meet-team__arrow {
		width: 36px !important;
		height: 36px !important;
		font-size: 24px !important;
	}
}

/*
 * Flex card: photo + red always share the SAME height.
 * (Float + min-height left short bios with a broken mid-card diagonal.)
 */
.unico-team-card {
	position: relative !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	width: 100% !important;
	min-height: 420px;
	height: auto !important;
	overflow: hidden !important;
	border-radius: 24px;
	background: var(--unico-navy);
	box-shadow: none !important;
	color: var(--unico-white);
	isolation: isolate;
}

/* Photo column — stretches with card; no second clip-path */
.unico-team-card__photo {
	position: relative !important;
	flex: 0 0 48% !important;
	width: 48% !important;
	max-width: 48% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	z-index: 1 !important;
	overflow: hidden !important;
	background: #d8d4cf !important;
	align-self: stretch !important;
}

.unico-team-card__photo img {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/*
 * Red panel — overlaps photo; ONE full-height diagonal (matches good Laney slide).
 */
.unico-team-card__details {
	position: relative !important;
	z-index: 2 !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	min-height: 100% !important;
	margin: 0 0 0 -72px !important;
	padding: 42px 44px 64px 108px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	float: none !important;
	clear: none !important;
	align-self: stretch !important;
	background: var(--unico-navy) !important;
	color: var(--unico-white) !important;
	clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%);
}

.unico-team-card__name {
	margin: 0 0 6px !important;
	padding: 0 !important;
	color: var(--unico-gold) !important;
	font-size: clamp(28px, 3.2vw, 42px) !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	letter-spacing: -0.6px;
	text-transform: uppercase;
	overflow: visible !important;
}

.unico-team-card__job {
	margin: 0 0 10px !important;
	padding: 0 !important;
	font-size: clamp(15px, 1.5vw, 18px) !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: var(--unico-white) !important;
}

.unico-team-card__phone {
	margin: 0 0 16px !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--unico-white) !important;
}

/* Keep <a> (slide 1) and <span> (empty phone) identical — Divi link styles skew alignment */
.unico-team-card__phone a,
.unico-team-card__phone > span:not(.unico-team-card__phone-icon) {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	align-self: center !important;
	gap: 0 0.35em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--unico-white) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	font-style: normal !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	vertical-align: middle !important;
}

.unico-team-card__phone-label,
.unico-team-card__phone-num {
	display: inline !important;
	color: inherit !important;
}

/* Never split mid-number */
.unico-team-card__phone-num {
	white-space: nowrap !important;
}

span.unico-team-card__phone-num:hover {
    font-weight: 800 !important;
}
/* .unico-team-card__phone a:hover {
	color: var(--unico-gold) !important;
	text-decoration: underline !important;
} */

.unico-team-card__phone-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	flex: 0 0 20px !important;
	border-radius: 50% !important;
	color: var(--unico-navy) !important;
	background: #ffffff !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	vertical-align: middle !important;
	position: relative !important;
	top: 0 !important;
	transform: none !important;
}

.unico-team-card__phone-icon i,
.unico-team-card__phone-icon .fa-phone,
.unico-team-card__phone-icon .fa,
.unico-team-card__phone-icon .fas {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 10px !important;
	line-height: 1 !important;
	width: 10px !important;
	height: 10px !important;
	color: var(--unico-navy) !important;
	position: static !important;
	top: auto !important;
	transform: none !important;
	vertical-align: middle !important;
}

.unico-team-card__bio {
	width: 100%;
}

.unico-team-card__bio-label {
	margin: 0 0 10px !important;
	color: var(--unico-gold) !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
}

.unico-team-card__underline {
	display: inline-block;
	width: 36px;
	height: 3px;
	margin-left: 4px;
	vertical-align: middle;
	background: var(--unico-gold);
}

.unico-team-card__bio p {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.96) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.unico-team-card__bio p:last-child {
	margin-bottom: 0 !important;
}

.unico-team-card__tagline {
	margin: 18px 0 0 !important;
	padding: 0 !important;
	color: var(--unico-gold) !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	font-weight: 800 !important;
}

/* Match VA Loans “Call Now” — left on desktop/laptop; centered on mobile */
.unico-team-card__cta {
	margin: 22px 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
	width: 100% !important;
}

.unico-team-card__call,
a.unico-team-card__call {
	display: inline-block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 10px 28px !important;
	border: 2px solid #ffffff !important;
	border-radius: 3px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-family: Poppins, 'Albert Sans', Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1.4 !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: all 300ms ease 0ms;
}

/* Divi-style arrow: hidden until hover (same idea as mortgage Call Now :after) */
a.unico-team-card__call::after {
	content: "\203A" !important; /* › */
	display: inline-block !important;
	margin-left: 0.4em !important;
	font-size: 1.15em !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	color: #ffffff !important;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity 300ms ease 0ms, transform 300ms ease 0ms;
	vertical-align: middle;
}

a.unico-team-card__call:hover,
a.unico-team-card__call:focus {
	background: rgba(0, 0, 0, 0.28) !important;
	color: #ffffff !important;
	border-color: transparent !important;
	text-decoration: none !important;
	padding-right: 22px !important;
	padding-left: 22px !important;
}

a.unico-team-card__call:hover::after,
a.unico-team-card__call:focus::after {
	opacity: 1;
	transform: translateX(0);
}

a.unico-team-card__call:focus-visible {
	outline: 2px solid #fbf6f7;
	outline-offset: 3px;
}

.unico-team-card__call--soon {
	opacity: 0.85;
	cursor: default !important;
	pointer-events: none;
}

@media (min-width: 1100px) {
	.unico-team-card {
		min-height: 440px;
	}
	.unico-team-card__photo {
		flex-basis: 46% !important;
		width: 46% !important;
		max-width: 46% !important;
	}
	.unico-team-card__details {
		margin-left: -80px !important;
		padding: 48px 48px 68px 120px !important;
		clip-path: polygon(80px 0, 100% 0, 100% 100%, 0 100%);
		-webkit-clip-path: polygon(80px 0, 100% 0, 100% 100%, 0 100%);
	}
}

@media (max-width: 900px) {
	.unico-team-card__photo {
		flex-basis: 46% !important;
		width: 46% !important;
		max-width: 46% !important;
	}
	.unico-team-card__details {
		margin-left: -56px !important;
		padding: 36px 28px 56px 80px !important;
		clip-path: polygon(56px 0, 100% 0, 100% 100%, 0 100%);
		-webkit-clip-path: polygon(56px 0, 100% 0, 100% 100%, 0 100%);
	}
}

@media (max-width: 700px) {
	.unico-meet-team {
		padding: 0 10px;
	}
	.unico-meet-team__slider,
	.unico-meet-team__viewport {
		border-radius: 18px;
	}
	/* Each slide only as tall as its own content (not stretched to tallest) */
	.unico-meet-team__track {
		align-items: flex-start !important;
	}
	.unico-meet-team__viewport {
		transition: height 0.35s ease;
	}
	.unico-meet-team__track > .unico-team-card {
		height: auto !important;
		align-self: flex-start !important;
	}
	.unico-team-card {
		flex-direction: column !important;
		min-height: 0 !important;
		height: auto !important;
		border-radius: 18px;
	}
	/* Taller frame + top-biased crop so heads stay visible on mobile only */
	.unico-team-card__photo {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 300px !important;
		min-height: 300px !important;
	}
	.unico-team-card__photo img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center top !important;
	}
	.unico-team-card__details {
		flex: 0 0 auto !important;
		width: 100% !important;
		margin: 0 !important;
		min-height: 0 !important;
		/* Extra bottom padding so Call Now clears the absolute dots */
		padding: 24px 22px 64px !important;
		clip-path: none !important;
		-webkit-clip-path: none !important;
		justify-content: flex-start !important;
	}
	.unico-team-card__cta {
		text-align: center !important;
		margin-top: 18px !important;
		margin-bottom: 12px !important;
	}
	.unico-team-card__name {
		font-size: 30px !important;
	}
	.unico-team-card__bio p {
		font-size: 14px !important;
	}
}

/* iPhone 5 / very narrow: label on one line, full number on the next (no mid-number break) */
@media (max-width: 374px) {
	.unico-team-card__phone {
		align-items: flex-start !important;
	}
	.unico-team-card__phone a {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 2px !important;
		max-width: calc(100% - 28px) !important;
	}
	.unico-team-card__phone-label {
		display: block !important;
	}
	.unico-team-card__phone-num {
		display: block !important;
		white-space: nowrap !important;
	}
}
