/*
Theme Name: woostify-child
Theme URI: [Enter the URL of your child theme's website or leave it blank]
Description: My custom child theme based on generatepress.
Author: Cyberwave
Author URI: [Your website URL or leave it blank]
Template: woostify
Version: 1.0
*/

/* Custom styles go below this line */


/* ...........css for home page.................. */

/* css for removing whislist and add to cart in mobile view */
@media (max-width: 600px) {
  .woocommerce .products .loop-add-to-cart-btn,
  .woocommerce .products .tinvwl_add_to_wishlist_button {
    display: none !important;
  }
}

/* css make home banner page responsive for mobile view */
@media (max-width: 600px) {
  [data-id="558a45c"] {
    background-position: top right !important;
  }
}

/* css for footer bottom  part */
.site-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ...........css for product page.................. */

/* Hiding add to wislist  */
.single-product
  div.product
  form.cart
  .tinvwl-button.tinvwl_add_to_wishlist_button,
div.product form.cart .tinvwl_add_to_wishlist_button {
  display: none !important;
}

ul.products li.product .tinvwl_add_to_wishlist_button {
  display: none !important;
}

/* giving margin bottom to quantity and add to cart button */
.cart {
  margin-bottom: 8px;
}
.cart:hover {
  border-radius: 50% !important;
}

/* Stop WhatsApp button movement on hover */
.wa-order-button:hover {
  border-radius: 0%;
}


/* css for color and size dropdown */
.variations select {
  border-radius: 24px;
}

.woocommerce-variation-price .price del {
  color: #e53935 !important;
}
.product-summary .price del {
  color: #e53935 !important;
}

/* css for item */
.product-loop-wrapper {
  width: 280px;
  height: 380px;
  overflow: hidden;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: transform 0.6s;
  margin-left: 0px;
  will-change: transform;

}
.product-loop-content {
  padding: 3px 10px 10px 10px;
}
.product-loop-wrapper:hover {
  transform: scale(1.05);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.product-loop-image-wrapper .product-loop-hover-image img {
  width: 280px;
  height: auto;
  display: block;
  border-radius: 5px;
}

.woocommerce .product .woocommerce-loop-product__title {
  color: #000000 !important;
   display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.price del {
  color: #8c8c8c !important;
}
.price ins {
  color: #374151 !important;
}



  

@media (max-width: 1280px) {
  .product-loop-wrapper {
    width: 220px;
    font-size: 14px;
    height: 350px;
    margin-left: 0px;
  }
  .woocommerce .product .product-loop-meta .price .woocommerce-Price-amount,
  .woocommerce .product .product-loop-meta .price del {
    font-size: 14px;
  }
}


  @media (max-width: 1024px) {
  .product-loop-wrapper {
    width: 200px;
    font-size: 12px;
    height: 330px;
    margin-left: 5rem !important;
    margin-left: auto !important;
  }

  }


  @media (max-width: 768px) {
  .product-loop-wrapper {
    width: 200px;
    font-size: 12px;
    height: 330px;
    margin-left: auto !important;
  }

  .woocommerce .product .product-loop-meta .price .woocommerce-Price-amount,
  .woocommerce .product .product-loop-meta .price del {
    font-size: 12px !important;
  }
}


@media (max-width: 600px) {
  .product-loop-wrapper {
    width: 160px;
    /*width: 140px;*/
    font-size: 11px;
    height: 270px;
    /*height: 250px;*/
    margin-left: 1rem !important;
      }
   }
  
  
  
    @media(max-width: 413px){
    .product-loop-wrapper {
    margin-left: 0rem !important;

  }    
      
  }



@media (max-width: 320px) {
  .product-loop-wrapper {
    width: 140px;
    height: 250px;
    margin-left: 0rem !important;

  }
}




  
  

  
  





 /*product title*/
  .woocommerce .product .woocommerce-loop-product__title {
    font-size: 12px !important;
   display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  .woocommerce .product .product-loop-meta .price .woocommerce-Price-amount,
  .woocommerce .product .product-loop-meta .price del {
    font-size: 11px !important;
  }



/*breadcum*/
@media(max-width:341px){
.page-header .entry-title{
    font-size: 1.5rem !important;
}
}


    .page-header{
        padding-bottom: 0px !important;
    }



/*...............css for  logo........................*/



/*hiding logo for mobile view*/


@media(max-width:1024px){
    .site-branding img{
        margin-right: 5rem;
    }
}



@media(max-width:767px){
    .site-branding img{
    display: none;
}
}




/*...............css for  toogle menu........................*/



@media (max-width: 600px) {
  body .header-layout-1 .site-tools {
    flex: 0 0 auto !important;
  }
  

}


@media(max-width: 425px){
       .woostify-icon-bar{
        margin-left: 0.5rem;
        margin-right: 0.5rem;: ;
    }
}










/*********************search button css*************************/
.custom-search {
  display: block !important;
  margin: 0 auto !important;
}

/*@media (max-width: 768px) {*/
/*  .custom-search {*/
/*       width: auto !important;*/
/*        padding: 8px 110px 7px 20px !important;*/
/*  }*/
/*}*/

@media (max-width: 480px) {
  .custom-search {
    width: auto !important;
    /*padding: 4px 40px 7px 18px !important;*/
  }
}

/********************cart css***************************/
/*@media(max-width:360px){*/
/*   .site-tools .tools-icon, .site-tools .tools-icon .woostify-svg-icon{*/
/*        display: none !important;*/
/*    }*/
/*}*/
@media(max-width:425px){
   .site-tools .tools-icon, .site-tools .tools-icon .woostify-svg-icon{
        display: none !important;
    }
}


/*...........Footer css...................*/

/*... hide fotter in mobile and tablet view */
@media (max-width: 768px) {
  .site-footer-widget {
    display: none !important;
  }
  .site-footer {
    display: none !important;
  }
}


    /* Sticky mobile footer bar */
.elementor-element-3d19171 {
  position: sticky;
  bottom: 0;
  z-index: 999;
  background-color: #fff; /* Set this to match your site’s footer background */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* optional shadow */
}

/* Make sure it stays full width */
@media (max-width: 768px) {
   .elementor-4980 .elementor-element.elementor-element-3d19171 {
   position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 11%;
    z-index: 9999;
  }
    body {
    padding-bottom: 60px;
  }
}
@media(max-width:1024px){
       .elementor-4980 .elementor-element.elementor-element-3d19171 {
   position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 12%;
    z-index: 9999;
  }
}




/*****************for bottom nav bar template*********************/


/* Make sure it stays full width */

     .elementor-6108 .elementor-element.elementor-element-e642f60 {
  position: sticky;
  bottom: 0;
  z-index: 999;
  background-color: #fff; /* Set this to match your site’s footer background */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* optional shadow */
}

@media (max-width: 768px) {
   .elementor-6108 .elementor-element.elementor-element-e642f60 {
   position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 11%;
    z-index: 9999;
  }
    body {
    padding-bottom: 60px;
  }
}
@media(max-width:1024px){
           .elementor-6108 .elementor-element.elementor-element-e642f60  {
   position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 12%;
    z-index: 9999;
  }
}

 
 /*css for view more button*/
 @media(max-width:1024px){
     .button, .woocommerce-widget-layered-nav-dropdown__submit, .form-submit .submit, .elementor-button-wrapper .elementor-button, .has-woostify-contact-form input[type="submit"], #secondary .widget a.button, .product-loop-meta.no-transform .button, .product-loop-meta.no-transform .added_to_cart, [class*="elementor-kit"] .checkout-button {
         margin-bottom: 2rem !important;
     }
 }
 
.attachment-large.size-large.wp-image-6069
{
    pointer-events: auto !important;
  
}