/*
Theme Name:  Salient
Description: Styles for the "Material" product style.
*/

.woocommerce ul.products li.product.material, 
.woocommerce-page ul.products li.product.material {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 1.3%;
}
.woocommerce ul.products li.product.material img, 
.woocommerce-page ul.products li.product.material img {
	pointer-events: none;
	max-width: none;
	margin-bottom: 0;
}


@media only screen and (min-width:1000px) {
  
	/* 4 cols */
	.woocommerce.columns-4 ul.products li.product.material, 
  .woocommerce-page .columns-4 ul.products li.product.material,
	.woocommerce.columns-4 ul.products li.product.material.last, 
  .woocommerce-page .columns-4 ul.products li.product.material.last {
		width: 23.9%;
		margin-left: 0;
		margin-right: 1.3%;
		margin-bottom: 1.3%;
	}

	.woocommerce.columns-4 ul.products.columns-4 li.product.material:nth-child(4n+4) { 
    margin-right: 0%;
  }

	
	/* 3 cols */
	.woocommerce.columns-3 ul.products li.product.material, 
	.woocommerce.columns-3 ul.products li.product.material.last, 
	.woocommerce-page .columns-3 ul.products li.product.material {
		width: 32.4%;
		margin-left: 0;
		margin-right: 1.3%;
		margin-bottom: 1.3%;
	}
	.woocommerce.columns-3 ul.products[data-product-style="material"] li.product.material:nth-child(3n+3), 
	.woocommerce-page .columns-3 ul.products[data-product-style="material"] li.product:nth-child(3n+3) {
		margin-right: 0%;
	}
	
	
	/* 2 cols */
	.woocommerce.columns-2 ul.products li.product.material, 
	.woocommerce-page .columns-2 ul.products li.product.material,
	.woocommerce.columns-2 ul.products li.product.material.last, 
	.woocommerce-page .columns-2 ul.products li.product.material.last {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.woocommerce.columns-2 ul.products[data-product-style="material"] li.product.material:nth-child(2n+2), 
	.woocommerce-page .columns-2 ul.products[data-product-style="material"] li.product:nth-child(2n+2) {
		margin-right: 0;
	}

}

/* 1 col */
.woocommerce.columns-1 ul.products li.product.material, 
.woocommerce-page .columns-1 ul.products li.product.material {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 1%;
}

/* sidebar cols */
@media only screen and (min-width: 1000px) {
  .woocommerce .span_9 ul.products li.product.material, 
  .woocommerce-page .span_9 ul.products li.product.material {
  	width: 31.9%;
  	margin-right: 1.3%;
  	margin-bottom: 1.3%;
  }
}


.woocommerce ul.products[data-product-style="material"],
.woocommerce-page ul.products[data-product-style="material"] {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; 
  	flex-wrap: wrap;
  	width: 100%;
}

.woocommerce ul.products[data-product-style="material"] li,
.woocommerce-page ul.products[data-product-style="material"] li {
	display: -webkit-flex;
	display: flex;
	float: none;
	clear: none!important;
}

.carousel-wrap  ul.products[data-product-style="material"] li,
.carousel-wrap  ul.products[data-product-style="material"] {
	display: inline-block!important;
	box-shadow: none!important;
}

@media only screen and (min-width: 1000px)  {
	body .cross-sells ul.products[data-product-style="material"] li.product,
	body .cross-sells ul.products[data-product-style="material"] li.product.last {
	    width: 48.4%;
	    margin-right: 1.3%;
	}
	body .cross-sells ul.products[data-product-style="material"] li.product:last-child {
		margin-right: 0;
	}
}

div[data-project-style="material"] .up-sells {
  margin-top: 30px;
}

/*fullwidth*/
@media only screen and (min-width: 1500px) {
	.woocommerce-page .full-width-content ul.products li.product.material.last,
	.woocommerce .full-width-content ul.products li.product.material.last,  
	.woocommerce .full-width-content .vc_span12 ul.products li.product.material.last {
		margin-right: 1.3%;
	}
	.woocommerce .full-width-content ul.products li.product.material,
	.woocommerce-page .full-width-content .vc_span12 ul.products li.product.material {
		width: 18.13%;
	}
}

@media only screen and (max-width: 1500px) and (min-width: 1000px) {
	.woocommerce .full-width-content ul.products li.product.material,
	.woocommerce-page .full-width-content .vc_span12 ul.products li.product.material {
	    width: 23%;
	    margin-right: 1.3%;
	    margin-bottom: 1.3%;
	}
	.woocommerce-page .full-width-content ul.products li.product.material.last,
	.woocommerce .full-width-content ul.products li.product.material.last,  
	.woocommerce .full-width-content .vc_span12 ul.products li.product.material.last {
		margin-right: 0%;
		width: 23%;
	}
}

@media only screen and (max-width: 999px) and (min-width: 690px) {
	body .full-width-content .vc_span12 ul.products li.product.material, 
	.woocommerce-page .full-width-content ul.products li.product.material {
	    width: 30%;
	    margin-right: 1.3%;
	    margin-bottom: 1.3%;
	}
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li.product:nth-child(2n+2), 
  body.woocommerce-page .full-width-content ul.products[data-product-style="material"] li.product:nth-child(2n+2) {
		margin-right: 1.3%;
	}
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li:nth-child(3n+3), 
  .woocommerce-page .full-width-content ul.products[data-product-style="material"] li:nth-child(3n+3) {
		margin-right: 0;
	}
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li:nth-child(3n+1), 
  .woocommerce-page .full-width-content ul.products[data-product-style="material"] li:nth-child(3n+1) {
	    margin-left: 4%;
	}
}
@media only screen and (max-width: 690px) {
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li.product, 
  body.woocommerce-page .full-width-content ul.products[data-product-style="material"] li.product {
	    width: 44.9%;
	}
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li:nth-child(2n+1), 
  .woocommerce-page .full-width-content ul.products[data-product-style="material"] li:nth-child(2n+1) {
	    margin-left: 4%;
	}
}
@media only screen and (max-width: 470px) {
	body .full-width-content .vc_span12 ul.products[data-product-style="material"] li.product, 
  body.woocommerce-page .full-width-content ul.products[data-product-style="material"] li.product {
	    width: 91%;
	    margin-bottom: 4%;
	    margin-left: 4%;
	}
}
/*end fullwidth*/

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
	.woocommerce ul.products li.product.material, 
	.woocommerce-page ul.products li.product.material,
	.woocommerce ul.products li.product.material.last, 
	.woocommerce-page ul.products li.product.material.last {
		width: 32.4%;
		margin-right: 1.3%;
		margin-bottom: 1.3%;
	}
	.woocommerce ul.products[data-product-style="material"] li:nth-child(3n+3), 
	.woocommerce-page ul.products[data-product-style="material"] li:nth-child(3n+3),
	.woocommerce ul.products[data-product-style="material"] li.material:nth-child(3n+3).last, 
	.woocommerce-page ul.products[data-product-style="material"] li.material:nth-child(3n+3).last {
		margin-right: 0%;
	}
	.woocommerce .span_9 ul.products li.product.material, 
	.woocommerce-page .span_9 ul.products li.product.material,
	.woocommerce .span_9 ul.products li.product.material.last, 
	.woocommerce-page .span_9 ul.products li.product.material.last {
		width: 48.8%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.woocommerce .span_9 ul.products li.product.material:nth-child(2n+2), 
	.woocommerce-page .span_9 ul.products li.product.material:nth-child(2n+2) {
		margin-right: 0;
	}
}


.woocommerce ul.products li.product.material .price, 
.woocommerce ul.products li.product.material .price ins, 
.woocommerce ul.products li.product.material .price ins .amount,
.woocommerce ul.products li.product.material .price ins .woocommerce-Price-currencySymbol {
	font-size: 12px;
}
.woocommerce ul.products li.product.material .price del, 
.woocommerce-page ul.products li.product.material .price del {
	color: rgba(0,0,0,0.6);
	font-size:12px;
	padding-right: 5px;
}


/*material style*/
.woocommerce .material.product {  
  text-align: left; 
  background-color: #fff;
	border-radius: 4px; 
}
.woocommerce .material.product:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	box-shadow: 0 20px 70px rgba(0,0,0,0.17);
	opacity: 0;
	pointer-events: none;
	border-radius: 4px; 
	transition: opacity 0.3s cubic-bezier(.21, .6, .35, 1); 
}
.woocommerce .material.product .product-wrap {
	border-radius: 4px 4px 0 0; 
	overflow: hidden;
}
.woocommerce .material.product:hover:before {
	opacity: 1;
}
.woocommerce .material.product { padding: 0!important;}

.woocommerce .material.product .product-wrap {
	width: 100%;
}

.woocommerce-page ul.products li.product.material .price {
	color: #000!important;
}

.woocommerce ul.products .material.product h3, 
.woocommerce-page ul.products .material.product h3, 
.woocommerce ul.products .material.product h2, 
.woocommerce-page ul.products .material.product h2 { 
  margin-top: 0!important; 
  color: #000; 
  transition: all 0.3s cubic-bezier(.21, .6, .35, 1);
}

.woocommerce ul.products .material.product .price,
.woocommerce-page ul.products .material.product .price {
	transition: all 0.3s cubic-bezier(.21, .6, .35, 1);
}
.woocommerce .material.product .product-wrap .product-add-to-cart {
	opacity: 0;
	transition: all 0.3s cubic-bezier(.21, .6, .35, 1);
	position: absolute;
    left: 20px;
    transform: translateY(16px);
    bottom: 23px;
}
.woocommerce .material.product .product-wrap .product-add-to-cart a {
	border-radius: 0;
}


.woocommerce .material.product .product-wrap .product-add-to-cart a {
	border: 1px solid rgba(0,0,0,0.13);
	transition: color 0.2s linear;
	background-color: transparent!important;
	padding: 0!important;
	color: #000;
}
.woocommerce .material.product .product-wrap .product-add-to-cart a.added_to_cart {
	position: relative!important;
}

.woocommerce .material.product .product-wrap .product-add-to-cart a.add_to_cart_button.added,
 .material.product .add_to_cart_button:after {
	display: none;
}

 
.woocommerce .material.product .product-wrap .product-add-to-cart a > span,
.woocommerce .material.product .product-wrap .product-add-to-cart a.added_to_cart { 
	padding: 8px 13px!important;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	color: #000;
	transition: color 0.2s linear;
}

body .material.product .product-wrap .product-add-to-cart[data-nectar-quickview="true"] a span,
.woocommerce .material.product .product-wrap .product-add-to-cart a.added_to_cart { 
  font-size: 14px!important; 
}

.material.product .product-wrap .product-add-to-cart[data-nectar-quickview="true"] a > span.price {
	display: none;
}

.material.product .product-wrap .product-add-to-cart a.nectar_quick_view span { 
  padding: 0!important; 
}

.material.product .product-wrap .product-add-to-cart a.nectar_quick_view { 
  border-left: none!important;    
  line-height: 26px!important;
}

.material.product .product-wrap .product-add-to-cart a.nectar_quick_view span {  
  padding: 8px 13px!important;  
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view {
	border-right: 1px solid rgba(0,0,0,0.13);
	transition: color 0.2s linear;
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price ins,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view {
	line-height: 12px;
	font-size: 12px;
  display: inline-block;
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price .amount, 
.woocommerce .material.product .product-wrap .product-add-to-cart a,
.woocommerce .material.product .product-wrap .product-add-to-cart .price,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view { 
  font-size: 12px!important;
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price ins .amount {
	line-height: 12px;
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view { 
  display: inline-block; 
  line-height: 12px; 
  margin-bottom: 0; 
	padding-right: 20px;
	position: relative;
}

.woocommerce .material.product .product-wrap .product-add-to-cart .price del { display: none;}
.woocommerce .material.product .product-wrap .product-add-to-cart a { margin-top: 0;}
.woocommerce .material.product .product-wrap .product-meta > .price,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view {
	transition: all 0.25s cubic-bezier(.21, .6, .35, 1) 0.05s;
	opacity: 1;
}
.woocommerce .material.product:hover .product-wrap .product-meta > .price,
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view {
	transition: all .15s cubic-bezier(.21, .6, .35, 1);
}

.material.product .product-wrap .product-add-to-cart a.nectar_quick_view i {
  line-height: 20px; 
  height: 20px; 
  width: 16px; 
  margin: 0 3px 0 8px; 
  background-color: transparent!important; 
  color: inherit
}

.woocommerce .material.product .product-wrap .product-meta {
	padding: 20px 25px 20px 25px;
}

.woocommerce .material.product:hover h3, 
.woocommerce .material.product:hover .product-meta > .price,
.woocommerce .material.product:hover h2 {
	transform: translateY(-11px);
}
.woocommerce .material.product:hover .product-wrap .product-add-to-cart {
	transform: translateY(0px);
}

.woocommerce .material.product .add_to_cart_button, 
.woocommerce .material.product .added_to_cart {
	display: inline-block;
	padding: 15px!important;
	transition: background-color 0.2s linear, opacity 0.14s cubic-bezier(.21, .6, .35, 1), transform 0.3s cubic-bezier(.21, .6, .35, 1);
	text-align: center;
	text-indent: 0;
}
.woocommerce .material.product:hover .add_to_cart_button, 
.woocommerce .material.product:hover .added_to_cart { 
	transition: background-color 0.2s linear, opacity 0.27s cubic-bezier(.21, .6, .35, 1), transform 0.3s cubic-bezier(.21, .6, .35, 1);
}


.material.product:hover .product-wrap,
.material.product.hovered .product-wrap {
	z-index: 101;
}

.material.product:hover {
	z-index: 1001;
}
.woocommerce ul.products .material.product  span.onsale,
.woocommerce-page ul.products .material.product  span.onsale{ 
  font-family: inherit; 
  font-weight: inherit; 
  border-radius: 0; 
  top: 22px; 
  min-height: 0; 
  padding-top: 0; 
  padding-bottom: 0; 
  min-width: 0; 
  right: auto; 
  left: 22px; 
  margin: 0; 
  width: auto; 
  font-size: 12px; 
  line-height: 20px;
}

body[data-button-style="rounded"].woocommerce ul.products .material.product  span.onsale,
body[data-button-style="rounded"].woocommerce-page ul.products .material.product  span.onsale {
	border-radius: 100px!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
}

.material.product:hover {
	z-index: 100;
}

.material.product:hover .product-wrap .product-add-to-cart {
	opacity: 1;
}

.woocommerce .material.product:hover .product-wrap .product-meta > .price {
	opacity: 0;
}