@media screen and (min-width:640px){
    body.login{
        background: url('/wp-content/uploads/2023/04/illustration-toscan-property-house-cypress-trees.webp'), #f2f3f5;
        background-size: 1024px;
        background-position: top, center;
        background-repeat: no-repeat;
    }
}

body.login{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    height: 100%;
}

#login{
    width: 360px;
    box-shadow: 0 1px 10px rgba(0,0,0,.07);
    background-color: #fff;
    padding: 30px 25px 40px 25px;
    overflow: visible;
    position: relative;
}

.login h1 a{
    background-image: none,url(/wp-content/uploads/2023/05/TK_logo_black_120.png);
    background-size:contain;
    height:110px;
    width:100%;
}

.login h1:after{
    content:'Welcome to the Owner Portal';
    font-size:24px;
    display:block;
    text-align:center;
    font-weight:300;
}

.login label, .login form .input{
    font-size: 16px;
}

.login form .input{
    padding-left: 14px;
    padding-right: 14px;
    min-height: 44px;
}

body.login #login a{
    font-size: 15px; 
    color:#af8324;
}

body.login #login a:hover{
    color:#785811;
}

#login .button-primary{
    border-color:#af8324;
    background-color:#af8324;
    font-size:16px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#login .button-primary:hover{
    border-color:#785811;
    background-color:#785811;
}


.login form {
    margin-top:0;
    border: none;
    box-shadow:none;
}

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

.login form .input{
    border-radius:2px;
    border-color:#cccccc;
}

.login #nav {
    margin:0;
}

.login .privacy-policy-page-link{
    margin:0;
    position: absolute;
    bottom:-3rem;
    left: 0;
}

body.login #login a.privacy-policy-link{
	font-size:13px;
    color:#161718;
    margin-left: 5px;
    margin-right: 5px;
}

.login form .forgetmenot{
	float:right;
}

.login .submit{
	 width: fit-content;
}

.login .logout-notice{
    background-color: #ffffff;
    padding: 13px 20px;
    font-size: 18px;
    border-left: 3px solid green;
    margin-top:5%;
    margin-bottom:30px;
}

.login h1 a {
    cursor:auto;
}
.login h1 a:focus {
    border:none;
    box-shadow:none;
}

.login #login_error, .login .message, .login .success{
    margin-top: 15px;
    font-size: 15px;
}

.login .logout-message-wrapper{
    background-color: #000000d1;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}