/*
Description: Custom CSS for WooCommerce 3.0
Author: 375 (SP Proweaver)
*/

@font-face {
	font-family: ProximaNova;
	src: url(fonts/Proxima Nova/Mark Simonson - Proxima Nova Regular.ttf);
}
@font-face {
	font-family: ProximaNova;
	src: url(fonts/Proxima Nova/Mark Simonson - Proxima Nova Light.ttf);
	font-weight: lighter;
}
@font-face {
	font-family: ProximaNova;
	src: url(fonts/Proxima Nova/Mark Simonson - Proxima Nova Bold.ttf);
	font-weight: bold;
}

/***** Title display of products in any pages ***************************/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
/*********** Product display styles ****************************************************************/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     /*padding: 8px !important;*/
	/*background: #fff;*/
}
.woocommerce .products ul li, .woocommerce ul.products li {
     /*border: 2px solid #e3e3e3;*/
     border-radius: 20px;
}
/********** To see default image placeholder in single product page *******/
.woocommerce div.product div.images.woocommerce-product-gallery {
     opacity: 1 !important;
}
/********** Single product page price *********************/
.woocommerce div.product p.price {
	font-size: 25px !important;
	font-weight:500 !important;
}
.woocommerce div.product .product_title {
	font-size: 29px !important;
	color: #9c0000 !important;
	font-weight: bold !important;
}
/************************************************************************/

/*********** Product loop display **************************************/
.woocommerce .products ul, .woocommerce ul.products {
     text-align: center !important;
}
/************************************************************************/

/************ Shop page pagination *************************************/
.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers {
     text-align: center;
	padding: 12px 0;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
	color: #ff0000 !important;
	padding: 0;
	border: 1px solid #e3e3e3;
	background: #fff;
	font-size: 14px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li a, .woocommerce .woocommerce-pagination ul.page-numbers li span.page-numbers.current, .woocommerce-page .woocommerce-pagination ul.page-numbers li a, .woocommerce-page .woocommerce-pagination ul.page-numbers li span.page-numbers.current {
	padding: 15px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers li:hover {
     background: #E8FFED; /* change color according to theme */
}
.woocommerce .woocommerce-pagination ul.page-numbers li a, .woocommerce-page .woocommerce-pagination ul.page-numbers li a {
     text-decoration: none !important;
}
.woocommerce div.woocommerce-pagination ul li a:focus, .woocommerce div.woocommerce-pagination ul li a:hover, .woocommerce div.woocommerce-pagination ul li span.current {
     background: none !important;
     top: 0;
}
.woocommerce div.woocommerce-pagination ul li a, .woocommerce div.woocommerce-pagination ul li span {
     position: relative !important;
}
/********************************************************************/

/******** Woo table ********************/
.woocommerce table.shop_table {
	background: #fff !important;
}
/***************************************/

/************ Forms **************************************************/

#customer_login h2 {
	text-align: center;
	font-weight: bold;
	color: #5D7902;
	text-transform: uppercase;
	background: #F9F9FE;
	padding: 25px;
	border-radius: 8px;
	font-size: 20px !important;
}

.woocommerce .quantity .qty {
	border: 1px solid #a1a1a1 !important;
	border-radius: 1px !important;
     padding: 6px 2px !important;
	font-size: 14px !important;
}

.woocommerce select {
     width: 100% !important;
     height: 34px !important;
	border-radius: 1px !important;
	border: 1px solid #a1a1a1 !important;
	padding: 6px !important;
	font-size: 14px !important;
}

.woocommerce-checkout-review-order {
     width: 100% !important;
	float: none !important;
}
.woocommerce form .form-row {
     width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
     width: 100% !important;
     padding: 8px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
     float: left;
     width: 100%;
}
.woocommerce form.login, .woocommerce form.register{
     background: #f9f9fe;
     border-radius: 20px;
     padding: 30px 100px 30px 100px !important;
	font-family: ProximaNova;
}
div.woocommerce form h3 {
     background-color: #1E85BE !important;  /* change color based on theme */
     /*font-family: 'Advent Pro', sans-serif;*/ /* change font based on theme */
     width: 100%;
     text-align: center;
     padding: 10px;
     border-radius: 5px;
     margin-top: 50px;
     color: #FFF;
     float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     padding: .6180469716em;
     background-color: #fff;
     color: #43454b;
     outline: 0;
     border: 0;
     border-radius: 2px;
     box-sizing: border-box;
     font-weight: 400;
     border:solid 1px #999;
}
#wc_checkout_add_ons {
     width: 45%;
     float: right;
     text-align: center;
}

@media screen and (min-width: 980px) {
     .woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {
          width:100%;
          }
     .woocommerce .col2-set, .woocommerce-page .col2-set {
          width: 45%;
          float: left;
     }
     .woocommerce-checkout-review-order{
          width: 45%;
          float: right;
     }
}
@media screen and (max-width: 979px) {
     .custom-checkout h3 {
          width: 100%;
     }
}

@media screen and (max-width: 600px) {
	.woocommerce form.login, .woocommerce form.register{
	     padding: 30px !important;
	}
}

/********************************************************************************/

/***************** Buttons ******************************************************/

/*.woocommerce ul.products li.product .button,*/ .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, span.cart-btn-on-checkout {
	/*background: #686868 !important;*/
     background: #5D7902 !important; /* change color based on theme */
     /*border-radius: 10px !important;*/
     color: #fff !important;
	text-transform: uppercase;
	font-family: ProximaNova;
	font-weight: lighter !important;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
/*.woocommerce ul.products li.product .button:hover,*/ .woocommerce div.product form.cart .button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, span.cart-btn-on-checkout:hover {
     background: #e3e3e3 !important; /* change color based on theme */
     color: #000 !important;
}

/********** Custom Products display according to theme *******************************/
/************ Change the following codes according to your page layout **************/

@media only screen and (max-width: 400px) {
	.woocommerce ul.products li.product {
		width: 100% !important;
	}
}

/* Product Image */
.woocommerce ul.products li.product a img {
	border-radius: 10px;
}

/* Product Name */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size:21px !important;
	line-height:100% !important;
	padding-bottom: 10px !important;
	color: #000 !important;
	font-family:'Barlow',sans-serif;
	font-weight: 300;
}

/* Cart Button */
.woocommerce ul.products li.product .button {
	background:transparent !important;
	display:block;
	margin:17px auto 0 !important;
	text-align:center !important;
	border-radius:4px !important;
	text-transform:uppercase !important;
	/*width:143px !important;*/
	height:32px !important;
	color:#1a1a1a !important;
	font-size: 16px !important;
	line-height:30px !important;
	border: 1px solid rgba(0,0,0,0.7) !important;
	padding: 0 !important;
	font-family:'Barlow',sans-serif;
	font-weight: 500 !important;
}
.woocommerce ul.products li.product .button:hover {
	background: #5D7902 !important;
	border:1px solid transparent !important;
	color: #fff !important;
}

/* Price */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins {
	font-size:25px !important;
	line-height: 100% !important;
	font-weight:500 !important;
	display: inline-flex !important;
}
.woocommerce ul.products li.product .price del {
	color:#000 !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price {
	color: #E4342F !important;
	text-decoration: none !important;
}
.woocommerce ul.products li.product .price ins:before {
	content: " ";
	white-space: pre;
}

/*Sale Icon*/
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
	background: #CE0F08 !important;
	text-transform: uppercase;
}

/***********************************************************************************/

/********** Checkout Form Re-Layout **************************/

#customer_details {
	float: none;
}

/*** unhide coupon on page load ***/
form.checkout_coupon {
	display: inline-flex !important;
	width: 100%;
	background: #fff !important;
	border-top: 1px solid #d3ced2 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 1px solid #d3ced2 !important;
	border-radius: 0 !important;
}

.woocommerce-info {
	font-family: ProximaNova;
	background: #fff !important;
}
/***********/

.checkout-product-details-left {
	font-family: ProximaNova;
	font-size: 23px;
	width: 290px;
	margin: 180px 77px;
	text-align: left;
	display: inline-block;
	float: left;
}

.checkout-product-details-outer {
	overflow: hidden !important;
	flex-flow: column wrap;
	width: 470px;
	height: 450px;
	display: inline-block;
}

.checkout-product-details {
	font-family: ProximaNova;
	text-align:center;
	width: 220px;
	background: #fff;
	padding: 20px;
	margin: 30px 5px 40px 5px;
	border: 1px solid #e3e3e3;
	display: inline-block;
}

.checkout-product-details p {
	text-align: center;
}

.checkout-product-details p:nth-child(2n) {
	font-size: 18px;
}

.checkout-product-details p:nth-child(4n) {
	border-top: 1px solid #e3e3e3;
}

.checkout-label-num {
	color: #fff;
	background: #5D7902;
	padding: 1px 10px;
	border-radius: 20px;
	margin-right: 15px;
	display: inline-block;
	width: 32px;
	text-align: center;
}

#customer_details .col-3 input#place_order.button.alt {
	background: #5D7902 !important;
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	font-family: ProximaNova;
}

#customer_details .col-3 input#place_order.button.alt:hover {
	background: #fff !important;
	color: #f01515 !important;
	border: 1px solid #e3e3e3 !important;
}

#customer_details, .checkout-upper-wrapper {
	background: #F8F8FA !important;
}

div.woocommerce {
	padding: 30px 20px 30px 20px;
}

.woocommerce form .form-row label {
	text-transform: uppercase;
}

#customer_details .col-1, #customer_details .col-2, #customer_details .col-3 {
     width: 33.33% !important;
     float: left !important;
     padding: 0 20px 30px 20px !important;
}

div.woocommerce form.checkout h3 {
     background: #eaeaf8 !important;
     color: #000;
     text-align: center;
     margin-bottom: 20px;
     font-weight: bold;
}

.woocommerce form.checkout {
     background: #f8f8fa !important;
     border-radius: 20px;
     font-family: ProximaNova;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
     margin-top: 120px;
	background: #fff !important;
}

#customer_details .col-3 div#payment.woocommerce-checkout-payment {
	display: none !important;
}

#customer_details .col-2 input#place_order.button.alt {
	display: none !important;
}

#customer_details .col-3 input#place_order.button.alt {
	width: 100% !important;
}

@media only screen and (max-width: 800px) {
	#customer_details .col-1, #customer_details .col-2, #customer_details .col-3 {
		width: 100% !important;
		display: inline-table;
	}
}

@media only screen and (max-width: 960px) {
	.checkout-product-details-outer {
		margin: 0 auto !important;
		display: block;
		width: auto !important;
		text-align: center !important;
	}

	.checkout-product-details-left {
		float: none !important;
		display: inline !important;
	}

	.checkout-product-details-left p {
		text-align: center !important;
	}
}

@media only screen and (max-width: 600px) {
	form.checkout_coupon {
		display: inline-block !important;
	}
	.checkout_coupon .form-row {
		text-align: center !important;
	}

	form.checkout_coupon p.form-row.form-row-first {
		width: 100% !important;
	}
}

/*********************** Cart Page Re-Layout ****************************************/

.cart-left, .cart-right {
	width: 50%;
}

.cart-left {
	float: left;
}

.cart-right {
	float: right;
}

div.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
     /*width: 50%;*/
     text-align: center;
}

div.woocommerce-cart-form__cart-item.cart_item {
	width: 150px;
	display: inline-block;
	position: relative;
	margin: 10px 5px;
	border: 1px solid #e3e3e3;
	padding: 5px 10px;
	border-radius: 6px;
}

.woocommerce a.remove {
     background: #a1a1a1;
     position: absolute;
     right: 3px;
     padding-bottom: 28px;
     padding-left: 5px;
     padding-right: 22px;
}

div.product-name {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

div.wc-proceed-to-checkout a {
	width: 95%;
	margin-top: 25px;
	padding: 19px 0 !important;
	text-align: center;
	margin-top: 10px !important;
	float: right !important;
}

div.cart-page-update-button input.button {
	background: #fff !important;
	border: 1px solid #a1a1a1;
	color: #555 !important;
}

div.cart-page-update-button input.button:hover {
	background: #5D7902 !important;
	color: #fff !important;
}

input#coupon_code.input-text {
	height: 35px;
	text-align: center;
	border: 1px solid #a1a1a1;
	border-radius: 3px;
}

input.input-text.qty {
	width: 85px !important;
}

.cart-page-buttons {
	/*position: absolute;
	top: 260px;*/

	float: right;
	width: 100%;
}

.woocommerce .cart-collaterals .cart_totals {
     float: right !important;
     width: 95% !important;
}

@media only screen and (max-width: 1080px) {
     div.coupon label {
          float: none;
          display: block;
     }
     .woocommerce .cart .button, .woocommerce .cart input.button {
          float: none !important;
          margin-left: 0 !important;
     }
}

@media only screen and (max-width: 690px) {
     div.coupon input {
          margin-top: 8px !important;
     }
}
@media only screen and (max-width: 490px) {
	div.woocommerce {
		padding: 0 !important;
	}
	div.woocommerce-cart-form__cart-item.cart_item {
		max-width: 150px;
		width: 100%;
	}
     .cart-left, .cart-right {
          float: none !important;
          margin: 0 auto !important;
     }
     .cart-right {
          margin-top: 40px !important;
		width: 100% !important;
     }
	.woocommerce .cart-collaterals .cart_totals {
		float: none !important;
		width: 100% !important;
	}
}

/****** Products Page Re-Layout ************/

.woocommerce select:focus option:checked {
	background: #000 !important;
}

.woocommerce select option:checked,
.woocommerce select option:hover {
    box-shadow: 0 0 10px 100px #000 inset !important;
}

/************ Single Product Page Re-Layout *************/

.woocommerce-product-details__short-description {
	background: #f0f0f0 !important;
	padding: 15px 20px !important;
	margin: 20px auto !important;
}

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

.comment-form input {
	width: 100px !important;
}

span#reply-title.comment-reply-title, div#tab-additional_information h2, section.related.products h2, h2.woocommerce-Reviews-title, div#tab-description h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #9C0000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
	color: #A6303C !important;
}

button.single_add_to_cart_button {
	width: 100% !important;
	padding: 19px 0 !important;
	margin-top: 25px !important;
	display: block;
}

/**** additional ****/
.woocommerce-MyAccount-navigation {
	float: none !important;
	text-align: center !important;
	margin: 30px 0 !important;
	width: 100% !important;
}

div.payment_box.payment_method_stripe {
	margin-top: 40px !important;
}

.woocommerce-MyAccount-content header {
	background: none !important;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}