html, body {
    font-family: "Source Sans 3", sans-serif;
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
}

#login {
    background-color: white;
    width: 500px;
    border: 1px solid #E1EDF5;
    border-radius: 24px;
    padding: 60px 40px;
    box-shadow: 0px 3px 15px 0px #E9F6FF0A;
}

#loginform {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: unset;
}

.login h1 a {
    background-image: url('../../../../uploads/2025/03/uio-logo.svg');
    background-size: contain;
    height: 48px;
    width: 240px;
    margin-bottom: 0;
    margin-bottom: 36px;
}

.login form .input {
    margin-bottom: 20px;
}

label[for="language-switcher-locales"] {
    display: none;
}

.language-switcher {
    position: absolute;
    top: 30px;
    right: 30px;
}

#language-switcher input[type="submit"] {
    display: none;
}

#language-switcher {
    margin-block: 0;
}

#nav, #backtoblog {
    display: none;
}
.wp-login-logo a {
    pointer-events: none;
}

.login form .input, .login input[type=password], .login input[type=text], .login input[type=email]{
    font-size: 14px;
    background-color: white;
    border: 1px solid #E1EDF5;
    padding-inline: 14px;
    border-radius: 8px;
    color: #444C66!important;

    &::placeholder {
        color: #C4C8CF;
    }

    &:focus, &:active {
        border-color: #1D5A90;
        outline: none;
        box-shadow: unset;
    }

    &:autofill {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: #172548 !important;
    }
}

#language-switcher-locales {
    font-size: 14px;
    background-color: transparent;
    border: 0!important;
    
    &:focus, &:active {
        outline: none;
        box-shadow: unset;
    }
}

.forgetmenot {
    margin-bottom: 20px!important;
}

.forgetmenot, .login .button-primary {
    float: unset!important;
}

#wp-submit {
    width: 100%;
    background-color: #1D5A90;
    font-size: 16px;
    padding-block: 1px;
    border-radius: 8px;
    transition: background-color .3s ease-out;
    outline: none;

    &:hover {
        background-color: #172548;
    }

    &:active, &:focus {
        box-shadow: unset!important;
    }

    &.disabled, &[disabled] {
        background-color: #E1EDF5!important;
        color: white!important;
    }
}

.login .button.wp-hide-pw:focus {
    box-shadow: unset;
    outline: unset;
    border-color: transparent;
}

#loginform label {
    color: #62697E;
}