/**
 * Login-siden i samme tøj som resten af sitet.
 *
 * Det er den første — og for de fleste i familien den eneste — WordPress-side
 * de nogensinde ser, så den skal ikke ligne et kontrolpanel.
 */

body.login {
	background: #10233f;
	color: #fffdf9;
	font-family: 'Karla', 'Helvetica Neue', Arial, sans-serif;
}

/* Flisevæg bag det hele. */
body.login::before {
	content: '';
	position: fixed;
	inset: 0;
	background-color: #4d78b4;
	-webkit-mask-image: url('../img/azulejo.svg');
	mask-image: url('../img/azulejo.svg');
	-webkit-mask-size: 120px 120px;
	mask-size: 120px 120px;
	opacity: 0.2;
	pointer-events: none;
}

body.login #login {
	position: relative;
	z-index: 1;
	width: min(100% - 2rem, 24rem);
	padding-top: 6vh;
}

/* Logoet erstattes af sitets navn skrevet med temaets display-font. */
body.login h1 a {
	background: none;
	width: auto;
	height: auto;
	margin: 0 0 1.5rem;
	padding: 0;
	text-indent: 0;
	font-family: 'Fraunces', 'Iowan Old Style', Georgia, serif;
	font-size: 2.75rem;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: #fffdf9;
	text-decoration: none;
	overflow: visible;
}

body.login h1 a:hover,
body.login h1 a:focus {
	color: #d9a441;
	box-shadow: none;
}

.porto-login-intro {
	margin: 0 0 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgb(255 253 249 / 0.7);
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
}

body.login form {
	background: rgb(255 253 249 / 0.06);
	border: 1px solid rgb(255 253 249 / 0.16);
	border-radius: 4px;
	box-shadow: 0 30px 70px -25px rgb(0 0 0 / 0.6);
	padding: 1.75rem;
	margin-top: 0;
}

body.login label {
	color: rgb(255 253 249 / 0.8);
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.login input[type='text'],
body.login input[type='password'] {
	background: rgb(255 253 249 / 0.94);
	border: 2px solid transparent;
	border-radius: 3px;
	color: #10233f;
	font-size: 1rem;
	padding: 0.55rem 0.7rem;
	box-shadow: none;
}

body.login input[type='text']:focus,
body.login input[type='password']:focus {
	border-color: #d9a441;
	box-shadow: none;
	outline: 0;
}

body.login .button-primary {
	width: 100%;
	background: #7b2233;
	border: 0;
	border-radius: 3px;
	color: #fffdf9;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-shadow: none;
	box-shadow: none;
	padding: 0.6rem 1rem;
	height: auto;
	transition: background 0.2s ease;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #d9a441;
	color: #10233f;
	box-shadow: none;
}

body.login .forgetmenot label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.875rem;
}

body.login #nav,
body.login #backtoblog {
	padding: 0.5rem 0 0;
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
	color: rgb(255 253 249 / 0.55);
	font-size: 0.8125rem;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #d9a441;
}

body.login .message,
body.login #login_error {
	background: rgb(255 253 249 / 0.94);
	border-left: 4px solid #7b2233;
	border-radius: 3px;
	color: #10233f;
	box-shadow: none;
}

body.login .privacy-policy-page-link {
	display: none;
}

body.login .language-switcher {
	display: none;
}