.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);
}.site-gdpr {
position: fixed;
max-width: 100%;
bottom: 20px;
left: 15px;
right: 15px;
background-color: #fff;
box-shadow: 0px 5px 30px rgba(0, 0, 0, .1);
border-radius: 8px;
z-index: 100;
padding: 20px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(30px);
}
.site-gdpr.active {
pointer-events: auto;
z-index: 9999;
}
.gdpr-icon {
margin-bottom: 20px;
}
.gdpr-icon svg {
max-width: 66px;
max-height: 66px;
}
.gdpr-text {
font-size: 13px;
margin-bottom: 15px;
line-height: 1.6;
color: #3e445a;
}
.gdpr-text a {
font-weight: 500;
color: #ed174a;
text-decoration: underline;
}
.gdpr-button .button {
font-size: 12px;
color: #fff;
}
.gdpr-inner {
text-align: center;
}
@media screen and (max-width: 64rem) {
.site-gdpr.mobile-menu-active {
bottom: 60px;
}
}
@media screen and (min-width: 64rem) {
.site-gdpr {
bottom: 40px;
left: 40px;
padding: 30px;
}
.gdpr-text {
margin-bottom: 22px;
}
}
@media screen and (min-width: 36rem) {
.site-gdpr {
max-width: 360px;
width: 100%;
}
}
@media(max-width: 600px){
.gdpr-icon {
display: none;
}	
}