@font-face {
	font-family: Lato;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/lato-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: Lato;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/lato-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: Lato;
	font-weight: 900;
	font-display: swap;
	src: url("fonts/lato-latin-900-normal.woff2") format("woff2");
}

body.login {
	background: #f4f6fa;
	border-style: solid;
	border-width: 8px 0 0;
	border-image: linear-gradient(90deg, #0a35a8 0 78%, #3fa35b 78% 100%) 1;
	font-family: Lato, Helvetica, Arial, sans-serif;
	color: #22303c;
}

/* Marca no lugar do logotipo do WordPress. */
.login h1 a {
	width: auto;
	height: auto;
	margin: 0 auto 1.25rem;
	padding-top: 92px;
	background: url("logo-portal-telemedicina.png") no-repeat top center / auto 76px;
	font: 900 1.4rem Lato, Helvetica, Arial, sans-serif;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #0c2d7a;
	text-indent: 0;
	overflow: visible;
}

.login form {
	border: 1px solid #e3e9ee;
	border-radius: 3px;
	border-left: 6px solid #3fa35b;
	box-shadow: 0 8px 28px rgba(12, 45, 122, 0.1);
}

.login label {
	font-weight: 600;
	color: #0c2d7a;
}

.login input[type="text"],
.login input[type="password"] {
	border-color: #c9d5de;
	border-radius: 8px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #0a35a8;
	box-shadow: 0 0 0 1px #0a35a8;
}

.login .button-primary {
	padding-inline: 1.25rem;
	background: #0a35a8;
	border-color: #0a35a8;
	border-radius: 4px;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #0c2d7a;
	border-color: #0c2d7a;
}

.login #nav a,
.login .wp-pwd .button {
	color: #0a35a8;
}

.login #backtoblog {
	display: none;
}