*{ box-sizing: border-box; } .login .button-primary { float: none; } .login .privacy-policy-page-link { text-align: center; width: 100%; margin: 0em 0 2em; clear: both; padding-top: 10px; } html[dir="rtl"] #loginpress_showPasswordWrapper{ right: auto; left: 0; } input[type=checkbox]:checked::before{ height: 1.3125rem; width: 1.3125rem; } .footer-wrapper{ overflow: hidden; } .login form input[type=checkbox]:focus{ box-shadow: none; outline: none; } .login form .forgetmenot{ float: none; } .login form .forgetmenot label{ display:inline-block; margin: 0; } #login::after{ } #login{ } #loginform, html body.login .wishlistmember-loginform div#login form#loginform{ } html[dir="rtl"] .login form .input, html[dir="rtl"] .login input[type="text"]{ margin-right: 0; } body.login #loginpress_video-background-wrapper{ } body.login #loginpress_video-background{ object-fit: cover; } body.login:after{ } body.login { background-image: url(https://datsalt.com/ds-uploads/2024/11/platform-background.png); position: relative; } .login h1{ } .interim-login.login h1 a{ width: 322px; } .login h1 a, .login .yah-login-logo a { background-image: url( https://datsalt.com/ds-uploads/2024/11/DatSalt-Reclaiming-the-Kulture_50ptblkoutline.png )  !important; width: 322px !important; height: 307px !important; background-size: contain  !important; } .login h1 a, .login .yah-login-logo a{ background-repeat: no-repeat; background-position: center; text-indent: 100%; display: block; overflow: hidden; white-space: nowrap; margin-inline: auto; } .login h1 a.bb-login-title:has(.bs-cs-login-title), .login.bb-login #login>h1>a { text-indent: -1000px; } .yah-core-ui #login .yah-generate-pw, .yah-core-ui #login  .button-primary, body.yah-core-ui #login .two-factor-email-resend .button{ } .yah-core-ui #login .yah-generate-pw{ } #language-switcher{ display: flex; justify-content: center; align-items: center; width: 100%; } #language-switcher input[type="submit"]{ padding: 0 10px; } input[type=checkbox],input[type=checkbox]:checked{ } .dashicons-visibility, .dashicons-hidden:hover { } .dashicons-visibility:before, .dashicons-hidden:hover::before { color: inherit !important; } input[type=checkbox]:checked:before { } body .language-switcher{ left: 0; width: 100%; } body.yah-core-ui #login .button-primary.button-large:hover, body.yah-core-ui #login .button-primary:hover, body.yah-core-ui #login .two-factor-email-resend .button:hover, .yah-core-ui #login .yah-generate-pw:hover, .yah-core-ui #login  .button-primary:hover{ } body.yah-core-ui #login .button-primary.button-large, body.yah-core-ui #login .button-primary, body.yah-core-ui #login .two-factor-email-resend .button, .yah-core-ui #login .yah-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; float: none; width: 100%; min-height: 46px; } .yah-core-ui #login .yah-generate-pw{ font-family: inherit; } #loginform, #registerform, body.login .wishlistmember-loginform div#login form#loginform { } #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 { } 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 { } .login form .input, .login input[type="text"] { } #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; } #resetpassform, #lostpasswordform { } #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{ color: #d6d6d6; } .login form .forgetmenot label{ } .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; } .yah-core-ui #login .yah-generate-pw, .login p input[type="submit"], .yah-core-ui.login .button-group.button-large .button, .yah-core-ui.login .button.button-large, .yah-core-ui.login .button-primary, .yah-core-ui.login .button-group.button-large .button, .yah-core-ui.login .button.button-large, .yah-core-ui.login .button-primary.button-large, .yah-core-ui #login .button-primary{ } .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{ color: #e0e0e0; } .login .privacy-policy-page-link>a.privacy-policy-link{ color: #e0e0e0; } .login #backtoblog{ } .login #backtoblog a:hover{ } .loginHead { } .loginHead p a { } .loginHead p a:hover { } .loginFooter p a { margin: 0 5px; } .loginFooter p a:hover { } .loginInner { } .yah-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; }