a.remove-filter-element:before,a.remove-filter-element:after {
content: " ";
width: 10px;
height: 2px;
position: absolute;
left: 0;
top: 9px;
display: inline-block;
background-color: #222;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
a.remove-filter-element {
position: relative;
padding-left: 15px;
color: #555 !important;
letter-spacing: 0.2px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
a.remove-filter-element:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
a.remove-filter-element:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
a.remove-filter-element:hover:before,
a.remove-filter-element:hover:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.filters-container .nav-tabs.nav-tab-box {
display: inline-block;
}
ul.remove-filter {
display: inline-block;
border: medium none;
list-style: none;
padding-left: 0;
}
ul.remove-filter li {
float: left;
margin-right: 10px;
}
ul.remove-filter:before,ul.remove-filter:after {content: '';display: table;clear: both;}span.subDropdown.minus:before {
content: '-';
position: absolute;
color: #636363;
top: 2px;
right: 0;
font-family: "klbtheme";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
span.subDropdown.plus:before {
content: '+';
position: absolute;
color: #636363;
top: 2px;
right: 0;
font-family: "klbtheme";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
.widget .site-checkbox-lists li {
margin-right: 15px;
}
.widget.widget_klb_product_categories ul.children {
display: none;
}
.filtered-sidebar .widget_klb_product_categories li.cat-parent {
position: relative;
}
.filtered-sidebar .widget_klb_product_categories li.cat-parent.current-cat > ul.children {
display: block;
}
.filtered-sidebar .widget_klb_product_categories li.cat-parent.current-cat > span.plus:before {
content: '-';
}
.filtered-sidebar .widget_klb_product_categories li.cat-parent.current-cat > span.minus:before {
content: '+';
}.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%;
}