// Product creative
.products-in-category-tabs-wrapper {
	border-top-color: @primary_color;
	.products-tabs {
		text-align: center;
		margin-bottom: 45px;
		li{
			list-style: none;
			display: inline-block;
			cursor: pointer;
			span{
				display: block;
				color: @secondary_color;
				position: relative;
				padding: 5px;
				text-transform: uppercase;
				margin: 0 30px;
				font-weight: bold;
				.transition(all 0.35s ease);
				&:before{
					content: '';
					position: absolute;
					height: 2px;
					width: 100%;
					background-color: @primary_color;
					top: 0;
					left: 0;
					.scale(0);
					.transition(all 0.35s ease);
				}
				&:after{
					content: '';
					position: absolute;
					height: 2px;
					width: 100%;
					background-color: @primary_color; 
					bottom: 0;
					left: 0;
					.transition(all 0.35s ease);
					.scale(0);
				}
				&:hover, &.selected{
					&:before,&:after{
						.scale(1);
					}	
					color: @primary_color;
				} 
			}
			&.current{
				span{
					&:before,&:after{
						.scale(1);
					}	
					color: @primary_color;
				}
			}
		}
	}
	.products-content{
		.woocommerce{
			.product-item-wrap{
				padding: 0;
				padding: 0;
				margin: -1px -1px 0px 0px;
				border: 1px solid darken(@border_color, 5%);
				z-index: 1;	
				float: left;
				.product-item-inner{
					.product-info{
						text-align: left;
						a{
							h3{
								position: relative;
								margin: 10px 0;
								padding-right: 0;
							}
						}
						span.price{
							.amount{
								font-size: 16px;
							}
							del{
								.amount{
									color: @secondary_color;
									font-size: 13px;
									text-decoration: line-through;
									margin-right: 10px;
								}	
							}
						}
					}
				.product-actions{
					.compare-button{
						display: inline-block;
						.compare{
							&:before{
								content: '\f012';
								color: #888;
								line-height: 40px;
								text-align: center;
								font-size: 18px;
								font-family: fontAwesome;
							}
							&:hover{
								background-color: @white;
								&:before{
									color: @primary_color;
								}
							}
							&.added{
								&:before{
									color: @primary_color;
								}
							}
						}
					}
				}
					.product-thumb{
						.product-link{
							&:before{
								background-color: transparent;
							}
						}
					}
				}
				&:hover{
					position: relative;
					z-index: 4;
				}
			}
		}
		&.slider{
			.woocommerce{
				.product-item-wrap{
					padding: 0 15px 0 15px;
					border: none;
					margin: 0;
					.product-item-inner{
						.product-info{
							a{
								h3{
								}
							}
							span.price{
								.amount{
									
								}
								del{
									.amount{
				
									}	
								}
							}
						}
						.product-thumb{
							.product-link{
								&:before{
									background-color: rgba(0, 0, 0, 0.04);
								}
							}
						}
					}
					&:hover{
						.product-item-inner{
							.box-shadow(none);
						}
					}
				}
			}
		}	
	}
	// Product content
	.products-content {
		.transition(all 0.35s ease);
		&.loading {
			position: relative;
			.transition(all 0.35s ease);
			&:after {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				top: -1px;
				left: 0;
				z-index: 5;
				background-color: @white;
			}
			&:before{
				content: '\f110';
				font-family: fontAwesome;
				position: absolute;
				top: 5%;
				left: 50%;
				-webkit-animation: fa-spin 2s infinite linear;
				animation: fa-spin 2s infinite linear;
				.translateX(-50%);
				z-index: 6;
				font-size: 24px;

			}
		}
		// Slider
		&.slider {
			.product-listing {
				.product-item-wrap {
					width: 100%!important;
				}
			}
		}
		.product-listing {
			&.columns-2 {
				.product-item-wrap {
					width: 50%;
					float: left;
					@media(max-width:@screen-xs-min){
						width: 100%;
					}			
				}
			}
			&.columns-3 {
				.product-item-wrap {
					width: 33.333333%;
					float: left;	
					@media(max-width:@screen-sm-min){
						width: 50%;
					}
					@media(max-width:@screen-xs-min){
						width: 100%;
					}			
				}
			}
			&.columns-4 {
				.product-item-wrap {
					width: 25%;
					float: left;
					@media(max-width:@screen-sm-max){
						width: 33.33%;
					}
					@media(max-width:@screen-sm-min){
						width: 50%;
					}
					@media(max-width:@screen-xs-min){
						width: 100%;
					}			
				}
			}
			&.columns-5 {
				.product-item-wrap {
					width: 20%;
					float: left;
					@media(max-width:@screen-md-max){
						width: 25%;
					}
					@media(max-width:@screen-sm-max){
						width: 33.33%;
					}
					@media(max-width:@screen-sm-min){
						width: 50%;
					}
					@media(max-width:@screen-xs-min){
						width: 100%;
					}		
				}
			}
			&.columns-6 {
				.product-item-wrap {
					width: 16.666666%;
					float: left;
					@media(max-width:@screen-md-max){
						width: 25%;
					}
					@media(max-width:@screen-sm-max){
						width: 33.33%;
					}
					@media(max-width:@screen-sm-min){
						width: 50%;
					}
					@media(max-width:@screen-xs-min){
						width: 100%;
					}	
				}
			}
		}
	}
	.see-more-wrapper{
		display: none;
	}
}