body.login{
    background: #28293E;
    font-family: 'Open Sans';
    display: flex;
}

body.login #login{
    width: 40vw;
}

@media only screen and (max-width: 1119px) {
    body.login #login{
        width: 60vw;
    }
  }

  @media only screen and (max-width: 767px) {
    body.login #login{
        width: 95vw;
    }
  }

body.login #login label{
    margin-bottom: 10px;
    font-weight: 500;
}

body.login .wp-pwd button {
    top: 40%!important;
    transform: translateY(-55%);
    right: 7px!important;
    color: #C58740;
}

body.login #wp-submit{
    background: #C58740;
    border-color: #C58740;
    padding: 20px 35px;
    width: 100%;
    font-size: 16px;
}


@media only screen and (max-width: 767px) {
    body.login .submit{
        grid-column: span 2;
    }
}


body.login #login h1 a{
    width: 320px;
    background-image: none, url(/wp-content/uploads/2023/12/genesis.png);
    background-size: contain;
    min-height: 130px;
}

@media only screen and (max-width: 767px) {
    body.login #login h1 a{
        width: 260px;
        min-height: 90px;
    }
}

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

body.login #loginform{
    border-radius: 8px;
    padding: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

body.login #loginform p:first-of-type,
body.login #loginform div:first-of-type{
    grid-column: span 2;
}

body.login #loginform input{
    line-height: 1.8em;
}

@media only screen and (max-width: 767px) {
    body.login #loginform .forgetmenot{
        grid-column: span 2;
        margin-bottom: 20px;
    }
}

body.login #nav a,
body.login #backtoblog a{
    color:white;
}