/*
   	Theme Name: Zerif Lite Child
   	Theme URI: https://themeisle.com/themes/zerif-lite/
   	Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
   	Author: ThemeIsle
   	URI: https://themeisle.com 
   	Template: zerif-lite
   	Version: 0.1 
	Text Domain: zerif-lite
	Domain Path: /languages/
	Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/

/* --------------------- product image and gallery images ------------------------- */
.single-product .woocommerce-product-gallery {
	width: 100% !important;
	margin-bottom: 0 !important;
	z-index: 2 !important;
	position: relative !important;
}
.single-product .flex-control-thumbs {
	width: 100% !important;
}
.single-product .flex-control-thumbs li {
	width: 15% !important;
	margin-right: 2% !important;
}
.single-product .flex-control-thumbs li:nth-child(6n) {
	margin-right: 0 !important;
}

.single-product .woocommerce-Tabs-panel > h2 {
	display: none !important;
}

/* ----------------------- variable product design ---------------------------- */
.product-type-variable .entry-summary {
	float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: auto !important;
}
.product-type-variable .entry-summary form.cart {
	width: 100% !important;
}
.product-type-variable .entry-summary .in-stock {
	margin-right: 15px !important;
}
.product-type-variable .single_variation_wrap {
	margin-top: -40px;
}
.product-type-variable .woocommerce-variation-price .price {
	padding-top: 0;
}
.product-type-simple .entry-summary .woocommerce-Price-amount {
	font-size: 26px !important;
    font-weight: 700 !important;
}



/* -------------------------------- mobile and table layout ----------------------------- */
@media (min-width: 768px) { 
	.product-type-variable .entry-summary form.cart .variations {
		width: 50% !important;
		float: left !important;
	}
	.product-type-variable .entry-summary form.cart .single_variation_wrap {
		overflow: hidden !important;
	}
	.single-product .first-row-margin {
		margin-top: -120px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .second-row-margin {
		margin-top: -240px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .third-row-margin {
		margin-top: -360px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .fourth-row-margin {
		margin-top: -480px !important;
		z-index: 2 !important;
		position: relative !important;
	}
}
/* ---------------------------- desktop / laptop layout -------------------------------- */
@media (min-width: 992px) {
	.product-type-variable .entry-summary {
		float: none !important;
    	width: 70% !important;
    	padding: 0 !important;
    	margin: auto !important;
	}
}
/* ----------------------------- desktop / large screen layout ------------------------- */
@media (min-width: 1180px) { 

	.single-product .first-row-margin {
		margin-top: -170px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .second-row-margin {
		margin-top: -340px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .third-row-margin {
		margin-top: -540px !important;
		z-index: 2 !important;
		position: relative !important;
	}
	.single-product .fourth-row-margin {
		margin-top: -700px !important;
		z-index: 2 !important;
		position: relative !important;
	}
}

/* ------------------------------ tab and mobile layout ----------------------- */
@media (max-width: 767px) and (min-width: 577px) {
	.product-type-variable .entry-summary form.variations_form {
		width: 70% !important;
    	margin: auto !important;
    	float: none !important;
	}
	.product-type-variable .single_variation_wrap {
		margin-top: 0 !important;
	}
	.product-type-variable .woocommerce-variation-price .price {
		padding-top: inherit !important;
	}
	

}
/* ------------------------- mobile layout ------------------------------ */
@media (max-width: 576px)  {
	.product-type-variable .woocommerce-variation-price .price {
		padding-top: 30px !important;
	}
}


/* --------------------------- simple product design ------------------------ */
.product-type-simple .entry-summary {
	width: 70% !important;
	margin: auto;
	float: none !important;
	text-align: center !important;
}
.product-type-simple .price {
	width: auto !important;
    padding: 0 !important;
}
.product-type-simple .cart {
	clear: none !important;
}
.product-type-simple .single_add_to_cart_button  {
	clear: none !important;
    margin: 0 !important;
	width: auto !important;
}
.product-type-simple .single_add_to_cart_button,
.product-type-simple .quantity,
.product-type-simple form.cart,
.product-type-simple .price,
.product-type-simple .stock  {
	float: none !important;
	display: inline-block !important;
	margin-right: 15px !important;
}

@media (max-width: 576px)  {
	.product-type-simple .entry-summary {
		width: 100% !important;
	}
	.product-type-simple .single_add_to_cart_button,
	.product-type-simple .quantity,
	.product-type-simple form.cart,
	.product-type-simple .price,
	.product-type-simple .stock  {
		float: none !important;
		display: block !important;
		text-align: center !important;
		margin: auto !important;
		margin-bottom: 15px !important;
	}
}