/* Styles for WooCommerce */

/******************************************************
 * Shop Menu styles
 ******************************************************/
#shop-menu { width:100%; line-height:1.4em;}
#shop-menu { background:#3A3F6E; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5) }
#shop-menu #menu-shop-menu { width:950px; line-height:auto; padding:5px 5px 8px 5px; margin:0 auto; }
#shop-menu #menu-shop-menu li  { list-style:none; float:right; }
#shop-menu #menu-shop-menu li a { color:#fff!important; float:left; width:auto; }


/******************************************************
 * Shop page styles
 ******************************************************/
 
.woocommerce h1.page-title { font-size:4rem; color:#fff; }
.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a 
{ color:#fff; }
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb
{ color:#fff; }
.woocommerce #u-shop { margin-top:20px; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background:#fff; padding:1.5%; width:45%; height:335px; overflow:hidden; }

.woocommerce ul.products li.product img.wp-post-image { float:left; margin-right:4%; width:30%; }
.woocommerce ul.products li.product .product-meta { float:left; width:58%;}

.woocommerce ul.products li.product .price { float:left; width:34%; }
.woocommerce ul.products li.product .price .amount { font-size:20px; }
.woocommerce ul.products li.product .add_to_cart_button { float:left; }

.woocommerce ul.products .wc-forward { padding-left:20px; }

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 
{ font-size:1.5rem; padding-top:0; }

/******************************************************
 * Product page styles
 ******************************************************/
.woocommerce .product { background:#fff; padding:1.5%; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5); }
.woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title 
{ font-size:1.5rem; }

/* Related Products */
.woocommerce .related.products { border-top:1px solid #3A3F6E; padding-top:20px; margin-top:20px; }
.woocommerce .related.products h2 { font-size:1.5rem!important; margin-bottom:30px!important; color:#3A3F6E; }
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product
{ box-shadow:none; padding:0; }

/******************************************************
 * Button & Message styles
 ******************************************************/
.woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt
{ color:#fff; text-shadow:none; }

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt
{ background:#3A3F6E; }

.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before
{ background-color:#3A3F6E; }
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message
{ border-top-color:#3A3F6E; }
/******************************************************
 * Clear Fix
 ******************************************************/
 .woocommerce ul.products li.product:after,
 #shop-menu #menu-shop-menu li:after,
 #shop-menu #menu-shop-menu li a:after
 { clear:both; visibility:hidden; content:''; height:0; line-height:0; padding:0; margin:0; }
 
/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
 #shop-menu #menu-shop-menu { width:auto; }
 
}