/** Login Screen **/

body.login,
body.login * {
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

body.login {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block
}

body.login,
.login p {
    line-height: 23px;
    font-size: 14px
}

body.login a,
body.login label {
    display: inline-block
}

#backtoblog {
    margin: 0
}

.mobile #login {
    padding: 0
}

.login.wp-core-ui .button-primary {
    height: 34px;
    line-height: 28px;
    border-radius: 0;
    padding: 0 12px 2px;
    border-color: transparent;
    text-shadow: none
}

.login.wp-core-ui input[type=checkbox] {
    box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-shadow: none;
    border-color:transparent;
}
body.login div#login h1 {display:block!important}
body.login div#login h1 a {
    background-size: contain;
    background-color: transparent;
    min-height: 92px;
    width: auto;
    background-image: url(../../../uploads/2013/10/08143522/onecms-tm-login.png)!important;
    background-size: contain;
    width: 100%;
}

#login {
    top: 50%;
    position: relative;
    max-width: 391px;
    width: 100%;
    padding: 0!important;
    margin: auto;
    margin-top: -265px
}

.login form {
    margin-top: 0;
    margin-left: 0;
    padding: 23px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:0px!important
}

.login #nav {
    font-size: 14px;
    padding: 0 23px;
    text-align: center;
    margin: 23px 0 0;
    font-weight: 500
}

.login #backtoblog {
    font-size: 14px;
    padding: 0 23px;
    text-align: center;
    margin: 12px 0 11px;
    font-weight: 500
}

.login h1 a {
    height: 92px;
    font-size: 23px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
    max-width: 391px;
    width: 100%;
    background-position: center top!important;
    background-repeat: no-repeat!important;
}

.login label {
    font-size: 14px;
    line-height: 23px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    color:#ffffff;
}

.login form .input,
.login input[type=text] {
    font-size: 19px;
    width: 100%;
    padding: 9px;
    line-height: 23px;
    margin: 5px 0 18px
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    font-weight: 500
}

.login form .forgetmenot label {
    font-size: 14px;
    line-height: 23px;
    /*display: inline-block; commented because of WPB-3122 */
    display: inline;
}
#loginform label {
    color: #ffffff!important;
}
.login form .forgetmenot {
    width: 100%;
    display: block;
    margin: 12px 0 11px!important;
}

#login form p.submit {
    margin: 23px 0 0;
    padding: 0;
    display: inline-block;
    width: 100%
}

.login.wp-core-ui .button-primary {
    width: 100%;
    height: 46px;
    line-height: 28px;
    padding: 2px 12px;
    font-size: 19px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}
.login {
    input[type=checkbox],
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=radio],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        border: 1px solid transparent!important;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0
    }
}
.login {
    input:hover,
    input:focus {
        border: 1px solid transparent!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        outline: 0!important
    }
}
.login {
    input[type=checkbox],
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=radio],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
        -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
        -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
        -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease
    }
}
.login #login_error,
.login .message {
    width: 345px;
    border-left: 0 solid transparent;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: 23px 23px 0;
    padding: 12px 19px 11px
}

@media screen and ( max-height: 600px) {
    body.login { 
        height: 130%
    }
    #login {
        padding: 0;
        top: 50%
    }
}

@media screen and ( max-height: 480px) {
    body.login { 
        height: 150%
    }
    #login {
        top: 50%
    }
}

body.login,
#wp-auth-check-wrap #wp-auth-check {
    background-color: rgba(116, 77, 144, 1.0)!important/*#744d90*/
    ;
    background-image: url(../../../uploads/2013/10/08143522/slate_pro_background.jpg)!important;
    background-position: center center!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}

.login form {
    background-color: transparent!important
}

body.login #backtoblog a,
body.login #nav a,
body.login a {
    color: rgba(255, 255, 255, 1)/*#ffffff*/
    ;
}

body.login #backtoblog a:hover,
body.login #nav a:hover,
body.login a:hover {
    color: rgba(255, 255, 255, 1)/*#ffffff*/
    ;
}

body.login #backtoblog a:active,
body.login #nav a:active,
body.login a:active {
    color: rgba(255, 255, 255, 1)/*#ffffff*/
    ;
}

.login,
.login form label,
.login form,
.login .message {
    color: rgba(255, 255, 255, 1)/*#ffffff*/
    ;
}

.login.wp-core-ui .button-primary {
    background-color: rgba(30, 115, 190, 1)/*#1e73be*/
    ;
}

.login.wp-core-ui .button-primary:hover,
.login.wp-core-ui .button-primary:focus {
    background-color: rgba(247, 103, 65, 1)/*#f76741*/
    ;
}

.login.wp-core-ui .button-primary {
    color: rgba(255, 255, 255, 1)/*#ffffff*/
    ;
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
    background-color: rgba(255, 255, 255, 0.5)!important/*#ffffff*/
    ;
}

.login form .input:hover,
.login form input[type=checkbox]:hover,
.login input[type=text]:hover,
.login form .input:focus,
.login form input[type=checkbox]:focus,
.login input[type=text]:focus {
    background-color: rgba(255, 255, 255, 0.8)!important/*#ffffff*/
    ;
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
    color: rgba(30, 115, 190, 1)!important/*#1e73be*/
    ;
}

.login.wp-core-ui input[type=checkbox]:checked:before {
    color: rgba(30, 115, 190, 1)!important/*#1e73be*/
    ;
}


.login #login_error,
.login .message {
    background-color: rgba(255, 255, 255, 0.5)!important/*#ffffff*/
    ;
}

.login .message,
.login .message a,
.login #login_error,
.login #login_error a {
    color: rgba(30, 115, 190, 1)/*#1e73be*/
    ;
}

.login #backtoblog {
    display: block !important;
}

.login #nav {
    display: block !important;
}

.wpb-footer {display:none!important}

.login h1 {padding: 0!important;}

#lostpasswordform div.g-recaptcha, #loginform div.g-recaptcha {
    display:flex;
    justify-content:center;
}