/* Enter Your Custom CSS Here */

.woocommerce div.product div.images img {
	width: auto !important;
  	padding-bottom: 3px;
	}

/*
.woocommerce ul.products li.product a img {
  	width: auto;
	}
*/

.woocommerce .products .product,
.woocommerce .products .product .price
{text-align:center !important;}

ul.products li{
    text-align: center;
}


/* Centering the product title in the shop page + changing the font:*/

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
     font-size: 1.2em;
     text-align: center;
	}

/* Centering the product image in the box: */

.woocommerce ul.products li.product a img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


/* Aligning the add to cart buttons: 2.5ex for each visible line (currently using a plugin for this)  */
/*
.woocommerce ul.products li.product h2 {
  line-height: 2.5ex;
  height: 5ex; 
  overflow: hidden;
}
*/

/* Changing the background color and text of the add to cart button on the shop page: */

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: #ffffff;
    background-color: #336699;
    border: 1px solid #fafafa;;
    box-shadow: inset 0 0 1px hsla(0,100%,100%,.4) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.4) /*Shine*/;
    border-radius: 3px;
}

/* Changing the colour for the Sale button on the shop page: */

.woocommerce span.onsale {
	background-color: #efdc17;
    color: rgb(0, 0, 0);
}

/* Changing the font weight for the product count text on the shop page: */

.woocommerce .woocommerce-result-count {
    font-weight: bold;
}

/* Making the price text larger: */

.woocommerce ul.products li.product .price {
	    font-size: 1.1em;
  		font-weight: 600;
}

/* Editting the Sort By box style: */

.woocommerce .woocommerce-ordering select {
    font-weight: bold;
    background-color: #f4f4f4;
  	border-radius: 5px;
}


/* Shop landing page buttons: */

.button1 {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #f5f5f5;
  color: #fff;
}

/* Add a rollover background colour but keep the text white */
.button1:hover,
.button1:focus,
.button1:active {
  background: #fff;
  color: #000000;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
}

/* Changing the single product page add-to-cart button colors: */

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	font-size: 140%;
    font-weight: 600;
    color: #ffffff;
    background-color: #336699;
    border: 1px solid #ebebeb;
    box-shadow: inset 0 0 1px hsla(0,100%,100%,.4) /*Top*/, inset 0 0 1px hsla(0,100%,100%,.4) /*Shine*/;
    border-radius: 3px;

	}

/* Changing the hovering color as well: */

.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 {

  	font-size: 140%;
    font-weight: 600;
  	color: #000000;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
  	
	}

/* The CSS for "Usually ships in 1 day" text (single product page): */

.woocommerce div.product p.stock {
    font-size: 1.1em;
    font-weight: bold;
}

/* The country availability text (single product page) */

.WooZone-country-check li {
    font-weight: bold;
}


/* Frequently bought together price settings on the single product page: */

body .cross-sell .cross-sell-buy-selectable .cross-sell-item-price {
    
    font-weight: bold;
}

/* Frequently bought together title settings on the single product page: */

body .cross-sell .cross-sell-buy-selectable .cross-sell-items a, body .cross-sell .cross-sell-buy-selectable .cross-sell-items a:visited {

    font-weight: bold;
}

/* Extra padding for the product title (single product page): */

.woocommerce div.product .product_title {

	padding: 0 0 3px 0;
}


/* Single product page css for padding:   */

body div.product .woocommerce_tabs .panel h2, #content div.product .woocommerce_tabs .panel h2, div.product .woocommerce-tabs .panel h2, #content div.product .woocommerce-tabs .panel h2 {
 
    padding-bottom: 4px;
}


.woocommerce .products ul, .woocommerce ul.products {
    padding-top: 5px;
}

/* Shop landing page buttons: */

.button3 {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border-width: 1px;
  border-color: #336699;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #336699;
  color: #fff !important;
  border-style: solid;
}

.button3:hover,
.button3:focus,
.button3:active {
  background: #fff;
  color: #000000 !important;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
  padding: 12px 24px;
  border-radius: 6px;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
}