@font-face {
	font-family: Montserrat-Light;
	src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
	font-family: Montserrat-Medium;
	src: url(../fonts/Montserrat-Medium.ttf);
}

body.login {
	background: #1a1223;
	font-family: Montserrat-Light, sans-serif;
}

div#login {
	max-width: 380px;
	width: 100%;
}

#login h1 a,
div.login h1 a {
	background-image: url(../images/amp/ampboards-logo.svg);
	height: auto;
	width: 230px;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

body.login form#loginform {
	border-radius: 4px;
	padding: 34px;
}

body.login form .input:focus,
body.login form input[type="checkbox"]:focus,
body.login input[type="text"]:focus {
	border-color: #2ab4ff;
	box-shadow: 0 0 0 1px #2ab4ff;
	outline: 2px solid transparent;
}

body.login form input[type="checkbox"] {
	border-radius: 2px;
	height: 1.5rem;
	width: 1.5rem;
}

body.login form input[type="checkbox"]:checked::before {
	filter: grayscale(1);
	height: 1.85rem;
	margin: -0.2rem 0 0 -0.35rem;
	width: 1.85rem;
}

body.login .button.wp-hide-pw {
	color: #604983;
}

body.login .button.wp-hide-pw:focus {
	border-color: transparent;
	box-shadow: none;
	outline: none;
}

body.login form .forgetmenot {
	margin-top: 10px;
}

body.login input#wp-submit.button-primary {
	background: #604983;
	border-color: #604983;
	font-size: 16px;
	padding: 0 28px;
}

body.login #wp-submit .button-primary:hover {
	box-shadow: none;
}

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

body.login #backtoblog a,
body.login #nav a {
	color: #2ab4ff;
	font-size: 16px;
}

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