/* Elite Agent Domain Sites — agent skin (loaded only in agent context). */

/* ---- Header identity (right end of the nav, inside the buttons list) ---- */
.elite-agent-identity-item {
	list-style: none !important;
	display: flex !important;
	align-items: center;
}
.elite-agent-identity {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: 14px;
	text-decoration: none !important;
	vertical-align: middle;
	line-height: 1.2;
}
.elite-agent-identity .elite-agent-photo {
	width: 50px;
    height: 38px;
    border-radius: 30%;
    object-fit: cover;
    display: block;
    margin: 20px auto 0;
}
.elite-agent-identity .elite-agent-meta {
	display: flex;
	flex-direction: column;
}
.elite-agent-identity .elite-agent-name {
	font-weight: 700;
	font-size: 14px;
}
.elite-agent-identity .elite-agent-title {
	font-size: 11px;
	opacity: 0.7;
}

/* Hide the lockup on smaller header widths where nav space is tight. */
@media (max-width: 999px) {
	.elite-agent-identity { display: none; }
}

/* ---- Front-page hero — absolute overlay over the top of the page ---- */
.elite-agent-hero {
	position: absolute;
	z-index: 99;
	top: 60px;
	left: 28%;
	right: auto;
	width: min(620px, 46vw);
	color: #fff;
	padding: 40px 24px;
	box-sizing: border-box;
	/* Legible over imagery without a solid background on desktop. */
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.55);
}
.elite-agent-hero__inner {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}
.elite-agent-hero__photo .elite-agent-photo {
	width: 120px;
    height: 150px;
    border-radius: 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.elite-agent-hero__name {
	margin: 0 0 4px;
	font-size: 30px;
	line-height: 1.1;
	color: #fff;
}
.elite-agent-hero__title {
	margin: 0 0 0px;
    font-size: 15px;
    opacity: 0.9;
    padding: 0;
}
.elite-agent-contact--hero {
	display: flex;
	gap: 18px;
	margin-bottom: 16px;
	font-size: 15px;
}
.elite-agent-contact--hero a {
	color: #fff;
	text-decoration: underline;
}
.elite-agent-hero__cta {
	display: inline-block;
    background: #004c45;
    color: #fff;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: none;
}
.elite-agent-hero__cta:hover {
	filter: brightness(1.05);
}

/* Wide desktops: keep the lockup from drifting too far right. */
@media (min-width: 1600px) {
	.elite-agent-hero { left: 0; width: min(640px, 40vw); top: 3%; }
}

/* Laptops / small desktops: pull it in and narrow it. */
@media (max-width: 1200px) {
	.elite-agent-hero { left: 16%; width: min(540px, 60vw); top: 32px; }
}

/* Tablet & below: drop the absolute overlay, render as a normal in-flow banner
   with a solid background so it stays readable. */
@media (max-width: 991px) {
	.elite-agent-hero {
		position: static;
        left: auto;
        top: auto;
        width: 100vw;
        background: #004c45;
        text-shadow: none;
        padding: 15% 10% 0%;
        margin: 0 -7%;
	}
	.elite-agent-hero__cta {
    border: solid 1px #fff;
	}
}

@media (max-width: 600px) {
	.elite-agent-hero__inner { flex-direction: column; text-align: center; }
	.elite-agent-hero__name { font-size: 26px; }
	.elite-agent-contact--hero { justify-content: center; flex-wrap: wrap; }
}