/*	==================================================
 *	FILE: ca_woo.css
 * 	DESC: Coco Absorb WooCommerce Styles
 *	PURP: Add custom styles for woocommerce
 *	=============================================== */




/*	--------------------------------------------------
	SECTION: Main Shop Page
 *	----------------------------------------------- */
.woocommerce-shop #content .post > h1 { font-size: 42px; }

.woocommerce ul.products li.product { text-align: center; }
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	display: block; padding: 10px 10px 0;
	border: 1px solid #d0d0d0; border-radius: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	background-color: #f9f9f9;
	font-size: 24px; font-weight: bold;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
	color: #000;
}
.woocommerce ul.products li.product .price {
	color: #000;
	padding-bottom: 10px;
	background-color: #f9f9f9;
	font-size: 24px; font-weight: bold;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
.woocommerce ul.products li.product .add_to_cart_button {
	font-size: 24px; font-weight: normal;
	color: #fff; background-color: #8BC540;
}
.woocommerce ul.products li.product .add_to_cart_button:hover {
	background-color: #000;
}


.woocommerce ul.products li.product a .soldout {
	font-size: 18px;
	display: block; position: absolute;
	color: white; background-color: red;
	bottom: 195px; left: 0; right: 0; width: 100%;
}




/*	--------------------------------------------------
	SECTION: Single-Product Page
 *	----------------------------------------------- */
.single-product #content > .title { display: none; }

.single-product #content .woocommerce .product .woocommerce-product-gallery__image {
	border-radius: 10px;
	border: 1px solid #d0d0d0;
}

.single-product #content .woocommerce .product .summary { padding-top: 18px; }
.single-product #content .woocommerce .product .summary .product_title { font-size: 2em; }
.single-product #content .woocommerce .product .summary .product_title br { display: none; }

.single-product #content .woocommerce .product .summary .price { color: #000; font-size: 2em; }
.single-product #content .woocommerce .product .summary .quantity .qty { padding: 12px 0px; }

.single-product #content .woocommerce .product .summary .product_meta { font-size: 18px; line-height: 1.5; }

.single-product #content .woocommerce .product .summary .cart { padding-top: 1em; }
.single-product #content .woocommerce .product .summary .cart .button {
	padding: 12px 18px;
	background-color: #8BC540;
	font-size: 20px; font-weight: normal;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
.single-product #content .woocommerce .product .summary .cart .button:hover {
	background-color: #000;
}
.single-product #content .woocommerce .product .woocommerce-product-details__short-description {
	color: #454545;
	font-size: 20px;
}


/*	--------------------------------------------------
	SECTION: View Cart Page
 *	----------------------------------------------- */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 1em 2em;
	font-weight: normal;
	display: inline-block;
	background-color: #8BC540;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #000000;
}



/*	--------------------------------------------------
	SECTION: Checkout Page
 *	----------------------------------------------- */
.woocommerce-checkout .woocommerce .checkout .form-row .input-text {
	padding: 10px;
}
.woocommerce-checkout .woocommerce .checkout .form-row .select2-selection--single {
	height: 36px;
}
.woocommerce-checkout .woocommerce .checkout .form-row .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}
.woocommerce-checkout .woocommerce button.button {
	padding: 1em 2em;
	background-color: #8BC540;
	font-size: 18px; font-weight: normal;
}
.woocommerce-checkout .woocommerce button.button:hover {
	background-color: #000000;
}
