.custom-lang-switcher li.wpml-ls-slot-shortcode_actions.wpml-ls-current-language {
    cursor: none;
    pointer-events: none;
    opacity: 0.6;
}

body > div.custom-lang-switcher {
margin-top: -40px;
}


body.login {
align-items: center!important;
justify-content: center!important;
background-color: transparent;
background-image: linear-gradient(135deg, #050808 0%, #003e35 100%);
height: 100vh!important;
padding: 40px!important;
}

.login-container {
display: flex;
flex-direction: row;
background-color: #FFFFFF1F;
backdrop-filter: blur(24px);
padding: 20px;
border-radius: 24px;
box-shadow: 0px 19px 26px 1px rgba(0,0,0,0.78);
min-height: 70vh;
margin: 30px;
}

.custom-login-box {
padding: 30px;
border-radius: 12px;
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: linear-gradient(135deg, #003e35 0%, #050808 100%);
}

body > div.login-container > div.custom-login-box > img {
width: 30%;
margin-bottom: 10%;
}

body > div.login-container > div.custom-login-box > h2 {
font-family: "Poppins";
font-weight: bold;
font-size: 36px;
color: white;
text-align: center;
}

body > div.login-container > div.custom-login-box > p {
font-family: "Noto Sans";
font-weight: normal;
font-size: 16px;
color: white;
padding: 10px 20px 0px 20px;
}

body #login {
padding: 20px;
padding-left: 40px;
width: 40%;
margin: 0 auto !important;
display: flex;
flex-direction: column;
justify-content: center;
max-width: none!important;
}

.login form {
background: none;
background-color: transparent;
box-shadow: none;
}

.login label {
color: #d1dbd4;
margin: 0;
line-height: 2;
font-family: "Noto Sans";
font-size: 14px;
}

.login form .input, .login input[type="text"] {
background: none;
background-color: #FFFFFF1F;
backdrop-filter: blur(24px);
color: white;
padding: 13px;
border: none;
border-radius: 10px;
font-family: "Noto Sans";
font-size: 14px;
box-shadow: none!important;
margin-bottom: 5px;
margin-top: 0px;
}

#loginform .user-pass-fields {
margin-bottom: 0;
}

.login .button.wp-hide-pw .dashicons {
color: #000!important;
}

.login .button.wp-hide-pw {
padding: 0;
height: 100%;
}

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

input[type=checkbox], input[type=checkbox]:checked {
border-color: #009e5e!important;
}

input[type=checkbox]:checked:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z" fill="%23009e5e"/></svg>')
}

body.wp-core-ui #login .button-primary.button-large, body.wp-core-ui #login .button-primary, body.wp-core-ui #login .two-factor-email-resend .button, .wp-core-ui #login .wp-generate-pw, .wp-core-ui #login .button-primary {
background: none;
box-shadow: none;
font-family: "Noto Sans";
background-color: #009e5e;
font-size: 14px;
font-weight: bold;
padding: 12px 32px;
border-width: 1px;
border-color: #009e5e;
transition: 0.4s;
}

body.wp-core-ui #login .button-primary.button-large:hover, body.wp-core-ui #login .button-primary:hover, body.wp-core-ui #login .two-factor-email-resend .button:hover, .wp-core-ui #login .wp-generate-pw:hover, .wp-core-ui #login .button-primary:hover {
background-color: transparent;
border-color: white;
color: white;
}

a.wp-login-lost-password, body.login a.wp-login-log-in {
color: #f32d2d!important;
font-family: "Noto Sans";
}

body.login a.wp-login-log-in {
color: #009e5e!important;
}

a.wp-login-lost-password:focus, body.login a.wp-login-log-in:focus {
box-shadow: none;
outline: none;
}

.login .message {
border-color: #009e5e;
box-shadow: none;
max-width: 387.781px;
}

body.login .notice.notice-info.message p {
font-family: "Noto Sans";
font-size: 13px;
}

body > div.login-container > div.custom-login-box > p {
text-align: center;
}

body > div.login-container > div.custom-login-box > p:nth-child(4) > a {
color: #009e5e;
transition: 0.4s;
text-decoration: none;
}

body > div.login-container > div.custom-login-box > p:nth-child(4) > a:hover {
color: white;
}

body > div.login-container > div.custom-login-box > p:nth-child(4) > a:focus {
box-shadow: none;
outline: none;
}

.login #backtoblog {
text-align: left;
padding: 0;
outline: none;
}

.login #backtoblog a:focus {
outline: none;
color: #009e5e;
box-shadow: none;
}

@media (max-width:1024px) {
body > div.login-container > div.custom-login-box > h2 {
font-size: 30px;
}

.login form .input, .login input[type="text"] {
font-size: 16px;
}
}

@media (max-width:767px) {
.login-container {
flex-direction: column;
padding: 0;
margin: 0;
border-radius: 0;
background-color: transparent;
backdrop-filter: none;
box-shadow: none;
margin-bottom: 20px;
}

.custom-login-box {
width: 100%;
border-radius: 0;
background-image: none;
}

body #login {
width: 100%;
padding-left: 20px;
}

body > div.custom-lang-switcher {
margin-top: 20px;
}
}