@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/manrope-latin.woff2") format("woff2");
}

:root {
	--apex-rust: #814334;
	--apex-rust-dark: #6b3529;
	--apex-rust-focus: rgba(129, 67, 52, 0.35);
	--apex-blue: #a1bcc3;
	--apex-sage: #8c957e;
	--apex-sand: #dad2c0;
	--apex-paper: #f7f4ed;
	--apex-ink: #242723;
	--apex-line: rgba(36, 39, 35, 0.16);
}

/*
 * Member tools and forms ship with Prime Listing's former green primary.
 * Keep the replacement in the theme so plugin updates remain safe.
 */
.navigation-item.active span,
.navigation-item.active svg,
.text-primary,
.text-primary-500,
.hover\:text-primary:hover,
.viewing-card a:hover .viewing-card-title,
#closePropertyDrawer,
#closePropertyDrawer:focus,
#closePropertyDrawer:visited {
	color: var(--apex-rust) !important;
}

.bg-primary,
.bg-primary-500,
.btn-primary,
.btn-primary:visited,
.hover\:bg-primary-500:hover,
#closePropertyDrawer:hover,
.open-x-btn:hover {
	background-color: var(--apex-rust) !important;
}

.bg-primary-100,
.hover\:bg-primary-100:hover {
	background-color: #f3e9e6 !important;
}

.bg-primary-200,
.hover\:bg-primary-200:hover {
	background-color: #e2c8c1 !important;
}

.bg-primary-300 {
	background-color: #cda69c !important;
}

.bg-primary-400 {
	background-color: #aa7163 !important;
}

.bg-primary-600,
.hover\:bg-primary:hover,
.hover\:bg-primary-600:hover,
.btn-primary:hover,
.btn-primary:active,
#closePropertyDrawer:active,
.open-x-btn:active,
button[data-headlessui-state]:focus:hover {
	background-color: var(--apex-rust-dark) !important;
}

.bg-primary-700 {
	background-color: #572a21 !important;
}

.bg-primary-800 {
	background-color: #3d1d17 !important;
}

.bg-primary-900 {
	background-color: #24100d !important;
}

.border-primary,
.border-primary-500 {
	border-color: var(--apex-rust) !important;
}

.border-primary-200 {
	border-color: #e2c8c1 !important;
}

.fill-primary {
	fill: var(--apex-rust) !important;
}

.stroke-primary {
	stroke: var(--apex-rust) !important;
}

.btn-primary:focus,
.open-x-btn:focus,
button[data-headlessui-state]:focus,
button[data-headlessui-state]:focus-visible {
	box-shadow: 0 0 0 2px var(--apex-rust-focus) !important;
}

.with_frm_style {
	--title-color: var(--apex-rust) !important;
	--label-color: var(--apex-rust) !important;
	--description-color: var(--apex-rust) !important;
	--border-color-active: var(--apex-rust) !important;
	--submit-bg-color: var(--apex-rust) !important;
	--submit-border-color: var(--apex-rust) !important;
	--submit-hover-bg-color: var(--apex-rust-dark) !important;
	--submit-hover-border-color: var(--apex-rust-dark) !important;
	--submit-active-bg-color: var(--apex-rust-dark) !important;
	--submit-active-border-color: var(--apex-rust-dark) !important;
	--progress-active-bg-color: var(--apex-rust) !important;
	--toggle-on-color: var(--apex-rust) !important;
	--slider-color: var(--apex-rust) !important;
	--date-head-bg-color: var(--apex-rust) !important;
	--date-band-color: var(--apex-rust) !important;
}

input[type="checkbox"],
input[type="radio"],
input[type="range"] {
	accent-color: var(--apex-rust);
}

body {
	color: var(--apex-ink);
	font-family: Manrope, Inter, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Manrope, Inter, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
}

a {
	color: var(--apex-rust);
}

:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) button[type="submit"],
:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) input[type="button"],
:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) input[type="reset"],
:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) input[type="submit"],
.button,
.btn-primary {
	border-color: var(--apex-rust) !important;
	border-radius: 0 !important;
	background-color: var(--apex-rust) !important;
	background-image: none !important;
	color: #fff !important;
	font-family: Manrope, sans-serif !important;
	font-weight: 800 !important;
}

:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) button[type="submit"]:hover,
:is(.page-template-login, .page-template-signup, .page-template-reset-password, .page-template-confirm-email) input[type="submit"]:hover,
.button:hover,
.btn-primary:hover {
	border-color: #6b3529 !important;
	background-color: #6b3529 !important;
}

.page-template-login input,
.page-template-login select,
.page-template-login textarea,
.page-template-signup input,
.page-template-signup select,
.page-template-signup textarea,
.page-template-reset-password input,
.page-template-reset-password select,
.page-template-reset-password textarea,
.page-template-confirm-email input,
.page-template-confirm-email select,
.page-template-confirm-email textarea {
	border-color: var(--apex-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: Manrope, sans-serif !important;
}

.page-template-login input:focus,
.page-template-login select:focus,
.page-template-login textarea:focus,
.page-template-signup input:focus,
.page-template-signup select:focus,
.page-template-signup textarea:focus,
.page-template-reset-password input:focus,
.page-template-reset-password select:focus,
.page-template-reset-password textarea:focus,
.page-template-confirm-email input:focus,
.page-template-confirm-email select:focus,
.page-template-confirm-email textarea:focus {
	border-color: var(--apex-rust) !important;
	outline: 2px solid rgba(129, 67, 52, 0.14) !important;
	outline-offset: 2px;
}

.page-template-login,
.page-template-signup,
.page-template-reset-password,
.page-template-confirm-email {
	min-height: 100vh;
	background: linear-gradient(120deg, var(--apex-sand) 0%, #eee9de 52%, var(--apex-blue) 100%);
}

.page-template-login .site-inner,
.page-template-signup .site-inner,
.page-template-reset-password .site-inner,
.page-template-confirm-email .site-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 55px 22px;
}

.page-template-login .content,
.page-template-signup .content,
.page-template-reset-password .content,
.page-template-confirm-email .content {
	width: 100%;
	max-width: 500px;
}

.page-template-login .entry,
.page-template-signup .entry,
.page-template-reset-password .entry,
.page-template-confirm-email .entry {
	margin: 0;
	padding: 42px 45px;
	background: rgba(247, 244, 237, 0.97);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 28px 75px rgba(36, 39, 35, 0.16);
}

.page-template-login .entry-header,
.page-template-signup .entry-header,
.page-template-reset-password .entry-header,
.page-template-confirm-email .entry-header {
	display: none;
}

/* Confirm email is intentionally integrated into the page background, not carded. */
.page-template-confirm-email .content {
	width: 100% !important;
	max-width: 700px !important;
	padding: 0 !important;
}

.page-template-confirm-email .entry {
	width: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.confirm-email-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	padding: 46px 52px;
	background: rgba(247, 244, 237, 0.72);
	border: 1px solid rgba(129, 67, 52, 0.16);
	box-shadow: 0 18px 50px rgba(36, 39, 35, 0.1);
}

.confirm-email-logo {
	margin-bottom: 34px !important;
}

.confirm-email-panel {
	width: 100%;
	max-width: 640px;
}

.confirm-email-icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin: 0 auto 18px;
	color: var(--apex-rust);
	border-bottom: 1px solid rgba(129, 67, 52, 0.45);
}

.confirm-email-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 30px;
}

.confirm-email-mail-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 10px 16px;
	border: 1px solid rgba(129, 67, 52, 0.42);
	background: rgba(247, 244, 237, 0.28);
	color: var(--apex-rust) !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.confirm-email-mail-link:hover,
.confirm-email-mail-link:focus {
	border-color: var(--apex-rust);
	background: var(--apex-rust);
	color: #fff !important;
}

.confirm-email-help {
	margin-top: 34px;
	padding: 24px 4px;
	border-top: 1px solid rgba(36, 39, 35, 0.15);
	border-bottom: 1px solid rgba(36, 39, 35, 0.15);
	color: #555a54;
	font-size: 14px;
}

.confirm-email-help-title {
	margin-bottom: 10px;
	color: var(--apex-ink);
	font-weight: 800;
}

.confirm-email-terms {
	margin-top: 24px;
	color: #747970;
	font-size: 11px;
	line-height: 1.6;
	text-align: center;
}

.confirm-email-terms a {
	color: var(--apex-rust) !important;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.confirm-email-terms a:hover,
.confirm-email-terms a:focus {
	color: var(--apex-ink) !important;
}

.confirm-email-back {
	margin-top: 18px;
	color: #555a54;
	font-size: 13px;
	text-align: center;
}

.top-login-logo {
	margin-bottom: 18px !important;
	text-align: center;
}

.top-login-logo img {
	width: 158px !important;
	height: auto;
	margin: 0 auto;
}

.page-template-login .entry-content h2,
.page-template-signup .entry-content h2,
.page-template-reset-password .entry-content h2,
.page-template-confirm-email .entry-content h2 {
	margin-bottom: 10px;
	color: var(--apex-ink) !important;
	font-size: 38px !important;
}

.page-template-login .login-username label,
.page-template-login .login-password label {
	display: block;
	margin-bottom: 7px;
	color: #555a54;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.page-template-login #user_login,
.page-template-login #user_pass {
	width: 100%;
	min-height: 54px;
	padding: 0 15px;
	background: #fff;
}

.page-template-login .login-submit input {
	width: 100%;
	min-height: 54px;
	margin-top: 5px;
}

.page-template-login .border-gray-300,
.page-template-signup .border-gray-300 {
	border-color: rgba(36, 39, 35, 0.16) !important;
}

.page-template-login .text-gray-400,
.page-template-signup .text-gray-400 {
	color: #747970 !important;
}

.page-template-login #btnSignupContainer button,
.page-template-login #btnSignupContainer a {
	border: 1px solid var(--apex-line) !important;
	background: #fff !important;
	color: var(--apex-ink) !important;
}

@media (max-width: 600px) {
	.page-template-login .entry,
	.page-template-signup .entry,
	.page-template-reset-password .entry,
	.page-template-confirm-email .entry {
		padding: 34px 22px;
	}

	.top-login-logo img {
		width: 135px !important;
	}

	.page-template-confirm-email .entry {
		padding: 0;
	}

	.confirm-email-layout {
		padding: 34px 22px;
	}

	.confirm-email-actions {
		grid-template-columns: 1fr;
	}
}