/*
Theme Name: divi-child
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

@import url("../Divi/style.css");

.et_pb_blog_0 .et_pb_post .dtb-post-wrap .post-meta, .et_pb_blog_0 .et_pb_post .dtb-post-wrap .post-meta a, #left-area .et_pb_blog_0 .et_pb_post .dtb-post-wrap .post-meta, #left-area .et_pb_blog_0 .et_pb_post .dtb-post-wrap .post-meta a {
    color: #d64200 !important;
}

.shop-grid h2, h2.woocommerce-loop-category__title { 
	font-size: 1.6em !important; 
	line-height: 1.1em;
	text-align: center;
}
.woocommerce-loop-category__title .count { display: none; }
.woocommerce-message a.button.wc-forward, .woocommerce-message a.button.wc-forward:hover { background: #fff !important; }

@media all and (min-width:980px) {
  [class*=woocommerce] ul.products li.product {
	width: 22.1%!important;
	margin: 0 3.8% 2.992em 0!important;
	clear: none!important; } 
  [class*=woocommerce] ul.products li.product:nth-child(4n) {
	margin-right:0px!important; }
  [class*=woocommerce] ul.products li.product:nth-child(4n+1) {
	clear: both!important; }
}

/* columns */
.col-wrapper {
	overflow: hidden;
}
.col {
	float: left;
	margin-left: 2.127659574468%;
	margin-bottom: 10px;
}
/* grid4 col */
.grid4 .col {
	width: 23.404255319149%;
}
/* grid3 col */
.grid3 .col {
	width: 31.75%;
}
/* grid2 col */
.grid2 .col {
	width: 48.936170212766%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
/* reset cols to 2-column */
@media screen and (max-width: 760px) {
	/* grid4 */
	.grid4 .col {
		width: 48.936170212766%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 2.127659574468%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}
/* reset 3 cols to 1 column */
@media screen and (max-width: 760px) {
	.grid3 .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}
/* reset cols to fullwidth */
@media screen and (max-width: 600px) {
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}