/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 .hidden{
  display: none !important;
}
.first-active .js-product-miniature:after{
  left: 0;
}
 .slick-block:not(.slick-initialized){
   white-space: nowrap;
   overflow: hidden;
   width: auto;
   -ms-overflow-style: -ms-autohiding-scrollbar;
   display: block !important;
 }
 .slick-block:not(.slick-initialized) > *{
     display: inline-block !important;
     white-space: normal !important;
     vertical-align: top;
     padding: 0 5px;
 }

 @media (max-width: 767px) {
     .slick-block:not(.slick-initialized) > * {
       padding: 0 5px;
   }
 }
 @media (min-width: 0px) {
   .items-mobile-1:not(.slick-initialized) > * {
     width: 100%;
   }
   .items-mobile-2:not(.slick-initialized) > * {
     width: 50%;
   }
   .items-mobile-3:not(.slick-initialized) > * {
     width: 33.333333%;
   }
 }
 @media (min-width: 768px) {
   .items-tablet-1:not(.slick-initialized) > * {
     max-width: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
   .items-tablet-2:not(.slick-initialized) > * {
     width: 50%;
   }
   .items-tablet-3:not(.slick-initialized) > * {
     width: 33.33333%;
   }
   .items-tablet-4:not(.slick-initialized) > * {
     width: 25%;
   }
   .items-tablet-5:not(.slick-initialized) > * {
     max-width: 20%;
     -ms-flex-preferred-size: 20%;
     flex-basis: 20%;
   }
 }
 @media (min-width: 992px) {
   .items-desktop-1:not(.slick-initialized) > * {
     max-width: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
   }
   .items-desktop-2:not(.slick-initialized) > * {
     max-width: 50%;
     -ms-flex-preferred-size: 50%;
     flex-basis: 50%;
   }
   .items-desktop-3:not(.slick-initialized) > * {
     max-width: 33.33333%;
     -ms-flex-preferred-size: 33.33333%;
     flex-basis: 33.33333%;
   }
   .items-desktop-4:not(.slick-initialized) > * {
     max-width: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
   }
   .items-desktop-5:not(.slick-initialized) > * {
     max-width: 20%;
     -ms-flex-preferred-size: 20%;
     flex-basis: 20%;
   }
   .items-desktop-6:not(.slick-initialized) > * {
     max-width: 16.666666%;
     -ms-flex-preferred-size: 16.666666%;
     flex-basis: 16.666666%;
   }
   .items-desktop-7:not(.slick-initialized) > * {
     max-width: 14.285%;
     -ms-flex-preferred-size: 14.285%;
     flex-basis: 14.285%;
   }
   .items-desktop-8:not(.slick-initialized) > * {
     max-width: 12.5%;
     -ms-flex-preferred-size: 12.5%;
     flex-basis: 12.5%;
   }
 }
 
/***** Checkout *****/
/* checkout steps */
.cl-firstname , .cl-lastname{
  width: 48%;
  display: inline-block;
}
.cl-firstname {
  margin-right: 4%;
}
.cl-lastname{
  margin-left: -4px;
}
.cl-firstname .form-control-comment, .cl-lastname .form-control-comment{
  display: none;
}
.cl-id_gender .form-control-label{
  position: static;
}

/* Fix  for birthday field*/
#field-birthday::-webkit-input-placeholder {
  color: #fff !important; 
}
#field-birthday:-moz-placeholder {
  color: #fff !important;  
}
#field-birthday::-moz-placeholder {
  color: #fff !important;  
}
#field-birthday:-ms-input-placeholder {  
  color: #fff !important;  
}
label.has-value + div > #field-birthday::-webkit-input-placeholder {
  color: #aaa !important; 
}
label.has-value + div > #field-birthday:-moz-placeholder {
  color: #aaa !important;  
}
label.has-value + div > #field-birthday::-moz-placeholder {
  color: #aaa !important;  
}
label.has-value + div > #field-birthday:-ms-input-placeholder {  
  color: #aaa !important;  
}

#product-modal .modal-content .modal-body{
  display: block !important;
}

.vec-search-widget .search-container.search-topbar.open .search-toggle:before{
  display: none;
}

.quickview .images-container .product-images-thumb .thumb-item img{
  border: 1px solid #e5e5e5;
}


/* custom */
body#index{
  background-color: #f7f7f7;
}
#index .elementor-text-editor p{
  margin-bottom: 0;
}
.product-miniature-grid6.product-miniature{
  padding: 20px;
}
.product-miniature-grid6.product-miniature .product-content{
  padding: 20px 0 0;
} 
.product-miniature-grid6.product-miniature .name-block{
  text-transform: uppercase;
}
.product-miniature-grid6.product-miniature .name-block h3{
  min-height: 40px;
}
.description-short p{
  margin: 0;
}
.product-miniature-grid6.product-miniature .manufacturer a{
  color: #B8CD06;
}
@media(max-width: 480px){
  .product-miniature-grid6.product-miniature{
    padding: 10px;
  }
  .product-miniature-grid6.product-miniature .manufacturer a{
    font-size: 11px;
  }
  .product-miniature-grid6.product-miniature .name-block h3{
    font-size: 13px;
  }
  .product-miniature-grid6.product-miniature .description-short, .product-miniature-grid6.product-miniature .description-short p{
    font-size: 10px;
  }
}
.smart-blog-posts-short-description{
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-line-clamp: 5;
}
.smart-blog-post-item .sdsarticle-img{
  margin-bottom: 10px;
}
/* Blog style 5 */
.blog-style-5 .smart-blog-post-item{
  display: flex;
}
.blog-style-5 .smart-blog-post-item .left-content{
  flex: 0 0 30%;
}
.blog-style-5 .smart-blog-post-item .right-content{
  margin-left: 15px;
  text-transform: uppercase;
}
.blog-style-5 .smart-blog-post-item .right-content .smart-blog-posts-info > span{
  font-size: 12px;
  color: #ccc;
}
.blog-style-5 .smart-blog-post-item .right-content .title_block > a{
  color: #dedede;
}
/* End blog style 5 */