/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .login {
    position: relative;
    text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.login:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    right: 600px;
    bottom: 0;
    background-image: url('../img/gf-login-bg.png');
    background-size: cover;
    background-position: center;
}

.login .login-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: 0;
}
.login .language-switcher {
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: 0;
}

.login h1 a {
    background-image: url('../img/gf-logo.svg') !important;
    height: 70px !important;
    background-size: 180px !important;
    width: 180px !important;
}

.button-primary {
    background: #ff4b38 !important;
    border-color: #ff4b38 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.login .button.wp-hide-pw:focus {
    border-color: #ff4b38 !important;
    box-shadow: 0 0 0 1px #ff4b38 !important;
}

.login .button.wp-hide-pw .dashicons {
    color: #ff4b38 !important;
}

.login form .input {
    box-shadow: none !important;
}

.login form .input:focus {
    border-color: #dddddd !important;
}

.forgetmenot input: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%23ff4b38%27%2F%3E%3C%2Fsvg%3E) !important;
}

.forgetmenot input:focus {
    border-color: #ff4b38 !important;
    box-shadow: 0 0 0 1px #ff4b38 !important;
}

.login #login_error,
.login .message {
    border-left: 4px solid #ff4b38 !important;
}

.login .privacy-policy-link {
    color: #555d66;
    text-decoration: none;
}

.login h1 a:hover,
.login h1 a:focus,
.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login .privacy-policy-link:hover,
.login .privacy-policy-link:focus {
    color: #ff4b38 !important;
    outline: 0 !important;
    box-shadow: unset !important;
}

@media (min-width: 600px) {
    .login h1 {
        display: none;
    }
    .login form {
        margin-top: 0;
    }
}