'); } body .language-switcher{ left: 0; width: 100%; } 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: #cc0000; border-color: #ffffff; } 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{ min-width: fit-content; box-shadow: 0 0 0px rgba( 0,0,0,0.8 ); height: auto; line-height: 1.33333; padding: 12px 15px; padding-top: 13px;; padding-bottom: 13px;; border-radius: 5px;; float: none; width: 100%; min-height: 46px; } .wp-core-ui #login .wp-generate-pw{ margin-bottom: 6px; margin-top: 10px; font-family: inherit; font-size: 15px !important;; border-radius: 5px;; } #loginform, #registerform, body.login .wishlistmember-loginform div#login form#loginform { min-height: 200px; } #loginform input[type="text"], #loginform input[type="password"]{ box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #registerform input[type="text"], #registerform input[type="password"], #registerform input[type="number"], #registerform input[type="email"] { box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #lostpasswordform input[type="text"]{ box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #login { max-width: 350px !important; } body.login form.shake{ transform: none; animation: loginpress_shake_anim .2s cubic-bezier(.19,.49,.38,.79) both; } @keyframes loginpress_shake_anim { 25% { margin-left: -20px; } 75% { margin-left :20px; } 100% { margin-left: 0; } } .login form .forgetmenot label { } .login label { font-size: 14px; } .login form .input, .login input[type="text"] { width: 100%; } #loginform[style="position: relative;"] > .user-pass-wrap, #loginform[style="position: relative;"] > .forgetmenot, #loginform[style="position: relative;"] > .submit, #loginform[style="position: relative;"] > p{ visibility: hidden !important; } #wfls-prompt-overlay{ background: transparent; padding: 0; } #wfls-prompt-wrapper input[type="text"]{ padding-left: 20px; } .login-action-rp form, .login-action-lostpassword form{ background-color: transparent; } .login-action-checkemail #login, .login-action-rp #login, .login-action-lostpassword #login { } #registerform { } #wfls-prompt-overlay { } .login .message, .login .success, .login .custom-message { border-left: 4px solid #00a0d2; background-color: #fff; padding: 12px; margin-left: 0; margin-bottom: 20px; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); } .login #nav { font-family: inherit; } .login #nav a, .login #nav, .privacy-policy-page-link>a{ } .login form .forgetmenot label{ font-size: 13px;; } .social-sep{ text-transform: uppercase; } .social-sep:before, .social-sep:after{ width: calc(50% - 20px); } #login form p + p:not(.forgetmenot) input[type="submit"]{ margin-top: 0; } .wp-core-ui #login .wp-generate-pw, .login p input[type="submit"], .wp-core-ui.login .button-group.button-large .button, .wp-core-ui.login .button.button-large, .wp-core-ui.login .button-primary, .wp-core-ui.login .button-group.button-large .button, .wp-core-ui.login .button.button-large, .wp-core-ui.login .button-primary.button-large, .wp-core-ui #login .button-primary{ font-size: 15px;; width: 100%;; border-radius: 5px;; } .login #nav a:hover{ } .login #backtoblog{ } .login .copyRight{ } .login .copyRight{ } .login .privacy-policy-page-link>a.privacy-policy-link:hover{ text-decoration: underline; } .login #backtoblog a{ text-decoration: overline; color: #df041f; font-size: 13px; } .login .privacy-policy-page-link>a.privacy-policy-link{ color: #df041f; } .login #backtoblog{ } .login #backtoblog a:hover{ color: #cc0000; } .loginHead { } .loginHead p a { } .loginHead p a:hover { } .loginFooter p a { margin: 0 5px; } .loginFooter p a:hover { } .loginInner { } .wp-core-ui .button-primary{ text-shadow: none; } .copyRight{ padding: 12px 170px; } .loginpress-show-love{ float: right; font-style: italic; padding-right: 20px; padding-bottom: 10px; position: absolute; bottom: 3px; right: 0; z-index: 10; } .loginpress-show-love a{ text-decoration: none; } .love-position{ left: 0; padding-left: 20px; } .header-cell{ height: 100px; } .loginHeaderMenu{ text-align: center; position: relative; z-index: 10; list-style: none; background: #333; } .loginHeaderMenu>ul>li{ display: inline-block; vertical-align: top; position: relative; list-style: none; } .loginHeaderMenu>ul>li>a{ color: #fff; text-transform: uppercase; text-decoration: none; font-size: 16px; padding: 17px 20px; display: inline-block; } .loginHeaderMenu>ul>li:hover>a{ background: #4CAF50; color: #fff; } .loginHeaderMenu>ul>li>ul{ position: absolute; width: 200px; padding: 0; top: 100%; left: 0; background: #fff; list-style: none; text-align: left; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); -moz-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); overflow: hidden; opacity: 0; visibility: hidden; } .loginHeaderMenu>ul>li:hover>ul{ opacity: 1; visibility: visible; } .loginHeaderMenu>ul>li>ul>li{ font-size: 15px; color: #333; } .loginHeaderMenu>ul>li>ul>li>a{ color: #333; padding: 10px; display: block; text-decoration: none; } .loginHeaderMenu>ul>li>ul>li>a:hover { background: rgba(51, 51, 51, 0.35); color: #fff; } .loginHeaderMenu>ul { flex-wrap: wrap; display: flex; justify-content: center; } .loginFooterMenu{ text-align: center; background-color: rgba(0,0,0,.7); } .loginFooterMenu>ul{ display: inline-flex; } .loginFooterMenu>ul>li{ display: inline-block; padding: 18px; } .loginFooterMenu>ul>li:focus{ outline: none; border: 0; } .loginFooterMenu>ul>li>a:focus{ outline: none; border: 0; } .loginFooterMenu>ul>li>a{ color: #fff; text-transform: uppercase; text-decoration: none; font-size: 14px; } .loginFooterMenu>ul { flex-wrap: wrap; display: flex; justify-content: center; } .loginpress-caps-lock{ background: rgba(51, 56, 61, 0.9); color: #fff; display: none; font-size: 14px; width: 120px; padding: 5px 10px; line-height: 20px; position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; -webkit-box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20); box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20); margin-left: 5px; font-weight: normal; margin: 0; display: none; } .loginpress-caps-lock:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent rgba(51, 56, 61, 0.9) transparent transparent; position: absolute; top: 50%; right: 100%; margin-left: 0; margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; } .login form{ overflow: visible; border: none; } #loginform .user-pass-fields input{ margin-bottom: 0; } #loginform .user-pass-fields { margin-bottom: 18px; position: relative; } #login form p.submit{ position: relative; clear: both; } input[type=checkbox]:checked::before{ margin: -.35rem 0 0 -.375rem; } @media screen and (max-width: 1239px) and (min-width: 768px){ body.login #loginpress_video-background-wrapper{ } } @media screen and (max-width: 767px) { body.login { } .login h1 a { max-width: 100%; background-size: contain !important; } .copyRight{ padding: 12px; } .loginpress-caps-lock{ left: auto; right: 0; top: 149%; } .loginpress-caps-lock:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(51, 56, 61, 0.9) transparent; position: absolute; top: 0px; left: 5px; right: auto; } .loginpress-show-love{ display: none !important; } body.login #loginpress_video-background-wrapper{ } } @media screen and (max-height: 700px) { .loginpress-show-love{ display: none !important; } } #loginpress_video-background { position: fixed !important ; right: 0 !important ; bottom: 0 !important ; width: 100% !important ; height: 100% !important ; z-index: -100 !important ; } body.login #login.login_transparent,body.login #login.login_transparent #loginform{ background: none !important; } body.login{ height: auto !important; display: flex; flex-direction: column; } body #login{ margin-bottom: 0; } body.login label[for="authcode"]:after{ display: none; } body.login label[for="authcode"]+input{ padding-left: 15px; } .interim-login.login form { margin: 30px !important; } .interim-login #login_error, .interim-login.login .message{ margin: 0 20px 16px !important; } .interim-login.login { min-height: 520px; height: 100vh; } .interim-login #login { width: 100%; max-width: 380px; margin-top: 0; margin-bottom: 0; height: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; } .interim-login.login form { margin: 30px !important; } .interim-login #login_error, .interim-login.login .message{ margin: 0 20px 16px !important; } .interim-login.login { min-height: 520px; height: 100vh; } .interim-login #login { width: 100%; max-width: 380px; margin-top: 0; margin-bottom: 0; height: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; } .interim-login #login .submit{ margin-top: 10px; } body.login form .forgetmenot{ float: none !important; } #login form p + p:not(.forgetmenot){ padding-top: 0 !important; margin-top: 20px !important; } [for="language-switcher-locales"]:after{ display: none; } .language-switcher{ clear: both; padding-top: 1px; } .login #language-switcher input[type="submit"]{ margin: 0; color: #2271b1; border-color: #2271b1; background: #f6f7f7; vertical-align: top; height: inherit; width: inherit; font-size: inherit; width: fit-content; max-width: fit-content; } @media screen and (max-width: 782px){ input[type=checkbox], input[type=radio]{ height: 16px; width: 16px; } }