/* ==========================================================================
   Shop gallery start style
   ========================================================================== */
.edgtf-shop-gallery {
	.products {
		list-style: none;
	}

	.edgtf-btn.added {
		display: none;
	}

	.edgtf-shop-product{
		position: relative;
		overflow: hidden;

		img{
			vertical-align: middle;
		}

		&:hover{
			.edgtf-gallery-product-meta-wrapper{
				opacity: 1;
			}
		}

		.price{
			color: #fff;
			font-size: 21px;
			font-weight: 700;
			margin: 10px 0 0;

			ins{
				text-decoration: none;
			}

			del{
				font-size: 16px;
			}
		}

		&:hover .edgtf-gallery-product-button {
			@include edgtfTransform(translateY(0));
		}

	}
	
	.edgtf-product-badge {
		position: absolute;
		display: table;
		top: 10px;
		right: 10px;
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
		z-index: 100;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 700;
		background-color: $first-main-color;
		@include edgtfBorderRadius(50%);
		@include edgtfTransform(rotate(45deg) translateZ(0));
	}

	.edgtf-gallery-product-image-holder {
		overflow: hidden;
		@include edgtfTransform(scale(1.005)); //because of the px appearing on responsive
	}

	.edgtf-gallery-product-meta-wrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		height: calc(100% + 1px);
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 0;
		@include edgtfTransition(opacity .2s ease-out);
		@include edgtfTransform(translateZ(0));
	}

	.edgtf-gallery-product-overlay-outer{
		display: table;
		table-layout: fixed;
		width: 100%;
		width: calc(100% + 1px);
		height: 100%;
	}

	.edgtf-gallery-product-overlay-inner{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.edgtf-gallery-product-button{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		@include edgtfTransform(translateY(100%));
		-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
		transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
	}
	.edgtf-btn.edgtf-btn-solid {
		background-color: #303030;
		border: none;
		color: #fff;
		padding: 0;
	}

	.added_to_cart {
		display: inline-block;
		width: 100%;
		color: #fff;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		font-family: inherit;
		line-height: 1.6em;
		text-transform: uppercase;
		padding: 17px;
		background-color: #303030;
		border: none;
		box-sizing: border-box;
	}

	.edgtf-product-cat{
		color: #ababab;
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 9px;

		a{
			color: inherit;
		}

		a:hover{
			color: #fff;
		}
	}

	.edgtf-product-list-product-title{
		color: #fff;
	}

	&.columns-4{
		.edgtf-shop-product{
			width: 25%;
			float: left;

			&:nth-child(4n+1){
				clear: both;
			}
		}
	}

}

/* ==========================================================================
   Shop gallery end style
   ========================================================================== */