/* Login */
.login {
    background-color: #fff;
    overflow-x: hidden;
}

#login {
    width: auto;
}

#login:after {
    width: 170px;
    height: 47px;
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    content: '';
}

.login form {
    margin-top: 70px;
    position: relative;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.login label {
    font-size: .8rem;
    color: #939393;
}

.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .5rem;
    box-shadow: none;
    font-size: .8rem;
}

.login form .input:focus,
.login form input[type="checkbox"]:focus,
.login input[type="text"]:focus {
    box-shadow: none;
}

.login .button-primary {
    padding: .5rem 1rem!important;
    background-color: #f3c6c4;
    border-color: #f3c6c4;
    border-radius: .5rem;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.login .button-primary:hover,
.login .button-primary:focus {
    background-color: #f3c6c4;
    border-color: #f3c6c4;
    box-shadow: none;
}

.login .button.wp-hide-pw {
    min-height: 49px;
    border-radius: 0;
}

.login .button.wp-hide-pw:focus {
    border: 0;
    box-shadow: none;
}

.login .button.wp-hide-pw span:before {
    color: #f3c6c4;
}

.login h1,
.login .language-switcher,
.login #nav,
.login #backtoblog {
    display: none;
}



/*
.login {
    background-color: #f3c6c4;
    display: flex;
    align-items: center;
    overflow-x: hidden;
}

.login #login {
    width: 800px;
    padding: 0;
    position: relative;
    z-index: 2;
}

.login form {
    height: 370px;
    margin-top: 0;
    position: relative;
    padding: 30px 25px 0 425px;
    border: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

.login form:before {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/login-frame.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: '';
}

.login label {
    font-size: .8rem;
    color: #939393;
}

.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
    padding: 1rem;
    background-color: #f2f2f2;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: .8rem;
}

.login form .input:focus,
.login form input[type="checkbox"]:focus,
.login input[type="text"]:focus {
    box-shadow: none;
}

.login .button.wp-hide-pw {
    min-height: 49px;
    border-radius: 0;
}

.login .button.wp-hide-pw:focus {
    border: 0;
    box-shadow: none;
}

.login .button.wp-hide-pw span:before {
    color: #f3c6c4;
}

.login .button-primary {
    padding: .5rem 1rem!important;
    background-color: #f3c6c4;
    border-color: #f3c6c4;
    border-radius: 0;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.login .button-primary:hover,
.login .button-primary:focus {
    background-color: #f3c6c4;
    border-color: #f3c6c4;
    box-shadow: none;
}

.login p.forgetmenot {
    margin-top: 15px;
}

.login #nav {
    width: 45%;
    padding: .5rem 0 0 .5rem;
    margin: 0;
    float: left;
}

.login #backtoblog {
    width: 45%;
    padding: .5rem .5rem 0 0;
    margin: 0;
    text-align: right;
    float: right;
}

.login #backtoblog a,
.login #nav a {
    color: rgba(255, 255, 255, .6);
}

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

.login h1 {
    display: none;
}

.login .language-switcher {
    display: none;
}

.login #nav,
.login #backtoblog {
    display: none;
}
*/