/*

Theme Name:   Hello Elementor by Art Tangency Creation Code Team CG, LLTChen

Template:     elementor-hello-theme-master

Author:       Art Tangency Creation Code Team CG, LLTChen

Description:  Hello Elementor by Art Tangency Creation Code Team CG, LLTChen

Version:      26.03.21

Text Domain:  hello-elementor

Tags: custom-login

*/
body.login {
    background:url(https://tai-mos.rcci.tw/wp-content/uploads/freepik_267466961_s.jpg) no-repeat 50% 50%;
    background-size: cover;
}

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

.login #login h1 a {
    width:100%;
    height: 95px;
    background-position:100% 50%;
    background-repeat:no-repeat;
    background-size:contain;
}
#login {
    width:96%; height: 100vh;
    max-width:420px;
    box-sizing: border-box;
    padding:15vh 0px 0px;
    margin:0px auto 0px 0px;
    background: rgba(0,0,0,0.6);
}

.login form {
    padding: 26px 8% 46px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: none; border: none;
}
.login label {
    color: #ececec;
}

.login input[type=text],
.login input[type=password] {
    font-size:1.6rem;
    padding:4px 1rem 8px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.login form input[type=checkbox] {

}
.wp-core-ui .button {
    border: none;
    box-shadow: none;
}
.wp-core-ui .button-primary {
    border:none;
    box-shadow: none;
}
.wp-core-ui .button.button-large {
    width:50%;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#loginform #wfls-prompt-overlay {
    background-color:rgba(0,0,0,0.9);
}

.g-recaptcha.dologin-captcha > div {
    margin:0px auto;
}

.language-switcher {
    position: fixed; bottom: 0; right: 20px;
}
#language-switcher label {
    display: none;
}
#language-switcher select {
    border-radius: 20px; background: transparent; color: #999;
}

.language-switcher #language-switcher .button {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
}

@media only screen and (max-width: 768px) {    
    #login {width: 100%;}
    
}