/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.eStore-button-form input, .eStore_update_qty, .eStore_apply_coupon {
		color: #FFF;
    padding: 5px 14px;
    background-color: #222;
    border: none;
    font-weight: normal;
    cursor: pointer;
		border-radius: 5px;
}

.eStore_update_qty {
		margin: 0px !important;
	margin-left: -1px !important;
    border-radius: 0 3px 3px 0;
    padding: 5.5px;
    margin-top: -1px;
    position: relative;
}

.eStore_cart_item_qty_value {
	text-align: right;
}

.eStore-button-form input:hover, .eStore_update_qty:hover, .eStore_apply_coupon:hover {
	background-color: #555;
}

.eStore_update_qty, .eStore_apply_coupon {
    font-size: 10px;
    padding: 5px;
    margin-left: 7px
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}


input.eStore_cart_item_qty {
		max-width: 35px !important;
    text-align: center;
		padding: 2px;
	padding-bottom:3px;
		border: 1px solid #000;
    background-color: #FFF;
    font-size: 1em;
    border-radius: 3px 0 0 3px;
}

.shopping_cart h2 {
	margin: 0px;
}

.shopping_cart br {
	display: none;
}

.eStore_cart_item_header {
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}

.estore-cart-subtotal {
	border-top: 1px solid #CCC;
}


.eStore_cart_item_qty {
    text-align: left;
}

.eStore_cart_item_price {
	text-align: right;
}

.eStore_cart_item_name_value, .eStore_cart_item_name {
	padding-left: 10px !important;
}

.eStore_cart_item_price, .eStore_cart_item_price_value {
	text-align: right;
	padding-right: 10px !important;
}

.eStore_cart_item_action_value {
	text-align:center;
}

.estore-cart-subtotal td:nth-of-type(2),
.estore-cart-shipping td:nth-of-type(2),
.estore-cart-tax td:nth-of-type(2),
.estore-cart-total td:nth-of-type(2) {
	text-align: right !important;
	padding-right: 10px !important;
}

.eStore_cart_item_header .eStore_cart_item_qty {text-align: center;}

.estore-cart-total, .estore-cart-total td {
	color: #000;
}

.estore-cart-total td:nth-of-type(3) {
	text-align:center;
}

.estore-cart-total {
	margin-bottom: 10px;
}

.eStore_coupon_section {
	width: max-content;
	position: relative;
    top: 15px;
}

.eStore_coupon_section strong {
	display: none;
}

.eStore_paypal_checkout_button {
	margin-top: -50px !important;
	min-height: initial;
	border: 0px;
	padding: 0px;
	margin-right: 10%;
}

.eStore_item_added_msg {display: none;}

td>strong>i>p {
	  font-weight: 100;
    font-size: 1em;
    text-align: center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px;
}


.eStore_apply_coupon {
	    margin: 0px;
    margin-left: -5px;
    position: relative;
    border-radius: 0px 3px 3px 0px;
    padding-left: 7px;
    padding-right: 7px;
	
}

#coupon_code {
	border: 1px solid #000;
    border-radius: 3px 0px 0px 3px;
    padding: 4px;
	padding-left: 7px;
    font-size: 10px;
    color: #666;
    min-width: 85px;
    margin: 0px;
}


#shopcontainer {
	display: flex;
}

#cartcontainer {
	position: sticky;
	top: 100px;
	text-align: left;
	height: 100%;
	float: right;
	width: 40%;
	padding-left: 2%;
	box-sizing:border-box;
}

#shopcontainer #products {
	float:left;
	width:60%;
	border-right:1px solid #CCC !important;
	box-sizing:border-box;
	padding-right:0%
}

.productbox {
	float:left;
	width:50%;
	padding-bottom:75px;
	text-align:center;
}

.productbox h1 {
	color: #000;
}

.productbox h2, .productbox h3, .productbox h4 {
	color: #4b88ac;
}

.productbox h4 {
	line-height: 3em;
}

.productbox small {
	font-size: 12px;
}


@media screen and (max-width: 1070px) {
    #shopcontainer {
		width: 100%;
}

#shopcontainer #products {
	width: 50%;
}

#cartcontainer {
	width: 50%;
}

.productbox {
	float:none;
	width:100%;
}

}

@media screen and (max-width: 850px) {
    #shopcontainer {
	display: block;
		float: none;
		width: 100%;
}

#shopcontainer #products {
	width: 100%;
		border: 0px !important;
}

#cartcontainer {
	width: 100% !important;
	float: none;
	clear: both;
}

.productbox {
	float:left;
	width:50%;
}
}

@media screen and (max-width: 450px) {
	.productbox {
	float:none;
	width:100%;
}
}