@font-face {
    font-family: "suisse-intl";
    src: url(../fonts/SuisseIntl-Regular.otf) format("truetype");
}

@font-face {
    font-family: "PPE-ultralight";
    src: url(../fonts/PPEditorialNew-Ultralight.otf) format("truetype");
}

body.login {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

button, input, select, textarea {
    font-family: 'suisse-intl' !important;
}

body.login form {
    border: none;
    box-shadow: none;
    background: #fff;
}

.login p label,
.login .user-pass-wrap label {
    margin-bottom: 10px;
}

.login .user-pass-wrap label {
    margin-top: 12px;
}

.wp-core-ui .button-primary {
    appearance: none;
    outline: 0;
    border: none;
    background-color: #000;
    color: #C1A67F;
}

#login form p {
    width: 100%;
}

#login form p.submit,
.login #nav {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.login #nav {
    padding: 0;
    margin: 0;
}

.login #nav a {
    text-decoration: underline;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus {
    background-color: #000;
    color: #C1A67F;
    box-shadow: none;
}  

#login form p.submit input {
    padding: 7.5px 50px;
    text-transform: uppercase;
    transition: .2s;
    border-radius: 0;
}

#login form p.submit input:hover {
    background-color: #C1A67F;;
    color: #fff;
}

.login #backtoblog a, 
.login #nav a {
    transition: .2s all;
}
.login #backtoblog a:hover, 
.login #nav a:hover {
    color: #C1A67F;
}

.login #backtoblog a:focus, 
.login #nav a:focus, 
.login h1 a:focus {
    box-shadow: none;
    color: inherit;
}

.dashicons, 
.dashicons-before::before {
    color: #000;
}

.dashicons:hover, 
.dashicons-before:hover::before {
    color: #C1A67F;
}


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

#user_login.input,
.user-pass-wrap #user_pass {
    border-radius: 0 !important;
    font-family: 'PPE-ultralight' !important;
}

input[type="checkbox"]:focus, 
input[type="color"]:focus, 
input[type="date"]:focus, 
input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input[type="week"]:focus, 
select:focus, 
textarea:focus {
    border: 1px solid #000;
    box-shadow: none;
    outline: 0;
}

.login #backtoblog {
    display: none;
}