/* 
 Theme Name:     EuinCreative
 Author:         Euin
 Author URI:     http://sachs.mtemp.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: 4.9.5
*/ 


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


@font-face {
    font-family: Neutraface;
    src: url(/wp-content/themes/euincreative/fonts/NeutrafaceText-Book.ttf);
}

h1, h2, h3, h4 {
font-family: Neutraface, Arial, sans-serif;
}


body {
font-family: Neutraface, Arial, sans-serif;
}


.posted_in a { color: #757575 !important; }  

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background: #bdbdbd !important;
	color:#212121 !important;
	text-shadow: transparent !important;
	border-color:#bdbdbd !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background: #757575 !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color: #fff !important;
	border-color:#757575 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background:#bdbdbd !important;
	background-color:#757575!important;
	color:#fff !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#757575 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	background:#bdbdbd !important;
	background-color: #757575 !important;
	color:#fff !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#757575 !important;
}

.woocommerce div.product p.price {
	color: #757575 !important;
}

.woocommerce-page .quantity input.qty {
	color: #212121 !important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #212121 !important;
}

.woocommerce-page a.button.product_type_grouped {
	line-height: 1em !important;
	font-size: 14px;
	font-weight: 600;
}


/*** 4 column blog ***/

.four-column-blog-grid .et_pb_column_1_2,
.four-column-blog-grid .et_pb_column_1_3, 
.four-column-blog-grid .et_pb_column_1_4 {
    width: 100%;
}

.four-column-blog-grid .et_pb_post {
    display:inline-block;
    vertical-align:top;
    width: 23%;
    margin-right: 2.5% !important;
    margin-bottom:15px !important;
}

.four-column-blog-grid .et_pb_post:nth-child(4n) {
	margin-right: 0px !important;
}

.et_pb_blog_grid .et_pb_image_container {
    position: relative;
	height: 215px;
	overflow:hidden;
}

@media (min-width:981px) and (max-width:1200px) {
  .four-column-blog-grid .et_pb_post {
    width:46%;
  }
}

@media (max-width:980px) {
  .four-column-blog-grid .et_pb_post {
    width:100%;
  }
}

/*** end 4 column blog ***/

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

.product .related h2.woocommerce-loop-product__title {
	font-size: 14px !important;
	font-weight: 600;
}