.klb-modal-root {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
z-index: 1000;
}
.klb-modal-root.authentication-modal {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (min-width: 576px) {
.klb-modal-root.authentication-modal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.klb-modal-root.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.klb-modal-root.is-active .klb-modal-inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.klb-modal-root .klb-modal-inner {
position: relative;
white-space: nowrap;
background-color: #FFF;
z-index: 1;
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.klb-modal-root.authentication-modal .authentication-modal-banner {
position: relative;
}
@media screen and (max-width: 1023.98px) {
.min-1024 {
display: none !important;
}
}
.klb-modal-root.authentication-modal .site-close i {
cursor: pointer;
width: 0.875rem;
fill: currentColor;
font-size: 1.125rem;
}
.klb-modal-root.authentication-modal .authentication-modal-banner a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 38.75rem;
}
.klb-modal-root.authentication-modal .authentication-modal-banner a img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.klb-modal-root.authentication-modal .klb-authentication-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
padding-top: 2.5rem;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-modal-header {
text-align: center;
}
.klb-modal-root .klb-modal-inner .klb-modal-header {
margin-bottom: 1.875rem;
}
.klb-modal-root .klb-modal-inner .klb-modal-header .entry-title {
font-size: 1.25rem;
font-weight: 500;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-form {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.klb-authentication-form.tab-style {
overflow: hidden;
}
.klb-authentication-form {
position: relative;
}
.klb-authentication-form.tab-style .klb-authentication-inner {
width: 100% !important;
}
.klb-authentication-form.tab-style .klb-authentication-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 200%;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.klb-authentication-form.tab-style .klb-authentication-inner > * {
width: 100%;
will-change: opacity;
-webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-LostPassword {
text-align: center;
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-LostPassword a {
position: relative;
font-size: 0.875rem;
font-weight: 500;
color: #000;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.klb-authentication-form.tab-style .klb-authentication-inner .privacy-text {
display: block;
font-size: 0.75rem;
text-align: center;
max-width: 23.75rem;
white-space: break-spaces;
margin-left: auto;
margin-right: auto;
margin-top: 1.875rem;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab {
font-size: 0.875rem;
font-weight: 500;
text-align: center;
color: #adb5bd;
margin-top: 1.875rem;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
border-top: 1px solid #e6e8eb;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab p {
margin-bottom: 0;
}
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab a {
color: #228be6;
}
.klb-modal-root .login-drawer-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #1B1F22;
opacity: 0.2;
visibility: visible;	
}
@media screen and (min-width: 1024px) {
.klb-modal-root.authentication-modal .klb-modal-inner {
display: grid;
grid-template-columns: 29.125rem auto;
}
}
@media screen and (min-width: 992px) {
.klb-modal-root.authentication-modal .klb-authentication-modal {
padding-top: 3.125rem;
}
}
@media screen and (min-width: 768px) {
.klb-modal-root.authentication-modal .klb-authentication-modal {
max-width: 32.875rem;
}
}
@media screen and (min-width: 576px) {
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-form {
padding-left: 4.375rem;
padding-right: 4.375rem;
}
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__rememberme {
width: auto;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__submit {
line-height: 2.875rem !important;
height: 2.875rem !important;
}
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__submit {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
@media screen and (min-width: 992px) {
.klb-modal-root.authentication-modal .klb-authentication-modal .klb-authentication-tab {
margin-top: auto;
}
}
.klb-modal-root.authentication-modal .site-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
width: 2.375rem;
height: 2.375rem;
cursor: pointer;
border-radius: var(--theme-radius-base);
overflow: hidden;
-webkit-transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
@media screen and (min-width: 992px) {
.klb-modal-root.authentication-modal .site-close {
width: 2.75rem;
height: 2.75rem;
line-height: 2.75rem;
}
}
.klb-modal-root .klb-modal-inner .klb-modal-header .site-close {
position: absolute;
top: 0.625rem;
right: 0.625rem;
}
@media screen and (min-width: 576px) {
.klb-modal-root .klb-modal-inner .klb-modal-header .entry-title {
font-size: 1.625rem;
}
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__rememberme span {
margin-top: 3px;
}
.klb-modal-root.authentication-modal .klb-login-form input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
}
.klb-authentication-form.tab-style .klb-authentication-inner .woocommerce-form-login__rememberme {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0.875rem;
}button.woocommerce-form-login__submit svg.loader-image.preloader.quick-view,
button.woocommerce-form-register__submit svg.loader-image.preloader.quick-view {
position: absolute;
left: 0;
top: 0;
color: #fff;
}
button.woocommerce-form-login__submit,
button.woocommerce-form-register__submit {
position: relative;
}
button.woocommerce-button + ul.woocommerce-error {
margin-bottom: 0;
margin-top: 20px;
width: 100%;
}