/* US FENCE PRO look for ERPNext website pages: login, password reset, portal. */
:root {
	--usfp-red: #bf1414;
	--usfp-red-dark: #9a0f0f;
	--primary: var(--usfp-red);
	--primary-color: var(--usfp-red);
	--btn-primary: var(--usfp-red);
}

.btn.btn-primary,
.btn.btn-primary:focus {
	background-color: var(--usfp-red);
	border-color: var(--usfp-red);
	color: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary:active {
	background-color: var(--usfp-red-dark);
	border-color: var(--usfp-red-dark);
	color: #fff;
}

.navbar {
	border-bottom: 3px solid var(--usfp-red);
}

/* Login page: logo a bit larger, brand stripe on the card */
.page-card-head img,
.login-content .app-logo {
	max-height: 64px;
	width: auto;
}
.page-card,
.login-content.page-card {
	border-top: 4px solid var(--usfp-red);
}
a,
.forgot-password-message a,
.sign-up-message a {
	color: var(--usfp-red-dark);
}

/* login.bundle.css loads after this file; these selectors are more specific so they win. */
body section .page-card .page-card-actions .btn.btn-login,
body section .page-card .page-card-actions .btn.btn-login:focus {
	background-color: var(--usfp-red);
	border-color: var(--usfp-red);
	color: #fff;
}
body section .page-card .page-card-actions .btn.btn-login:hover,
body section .page-card .page-card-actions .btn.btn-login:active {
	background-color: var(--usfp-red-dark);
	border-color: var(--usfp-red-dark);
	color: #fff;
}
body .page-card .page-card-head img.app-logo {
	height: 56px;
	max-height: 56px;
	width: auto;
}