/************************************************************************
2017-12
Added custom styling to include large +/- buttons on quantity selector

- dev@jakbox.net
************************************************************************/

/* hide the HTML spinner buttons on the number inputs */
.woocommerce div.qty-counter input.text.qty[type=number]::-webkit-outer-spin-button,
.woocommerce div.qty-counter input.text.qty[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce div.qty-counter input.text.qty[type=number] {
    -moz-appearance:textfield;
}

.woocommerce div.qty-counter {
	display:table;
	width:100%;
	max-width:240px;
	margin:0px auto;
}

.woocommerce div.qty-counter > a.button,
.woocommerce div.qty-counter > button,
.woocommerce div.qty-counter > input[type=number] {
	/*display:table-cell;*/
	vertical-align: bottom;
	text-align:center;
	min-width:15%;
	height:42px;
	line-height:42px;
	padding:2px 0px;
	margin:0px !important;
	box-sizing:border-box;
	border-collapse:collapse;
}

.woocommerce div.qty-counter > a.button {
	float:right;
	min-width:35%;
}

.woocommerce div.qty-counter > a.button+.added_to_cart {
	display:none !important;
}

.woocommerce div.qty-counter > a.button+.added_to_cart+button,
.woocommerce div.qty-counter > a.button+.added_to_cart+button+input,
.woocommerce div.qty-counter > a.button+.added_to_cart+button+input+button {
	pointer-events:none;
}

.woocommerce div.qty-counter > button {
	color: #bcb1b3;
	background:#f6f3f3;
	border: 1px solid #bcb1b3;
}

.woocommerce div.qty-counter > button:first-of-type { border-right:0px; }
.woocommerce div.qty-counter > button:last-of-type { border-left:0px; }

.woocommerce div.qty-counter > input[type=number] {
	font-family: serif;
	font-size:16px;
	width:25% !important;
	padding:0px 0px;
	border: 1px solid #bcb1b3 !important;
}

.woocommerce div.qty-counter > a.button {
	margin-left:5px !important;
}

.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
	margin: -2px 2px 0px 4px;
	float:left;
}