/* 
 Theme Name:     Brewhouse Chillers
 Author:         Harkus SDS Inc.
 Author URI:     https://harkus.com
 Template:       Divi
 Version:        v1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.9.5
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

header {
	background: #35475F !important;
}
/* Blurb image animation */
.et_pb_blurb .et_pb_image_wrap {
	-webkit-animation: fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;
	animation: fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;
}
/* Product list page */
.woocommerce-result-count {margin-bottom: 2em !important;}
.type-product .product-excerpt {
	color: #000;
	line-height: 1.8em;
}
.woocommerce .type-product a.woocommerce-loop-product__link span.price { margin-bottom: 15px !important; font-weight:bold;}
.type-product {
	padding: 10px !important;
	display:flex;
	flex-direction: column;
}
.type-product .et_shop_image {
	margin-top: -25px;
}
li.product:nth-child(4n+1) {
	background-color: rgba(152,188,204, 0.5) !important;
}
li.product:nth-child(4n+2) {
	background-color: rgba(166,203,186, 0.5) !important;
}
li.product:nth-child(4n+3) {
	background-color: rgba(238,137,55, 0.5) !important;
}
li.product:nth-child(4n+4) {
	background-color: rgba(224, 171, 174,0.5) !important;
}
.type-product .product-buttons {
	margin-top:auto;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	gap: 10px;
}
.type-product .amazon-button, .type-product .view-button {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7em;
	background: #35475f;
	color: #f9ffb1;
	border: 2px solid #35475f;
	border-radius: 3px;
	transition: all 0.2s;
	padding: 5px 10px;
	white-space: nowrap;
	text-transform: uppercase;
}
.type-product .amazon-button:hover, .type-product .view-button:hover {
	background-color: #98bccc;
	border-color: #98bccc;
}
@media screen and (max-width:500px) {
	.woocommerce-result-count {
		display: block;
		width:100%;
		text-align: center;
	}
	form.woocommerce-ordering {
		margin-bottom: 30px !important;
		width:100%;
		text-align:center;
	}
}
/* 3 columns on desktop */
@media all and (min-width:1024px) {
  [class*=woocommerce] ul.products li.product {
      width: 30.6%!important;
      margin: 0 3.8% 2.992em 0!important;
      clear: none!important;
  } 
  [class*=woocommerce] ul.products li.product:nth-child(3n) {
    margin-right:0px!important;
  }
  [class*=woocommerce] ul.products li.product:nth-child(3n+1) {
    clear: both!important;
  }
}
/* 2 columns on tablet */
@media all and (min-width: 768px) and (max-width: 1024px) {
  [class*=woocommerce] ul.products li.product:nth-child(n) {
      width: 48%!important;
      margin: 0 3.8% 2.992em 0!important;
      clear: none!important;
  } 
  .woocommerce ul.products li.product:nth-child(2n) {
    margin-right:0px!important;
  }
  .woocommerce ul.products li.product:nth-child(2n+1) {
    clear: both!important;
  }
}
/* 1 columns on mobile  */
@media all and (max-width: 768px) {
  .et-db #et-boc .et-l [class*=woocommerce] ul.products li.product, .et-db #et-boc .et-l [class*=woocommerce] ul.products li.product:nth-child(n), .et-db #et-boc .et-l ul.products li.product {
      width: 100%!important;
      margin-right: 0!important;
  }
}
/* End  Product List Page */
/* Blurb Buttons  */
.blurb-with-button .et_pb_blurb_content {height:100%;padding-bottom:80px;}
.blurb-with-button a.pa-blurb-button {
	color: #F9FFB1;
	background: #35475F;
	border: 2px solid #35475F;
	padding: .3em 1em;
	margin-top: 20px;
	border-radius: 3px;
	text-transform: uppercase;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	
	position:absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
}
/*style the Divi Blurb link text as a button on hover*/
.blurb-with-button a.pa-blurb-button:hover {
	background: #98BCCC;
	color: #F9FFB1;
	border: 2px solid #98BCCC;
	cursor: pointer;
}
/* End Blurb Buttons */

/* Swap column position for mobile */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
} 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
} 
.second-on-mobile {
-webkit-order: 2;
order: 2;
} 
.third-on-mobile {
-webkit-order: 3;
order: 3;
} 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
/* End swap column position for mobile */

/* Widgets */
.widget-remove-bullets { border-right: none !important;}
.widget-remove-bullets ul {padding: 0 0 0 1em}
.widget-remove-bullets ul li { list-style: none;transform: all 0.4s ease;}
.widget-remove-bullets ul li a {transition: all 0.4s ease;}
.widget-remove-bullets ul li a:hover {opacity: 0.5;}
.widget-remove-bullets .et_pb_widget {margin-bottom: 20px !important;}
/* End Widgets */
.smaller-image-blog-list .entry-featured-image-url {
	max-width: 600px;
	max-height:400px;
	overflow:hidden;
	margin: 0 auto 20px;;
}
/* Forms */
@media screen and (max-width: 767px) {
	.wpcf7 .dp-row .dp-col:first-child {margin-bottom: 20px;}
}
.wpcf7 .wpcf7-list-item {margin-left: 0;}
.wpcf7 .wpcf7-list-item input[type="checkbox"] {margin-left: 0;}
.wpcf7 .dp-row input.wpcf7-form-control { margin-right: 0 !important; margin-left: auto;}
/* End Forms */

/* User Registration Forms */
.ur-frontend-form {border: none !important;padding: 0 !important;}
.ur-frontend-form input {
	background-color: rgba(255,255,255,0.75);
}
.ur-frontend-form button, .ur-frontend-form input.button {
	background-color: #35475f;
	color: #f9ffb1;
	transition: all 0.3s ease;
	text-transform: uppercase;
	border-radius: 3px;
}
.ur-frontend-form button:hover, .ur-frontend-form input.button:hover {
	opacity: 0.5;
}
#user-registration {background-color: transparent !important; box-shadow: none !important;}
#user-registration .login {border: none !important;}
/* End User Registration Forms */

.et_pb_wc_tabs h3 {margin-top: 2em;}

@media screen and (min-width: 1921px) {
  #wholesaler-background {
    background-size: contain;
  }
}

.ti-reviews-container .ti-inner .ti-stars > :first-child {width: 66px !important;}

.updated-user-registration-message {display:none !important;}