/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


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


/** This code is used to make the yellow highlight of the mark signifying quantity on product category pages disappear (transparent) **/

h3 mark.count { background-color:transparent; }


/** Makes the cart symbol on the website disappear **/

#top-header .et-cart-info {
display: none;
}


/** Makes item stock indicators and associated product categories & tags on the product page of the website disappear **/

.stock{display: none;}
.posted_in{display: none;}
.tagged_as{display: none;}


/** The below code modifies the "Request more info" form layout on the product page to make it have a responsive design and display fields in 2 columns **/

table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
	max-width: 1000px !important;
	
}


#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.4rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query (Mobile Only) ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
.wc_email_inquiry_image_container {
display: none;
	}

.wc_email_inquiry_custom_form_heading {
        padding-left: 75px;
	}

}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}

.wpcf7 input[type="text"]:focus{
	background: #fff;
}


span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}

div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}

div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}



textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}

/*font: normal 26px Arial,sans-serif !important;
    color: #000 !important;
*/

.wc_email_inquiry_image_container, .wc_email_inquiry_default_image_container {
    text-align: center;
}



/** The code below affects all blurb modules on the site. It causes an animation effect when the blurb is hovered over. This is visible from the homepage **/

.et_pb_blurb:hover .et_pb_main_blurb_image {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}

.et_pb_main_blurb_image {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.et_pb_main_blurb_image:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}

.et_pb_blurb:hover .et_pb_main_blurb_image:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}


/** This removes the margin that the div of the WooCommerce "Add to Cart" button creates, so that the Product Inquiry button can be appropriately placed **/

.woocommerce div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page #content div.product form.cart {
   margin: 0 !important; 
}


/** This reduces the z-index of the site header so that the inquiry plugin's form does not appear behind it **/

#main-header, #top-header {
z-index: 999;
}


/** This changes the font of product category/product listing names **/

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    font-family: montserrat;
    font-size: 15px;
}

/** Hides author name, 'post published' date and comments meta data from search page **/

p.post-meta {
    display: none;
}

/** Halves the size of the search page result images **/

.et_pb_image_container img, .et_pb_post a img {
    max-width: 50% !important;
}

/** Increases the height of the popup form's container **/

.et_bloom_form_content.et_bloom_1_field.et_bloom_bottom_inline.et_bloom_custom_html_form {
    padding: 30px 30px 73px 30px !important;
}

/** CGH **/


.woocommerce-loop-product__title, .woocommerce-loop-product__title{
    text-transform: uppercase;
    font-size: 17px !important;
    color: rgb(51, 51, 51);
    font-family: montserrat;
}

.product .related h2{
    font-size: 17px !important;
}


/* C7 form for products */
#wpcf7-f114800-p115506-o1 .wpcf7-submit {
    background-color: #fff;
	border: 2px solid;
	border-radius: 10px;
	color: #dd9933;
    font-size: 20px;
    font-weight: bold;
	padding: 10px 15px;
}
#wpcf7-f114800-p115506-o1 .wpcf7-submit:hover {
    background-color: #dd9933;
	color: #fff;
}