/* @override 
	https://olivers102.sg-host.com/wp-content/themes/northcote-saviour/login/login.css
	https://marketa.hollyantrum.com/wp-content/themes/marketa/login/login.css */



/* Brand Defaults */
:root {
--brandfont: "Spectral", serif; 
--fontWeight: 300;
--background: #FFFCBC;
--accent: #4D37A7;
--white: #FFFCBC;
--logoWidth: 250px;
--logoHeight: 73px;
}

body.login {
	font-family: var(--brandfont) !important;
	font-optical-sizing: auto;
	font-weight: var(--fontWeight) !important;
	font-style: normal;
	background-color: var(--background) !important;
	color: var(--background);
}

body.login div#login {
	padding-top: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#login h1 a {
	margin-bottom: 0 !important;
}
body.login a {
    color: var(--accent) !important;
}

body.login a:active,body.login a:active a:hover {
    color: var(--accent) !important;
}

body.login div#login h1 {

}

body.login div#login h1 a {
	/*background:url("brand-logo-ns.svg");*/
    background-size: var(--logoWidth) var(--logoHeight);
	background-repeat: no-repeat;
	background-position: center;
    height: var(--logoHeight) !important;
    width: var(--logoWidth) !important;
    margin-bottom:0em !important;
	display: none;
}

body.login div#login form#loginform {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    background-color: var(--white) !important;
	border: none;
	border-radius: 0;
}

body.login .message {
    border-left: 4px solid #dc3c32;
}

body.login div#login form#loginform p.forgetmenot {
	margin-bottom: 15px;
}

body.login div#login form#loginform p label {
	font-weight: var(--fontWeight) !important;
}

body.login div#login form#loginform input {
	font-family: var(--brandfont) !important;
    box-shadow: none;
    background-color: var(--background) !important;
	border-color: var(--accent);
	color: var(--accent);
	border-radius: 0px;
	font-family: ;
	font-weight: var(--fontWeight) !important;
	font-size: 18px;
}

body.login div#login input:focus {
    border-color: #000;
    box-shadow: none;
}

body.login div#login form#loginform input#user_login {
    letter-spacing: .05em;
}

body.login div#login form#loginform .user-pass-wrap {
	font-weight: var(--fontWeight) !important;
}



body.login div#login form#loginform p.forgetmenot label{
	font-size: 12px !important;
}

body.login div#login form#loginform p.forgetmenot input#rememberme {
    color: #171717 !important;
}

input[type=checkbox]:checked::before {
	content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%230000ff%27%2F%3E%3C%2Fsvg%3E);
	margin: -.1875rem 0 0 -.25rem;
	height: 1.1125rem;
	width: 1.1125rem
}

body.login div#login form#loginform p.submit {
}

body.login div#login p.submit input#wp-submit {
	border: 1px solid var(--accent) !important;
	background-color: var(--accent) !important;
	color: var(--background);
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    text-shadow: none;
	font-size: 14px;
	line-height: 1;
	height: 40px !important;
	padding: 0.5em;
	width: 100%;
}

body.login div#login p#nav {
    text-align: center !important;    
}

body.login div#login p#nav a {
    text-decoration: none;
	color: var(--accent) !important;
}

body.login div#login p#backtoblog {
    display: none;
}

body.login div#login p#backtoblog a {
    color: #171717 !important;
}

.login .button.wp-hide-pw .dashicons{color: var(--accent);
} 

.login .notice-error {
	color: var(--accent);
}