.klb-product-nav-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.klb-products-nav {
float:right;
display: flex;
align-items: center;
position:relative;
}
.klb-products-nav .klb-back-btn, .klb-products-nav .product-btn>a {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 20px;
color: var(--color-text-light);
text-decoration:none;
}
.klb-products-nav .klb-back-btn:after {
font-size: 20px;
content: '\e806';
font-family: "klbtheme";
}
.klb-products-nav .product-next>a span:before {
content: '\e8c1';
font-family: "klbtheme";
}
.klb-products-nav .product-prev>a span:before {
content: '\e8c0';
font-family: "klbtheme";
}
.klb-products-nav .product-btn:hover>.wrapper-short {
visibility: visible;
opacity: 1;
transition: opacity .3s ease, visibility .3s ease;
}
.klb-products-nav .wrapper-short {
position: absolute;
top: 80%;
right: 0;
z-index: 350;
visibility: hidden;
min-width: 240px;
opacity: 0;
transition: opacity .1s ease .1s, visibility .1s ease .1s;
}
.klb-products-nav .product-short {
display: flex;
align-items: center;
flex-direction: row;
background-color: #FFF;
box-shadow: 0 0 3px rgb(0 0 0 / 15%);
}
.klb-products-nav .product-short-description {
padding: 10px 15px;
margin-bottom:0px !important;
}
.klb-products-nav h3.product-title {
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
}
.klb-products-nav .product-short-description h3.product-title a {
display: -ms-flexbox;
display: flex;
display: -webkit-box;
color: var(--color-text);
text-decoration: none;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.klb-products-nav .product-short-description h3.product-title a:hover {
color: var(--color-primary);
}
.klb-products-nav .product-short-description .price {
display: block;
font-size: 14px;
line-height: 1.2;
margin-bottom:0px !important;
}
.klb-products-nav .product-short-image img {
max-width: 90px;
height: auto;
}.single-sticky-titles {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
padding: 10px;
border: 1px solid var(--color-border-light);
opacity: 0;
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
will-change: transform;
-webkit-transition: opacity 0.25s ease,ease;
transition: opacity 0.25s ease,transform 0.25s ease;
box-shadow: 0 2px 11px rgb(0 0 0 / 7%);
}
.single-sticky-titles.active {
z-index:99;
opacity: 1;
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.admin-bar .single-sticky-titles {
top: 32px;
}
.single-sticky-titles a {
position: relative;
font-family: var(--font-secondary);
font-size: 15px;
font-weight: 600;
line-height: 1;
letter-spacing: 0;
height: 2.5rem;
color: #3e445a;
padding-left: 1.125rem;
padding-right: 1.125rem;
border-radius: 2.5rem;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.15s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.15s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.single-sticky-titles a:first-child {
padding-left: 0;
}
@media(max-width:1024px){
.single-sticky-titles {
display:none;
}
}
.single-sticky-titles a:hover,
.single-sticky-titles a:focus {
color: var(--color-secondary);
}