/*
 Theme Name:   TopSnack
 Description:  Customizations for the TopSnack WooCommerce store, based on WoodMart.
 Author:       Alexander
 Author URI:   #
 Template:     woodmart
 Version:      1.1.0
 Text Domain:  topsnack
*/

/* body {
  margin: 0;
  background-color: #FFF !important;
  color: #161616 !important;
  text-rendering: optimizeLegibility;
  font-weight: 400 !important;
  font-style: inherit !important;
  font-size: 16px !important;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal !important;
} */

/*
body {
	background: none !important;
	background-color: rgb(237,236,236) !important;
	font-family: "Product Sans", sans-serif !important;
}

.whb-color-dark:not(.whb-with-bg){
	background-color: transparent !important;
}
*/
/*.whb-main-header {
	background: rgba(255, 255, 255, 0.85) !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-bottom: unset !important;
	-webkit-backdrop-filter: saturate(180%) blur(10px) !important;
	backdrop-filter: saturate(180%) blur(10px) !important;
}*/

/* BreadCrumbs */

/*:is(.breadcrumbs,.yoast-breadcrumb) :is(a,span) {
	text-transform: inherit !important;
}
*/
/* end - BreadCrumbs */




/*
.main-page-wrapper {
	background: #F9F9F9;
	margin-top: -50px;
	padding-top: 0;
}
*/

/* Footer */
/*
.wd-prefooter {
	padding-bottom: 0 !important;
}

.footer-container {
	background-color: #0c061a !important;
}
*/
/* End - Footer */









/*
:is(.breadcrumbs,.yoast-breadcrumb) :is(a,span) {
	text-transform: inherit !important;
	font-weight: 400 !important;
	font-size: 15px;
}
*/










/* 


  
  .ts_cat_grid {
	  position: relative;
	  min-width: 320px;
  }
  
  .ts_cat_grid .row {
	  margin-bottom: 0px;
  }
  
  .ts_cat_grid_item {
	  position: relativel;
	  overflow: hidden;
	  padding: 10px;
  }
  
  .ts_cat_grid_item a {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  height: 100%;
  }
  
  .ts_cat_grid_item a img {
	  max-width: 100%;
	  transition: all 0.7s;
	  display: block;
	  width: 100%;
	  height: auto;
	  transform: scale(1);
  }
  
  .ts_cat_grid_item a:hover img {
	  transform: scale(1.1);
  }
  
  .ts_cat_grid_item a span {
	  position: absolute;
	  background: #FFF;
	  font-size: 16px;
	  padding: 10px 15px;
	  left: 30px;
	  bottom: 30px;
	  z-index: 200;
  }
  
  .ts_cat_grid_item_one {
	  height: 400px;
	  align-items: center;
  }
  
  @media (max-width: 768px) {
	  .ts_cat_grid_item_one {
		  height: 150px;
	  }
  }
  
  .ts_cat_grid_item_two {
	  height: 200px;
  }
  
  @media (max-width: 768px) {
	  .ts_cat_grid_item_two {
		  height: 150px;
	  }
  }
  
  .ts_cat_grid_item_three {
	  height: 200px;
  }
  
  @media (max-width: 768px) {
	  .ts_cat_grid_item_three {
		  height: 150px;
	  }
  }
  .ts_cat_grid_item_four {
	  height: 200px;
  }
  
  .ts_cat_grid_item_five {
	  height: 200px;
  }




 */









/* END - FOOTER */

/*

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width

*/