/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}
.hidden-by-filter {
  display: none !important;
}

.filter-grid.products {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.filter-grid.products > li.product {
  flex: 1 0 calc(33.333% - 20px);
  box-sizing: border-box;
}

.filter-grid.products > li.product .product-small.hidden-by-filter {
  display: none !important;
}

/* tablet */
@media(max-width: 1024px) {
  .filter-grid.products > li.product {
    flex: 1 0 calc(50% - 20px);
  }
}

/* mobile */
@media(max-width: 767px) {
  .filter-grid.products > li.product {
    flex: 1 0 100%;
  }
}