/* IconPharmaOne brand on the framework's website pages (login, reset password, portal pages) - D523.
 * Colours are the logo's: navy #01386b / #001a43, teal-green #038b88 / #19c38b. Kept to a few rules on
 * purpose so framework upgrades do not break the login page. */
:root {
	--ipo-navy: #01386b;
	--ipo-navy-deep: #001a43;
	--ipo-teal: #038b88;
	--ipo-mint: #19c38b;
}

.for-login .page-card-head img.app-logo,
.for-forgot .page-card-head img.app-logo,
.for-signup .page-card-head img.app-logo,
.for-email-login .page-card-head img.app-logo {
	max-height: 64px;
	height: 64px;
	width: auto;
}

.for-login .page-card-head-text h4,
.for-login .page-card-head-text .page-card-title {
	color: var(--ipo-navy-deep);
}

.for-login .es-button[data-variant="solid"],
.for-login .btn-primary,
.for-forgot .btn-primary,
.for-signup .btn-primary,
.for-email-login .es-button[data-variant="solid"] {
	background: var(--ipo-navy) !important;
	border-color: var(--ipo-navy) !important;
	color: #fff !important;
}

.for-login .es-button[data-variant="solid"]:hover,
.for-login .btn-primary:hover,
.for-login .es-button[data-variant="solid"]:focus-visible {
	background: var(--ipo-navy-deep) !important;
	border-color: var(--ipo-navy-deep) !important;
}

.for-login .page-card a,
.for-forgot .page-card a {
	color: var(--ipo-navy);
}

/* website header (brand_html) */
.navbar-light .navbar-brand img {
	height: 28px;
	width: auto;
}