/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

@import('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
.siteHeader {
}
[type="button"], .nav-link {
	white-space:normal !important
}
.siteHeader {
  position: relative;
  width: 100%;
  z-index: 99;
}

/* Sticky state */
.siteHeader.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-300%) !important; /* start hidden */
  transition: transform 0.8s ease;
  z-index: 99;
}

/* Animate in */
.siteHeader.fixed-header.show {
  transform: translateY(0) !important; /* slide down */
}

/* Product Categroy Shortcode Start */
/* SECTION BACKGROUND */
.wc-bootstrap-layout {
  
  padding: 50px 0;
}
.wc-bootstrap-layout .tab-content {
	overflow:hidden;
	border-radius:20px
}
/* TOP TABS */
.wc-bootstrap-layout .nav-tabs {
  justify-content: center;
  border-bottom: none;
gap: 5px;
}

.wc-bootstrap-layout .nav-tabs li.nav-item {

    display: flex;
    margin: 5px 0px;
}

.wc-bootstrap-layout .nav-tabs .nav-link {

  background: transparent !important;
  border-radius: 6px;
  margin: 0 6px;
  padding: 8px 16px;
  border: none;
  color: #333;
  font-size: 14px;
	border:1px solid #0b7a3e;
}

.wc-bootstrap-layout .nav-tabs .nav-link.active {
  background: #0b7a3e !important;
  color: #fff;
}

/* MAIN CONTENT BOX */
.wc-bootstrap-layout .tab-pane {
  background: #e9e9e9;  
  border-radius: 12px;
}

/* DESCRIPTION */
.category-description {
  font-size: 13px;
  color: #666;
  max-width: 700px;
  margin: 0 auto 20px;
}

/* LEFT SIDEBAR */
.wc-bootstrap-layout .nav-pills {
  background:#008145;
  padding: 20px 20px;
  width:100%;
  border: 1px solid transparent;
}

.wc-bootstrap-layout .nav-pills .nav-link {
color: #fff;
  background: linear-gradient(90deg, #099454 0%, rgba(9, 148, 83, 0) 100%);
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 14px;
  padding: 16px 10px;
  border: 0px !important;
}

.wc-bootstrap-layout .nav-pills .nav-link.active {
  background: #2c2c2c;
}

/* PRODUCT GRID */
.product-card {
  overflow: hidden;
  border-radius: 15px;
 transition:all ease-in-out .5s
}

.product-card img {
  width: 100%;
  height: 370px !important;
  object-fit: cover;
	transition:ease-in-out .5s
}
.wc-bootstrap-layout  .tab_list-block {
	padding: 30px 30px 30px 0px;
}
/* OVERLAY */
.product-overlay {
  position: absolute;
  bottom: 0;
	padding: 12px 25px 12px 12px;
  width: 100%;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
  color: #fff;
}

.product-overlay h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
	padding-bottom:0
}

.product-overlay span {
  font-size: 12px;
  opacity: 0.9;
	display:block;
	margin-bottom:10px
}

.product-overlay p{
	font-size:13px;
	line-height:20px;
	margin-bottom:0px;
	padding-bottom:0px;
    overflow:hidden;
	height:40px;
	opacity:1;
	visibility:visible;
	transition: ease-in-out .5s;
	
}

.product-card .nav_btnarrow  {
	width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #E3BA2D;
  display: block; 
  justify-content: center;
  align-content: center;
  line-height: 29px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 8px;
	transition:transform ease-in-out .5s
  
}

.product-card:hover .nav_btnarrow {
	transform:rotate(45deg)
}

/* HOVER EFFECT */
.product-card:hover img {
  transform: scale(1.05);
  transition: 0.3s;
}
.product-card:hover p{
	
	height:0px !important;
	opacity:0;
	visibility:hidden;

}
/* SPACING FIX */
.wc-bootstrap-layout .row {
/*   align-items: flex-start; */
}
[type="button"], [type="submit"], button {
  border: none;
}
/* Product Category Shortcode End */

@media (min-width:768px) and (max-width:1024px){
	.wc-bootstrap-layout .tab_list-block {
		padding:30px
	}
	.wc-bootstrap-layout .nav-pills {
		padding:30px !important
	}
	.nav.flex-column.nav-pills {
		flex-direction:row !important;
		flex-wrap:wrap !important;
		gap: 0px 15px !important;
	}
	.product-card img {
		height:330px !important
	}
	.category-content-tag {
		width:70%;
	}
}
@media(max-width:767px){
	.wc-bootstrap-layout .tab_list-block {
		padding:20px !important
	}
	
.wc-bootstrap-layout .nav-tabs li.nav-item	{
			flex: 0 0 calc(50% - 5px);
	}
	.wc-bootstrap-layout .nav-tabs .nav-link {
		width:100%;
	}
	.product-card img {
		height:330px !important
	}
}