/* login css by Ged 08 Feb 2017 */

body.login div h1 a { display: none; }

body.login div h1{ 
    background: url(images/logo-login.svg) no-repeat center;
    -webkit-background-size: 80%;
    -moz-background-size: 80%;
    -o-background-size:80%;
    background-size: 80%;
    width: 100%;
    height: 150px;
}

body.login{
    color: #fff;
    font-family: Quicksand, Arial, Helvetica, sans-serif;
    background-color: #001548;
}

body.login form {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
}

body.login label,
body.login label[for="user_login"],
body.login label[for="user_pass"] {
	color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    max-width: 100%;
}
input#user_pass { letter-spacing: 5px; }

body.login form .input, .login input[type=text]{
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    padding: 10px 15px;
}

.btn,
.button,
input[type="submit"].button.button-primary.button-large {
    min-width: 120px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0);
    color: #001548;
    text-transform: uppercase;
    height: auto;
    line-height: inherit;
    box-shadow: none;
    text-shadow: none;
	border-radius: 50px;
}

input[type="submit"].button.button-primary.button-large:hover, 
input[type="submit"].button.button-primary.button-large.button:focus, 
input[type="submit"].button.button-primary.button-large.button.focus {
 background: transparent;
 border: 1px solid rgba(255,255,255,0.5);
 color: rgba(255,255,255,0.5);
}

body.login #backtoblog a, 
body.login #nav a {
    text-decoration: none;
    color: #fff;
}

body #login form p.submit,
body #login form p.forgetmenot{
    margin-top: 10px;
}
body.login #nav {
    font-size: 14px;
    margin: 30px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #313849;
}
body.login #nav a{ padding: 0 10px}

body.login #backtoblog {
    font-size: 14px;
    margin: 0px;
    padding: 10px 0 0;
}
body.login #backtoblog a {
    color: #5d626f;
}

body.login a:hover {
    color: #ff4e36 !important;
}

/* Err msg Password */
body.login #login_error, 
body.login .message {
    border-left: 2px solid #ffa100;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: rgba(255,255,255,0.1) !important;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}