body.login {
    background: #fff;
    position: relative;
    overflow: hidden;
    font-family: 'Verdana', sans-serif;
}


#login h1 a,
.login h1 a {
/*     background-image: url('/wp-content/uploads/2022/01/social-share-v2.png'); */
	background-image: url('/wp-content/uploads/2024/04/iMedoc_rgb.png');
    background-size: contain;
    width: 100%;
}

.login form {
    background-color: #fff;
    color: #103252;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    padding: 3rem 1.5rem 4rem;
    box-shadow: 0px 3px 20px rgba(186, 186, 186, 0.29);
}

.login input[type=submit] {
    padding: 1.5rem;
    background-color: #FFC529;
    color: #0D2D4B;
    border-radius: 8px;
    border: none;
    transition: background-color .3s ease-in-out;
}

.login input[type=submit]:hover,
.login input[type=submit]:active,
.login input[type=submit]:focus {
    background-color: #EFAD32;
    color: #0D2D4B;
    transition: background-color .3s ease-in-out;
}

.login input:not(input[type=checkbox]):not(input[type=submit]) {
    font-size: 18px;
}

.login .privacy-policy-link,
.login #nav a, 
.login #backtoblog a {
    color: #0D2D4B;
    transition: color .3s ease-in-out;
}

.login .privacy-policy-link:hover,
.login #nav a:hover, 
.login #backtoblog a:hover {
    color: #0A91E5;
    transition: color .3s ease-in-out;
}

.login .message {
    color: #103252;
    background-color: transparent;
    border-left: 4px solid #FFC529;
    box-shadow: inherit;
}

.login .message a {
    color: #3897F5;
}

body.login.login-action-checkemail .login .privacy-policy-link,
body.login.login-action-checkemail .login #nav a, 
body.login.login-action-checkemail #backtoblog a, 
body.login.login-action-checkemail .privacy-policy-link {
    color: #103252;
}

@media only screen and (max-width: 1024px) {
    body.login #login {
        padding-top: 13vh;
    }
}

@media only screen and (max-width: 414px) {
    body.login #login {
        padding-top: 8vh;
    }

    body.login .shapes .shape {
        top: -17rem;
    }
}