/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/admin/login.css ***!
  \*************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/admin/login.css (1) ***!
  \*****************************************************************************************************************************************************************************/
:root {
	--strl-admin-primary: #00456F;
	--strl-admin-primary-10: #E6ECF1;
	--strl-admin-tertiary: #FFBB6C;
	--strl-admin-sand: #F7F5F3;
}

body.login {
	background: var(--strl-admin-sand);
	font-family: "Inter", sans-serif;
	padding: 2rem;
	position: relative;
}

#login,
.login {
	margin: 0 auto;
	max-width: 568px;
	width: 100%;
}

#login h1 a, .login h1 a {
		background-image: url(img/logo.svg);
		background-repeat: no-repeat;
		background-size: contain;
		height: 92px;
		margin: 0 auto;
		padding-bottom: 10px;
		width: 260px;
	}

#login form, .login form {
		background-color: white;
		border: 0;
		box-shadow: none;
		color: var(--strl-admin-primary);
		padding: 1.5rem;
	}

#login form label, .login form label {
			font-size: 1rem;
			font-weight: 700;
			margin-bottom: 0.5rem;
		}

#login form input[type="text"],
		#login form input[type="password"],
		.login form input[type="text"],
		.login form input[type="password"] {
			background-color: var(--strl-admin-primary-10);
			border: 1px solid var(--strl-admin-primary);
			border-radius: 0;
			color: var(--strl-admin-primary);
			font-size: 1rem;
			font-weight: 600;
			height: 52px;
			line-height: 52px;
			padding: 1rem;
			transition: all 0.3s ease;
		}

#login form input[type="text"]:focus,
			#login form input[type="text"]:hover,
			#login form input[type="password"]:focus,
			#login form input[type="password"]:hover,
			.login form input[type="text"]:focus,
			.login form input[type="text"]:hover,
			.login form input[type="password"]:focus,
			.login form input[type="password"]:hover {
				border: 1px solid var(--strl-admin-tertiary);
				box-shadow: none !important;
			}

#login form input[type="text"] + .button, #login form input[type="password"] + .button, .login form input[type="text"] + .button, .login form input[type="password"] + .button {
				color: var(--strl-admin-primary);
				height: 55px;
			}

#login form input[type="submit"], .login form input[type="submit"] {
			background-color: var(--strl-admin-primary);
			border-radius: 0;
			color: white;
			line-height: 1;
			font-size: 1rem;
			font-family: 'Inter', 'sans-serif';
			padding: 0.75rem 1.5rem;
		}

#login form input[type="submit"]#wp-submit, .login form input[type="submit"]#wp-submit {
				width: 100%;
			}

#login form .forgetmenot label, .login form .forgetmenot label {
				font-weight: 400;
			}

#login form .forgetmenot input, .login form .forgetmenot input {
				background-color: transparent;
				border: 1px solid var(--strl-admin-primary);
				border-radius: 0;
				height: 20px;
				width: 20px;
			}

#login form .forgetmenot input:checked, .login form .forgetmenot input:checked {
					background-color: var(--strl-admin-primary);
				}

#login form .forgetmenot input:checked::before, .login form .forgetmenot input:checked::before {
						content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3C%21--%21Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d=%27M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
						height: 0.9rem !important;
						margin: 2px 0 0 2px !important;
						width: 0.9rem !important;
					}

#login #nav,
	#login #backtoblog,
	.login #nav,
	.login #backtoblog {
		display: inline-block;
		margin: 1rem 0 0;
		padding: 0;
	}

#login #nav a, #login #backtoblog a, .login #nav a, .login #backtoblog a {
			color: var(--strl-admin-primary);
		}

#login #backtoblog, .login #backtoblog {
		float: right;
	}

#login #language-switcher, .login #language-switcher {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

#login #language-switcher label, .login #language-switcher label {
			margin-bottom: 0;
		}

#login #language-switcher select, .login #language-switcher select {
			border: 1px solid var(--strl-admin-primary);
			border-radius: $border-radius;
			color: var(--strl-admin-primary);
			font-size: 1rem;
			height: 42px;
			line-height: 42px;
		}

.notice-info {
	border-color: var(--strl-admin-primary) !important;
	color: var(--strl-admin-primary) !important;
}


/*# sourceMappingURL=loginStyles.min.css.map*/