.login {
	background: #f4f4f3;
	h1.wp-login-logo {
		a {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			background: transparent;
			width: auto;
			height: 40px;
			padding: 0 1.5rem;

			&::before,
			&::after {
				content: '';
				display: block;
				background-color: transparent;
				background-position: center top;
				background-repeat: no-repeat;
				background-size: contain;
			}
			&::before {
				background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='127.2' height='40'%3E%3Cpath fill='%232c5697' d='M40.7 39.5a.5.5 0 0 1-.5.5h-6.3a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5h6.3a.5.5 0 0 1 .5.5Zm67.6-15.1v15a.5.5 0 0 1-.6.6h-6.2a.5.5 0 0 1-.6-.5v-1.9a15.6 15.6 0 1 1 7.4-13.2ZM92.6 16a8.3 8.3 0 1 0 8.4 8.3 8.3 8.3 0 0 0-8.4-8.3Zm34-7.3a15.6 15.6 0 0 0-15.5 15.6v15a.5.5 0 0 0 .5.6h6.2a.5.5 0 0 0 .6-.5V24.4a8.3 8.3 0 0 1 7.3-8.3h1a.5.5 0 0 0 .5-.5V9.3a.5.5 0 0 0-.5-.5ZM30.4 28.3h-7a.5.5 0 0 0-.5.2 8.3 8.3 0 1 1 0-8.2.5.5 0 0 0 .4.2h7.2a.3.3 0 0 0 .3-.3 15.6 15.6 0 1 0 0 8.4c0-.4-.4-.3-.4-.3Zm44.3-4a15.7 15.7 0 0 1-.2 3 .4.4 0 0 1-.4.2H51.3a8.3 8.3 0 0 0 13.3 3 1 1 0 0 1 .5-.2h8s.3 0 .2.4a15.6 15.6 0 1 1 1.3-6.3Zm-7.9-3a8.3 8.3 0 0 0-15.4 0Z'/%3E%3C/svg%3E");
				width: 128px;
				height: 40px;
			}
			&::after {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='64px' height='64px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.style0%7Bfill:	%230073aa;%7D%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath d='M4.548 31.999c0 10.9 6.3 20.3 15.5 24.706L6.925 20.827C5.402 24.2 4.5 28 4.5 31.999z M50.531 30.614c0-3.394-1.219-5.742-2.264-7.57c-1.391-2.263-2.695-4.177-2.695-6.439c0-2.523 1.912-4.872 4.609-4.872 c0.121 0 0.2 0 0.4 0.022C45.653 7.3 39.1 4.5 32 4.548c-9.591 0-18.027 4.921-22.936 12.4 c0.645 0 1.3 0 1.8 0.033c2.871 0 7.316-0.349 7.316-0.349c1.479-0.086 1.7 2.1 0.2 2.3 c0 0-1.487 0.174-3.142 0.261l9.997 29.735l6.008-18.017l-4.276-11.718c-1.479-0.087-2.879-0.261-2.879-0.261 c-1.48-0.087-1.306-2.349 0.174-2.262c0 0 4.5 0.3 7.2 0.349c2.87 0 7.317-0.349 7.317-0.349 c1.479-0.086 1.7 2.1 0.2 2.262c0 0-1.489 0.174-3.142 0.261l9.92 29.508l2.739-9.148 C49.628 35.7 50.5 33 50.5 30.614z M32.481 34.4l-8.237 23.934c2.46 0.7 5.1 1.1 7.8 1.1 c3.197 0 6.262-0.552 9.116-1.556c-0.072-0.118-0.141-0.243-0.196-0.379L32.481 34.4z M56.088 18.8 c0.119 0.9 0.2 1.8 0.2 2.823c0 2.785-0.521 5.916-2.088 9.832l-8.385 24.242c8.161-4.758 13.65-13.6 13.65-23.728 C59.451 27.2 58.2 22.7 56.1 18.83z M32 0c-17.645 0-32 14.355-32 32C0 49.6 14.4 64 32 64s32-14.355 32-32.001 C64 14.4 49.6 0 32 0z M32 62.533c-16.835 0-30.533-13.698-30.533-30.534C1.467 15.2 15.2 1.5 32 1.5 s30.534 13.7 30.5 30.532C62.533 48.8 48.8 62.5 32 62.533z' class='style0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
				width: 34px;
				height: 34px;
			}
		}
	}

	#nav {

		margin: 2em 0;

		a.wp-login-lost-password {
			display: block;
			background: #00b2a9;
			border: 1px solid #00b2a9;
			border-radius: 3px;
			color: #fff;
			padding: 0 12px;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			transition: border-color 200ms ease, background-color 200ms ease;
			&:hover {
				background-color: #0D807A;
				border-color: #0D807A;
			}
			&:focus {
				box-shadow: none;
			}
		}
	}

	#backtoblog, .privacy-policy-page-link {

		display: block;
		margin: 1em 0;
		padding: 0 1.5rem;
		width: auto;

		a {
			display: block;
			background: transparent;
			border: 1px solid #00b2a9;
			border-radius: 3px;
			color: #0D807A;
			padding: 0 12px;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			transition: border-color 200ms ease, color 200ms ease, background-color 200ms ease;
			&:hover {
				border-color: #0D807A;
				color: #0D807A;
				background-color: #F5F5F5;
			}
		}
	}

	#language-switcher {
		margin-top: 2em;

		.button {
			border-color: #2C5697;
			&:hover {
				border-color: #1A345B;
				background-color: #F5F5F5;
			}
		}
	}

	&.wp-core-ui {
		.button, .button-secondary {
			color: #2C5697;
			transition: border-color 200ms ease, color 200ms ease, background-color 200ms ease;
			&:hover {
				color: #1A345B;
			}
		}
		.button-primary {
			background: #2C5697;
			border-color: #2C5697;
			color: #fff;
			&:hover {
				background-color: #1A345B;
				border-color: #1A345B;
				color: #fff;
			}
		}
	}

	input[type="text"]:focus,
	input[type="checkbox"]:focus {
		border-color: #2C5697;
		box-shadow: 0 0 0 1px #2C5697
	}
}