/* global cart CSS */

/* wrapper/container */
#ShopSuey-storefront-cart-wrapper {
	text-align: center;
	width: 820px;
	/* min-height: 137px; */
	padding: 0px;

	vertical-align: middle;
}

	/* when empty */
	#ShopSuey-storefront-cart-wrapper > #ShopSuey-storefront-cart-empty {
		padding: 40px;
		font-size: 20px;
		text-align: center;
	}

	/* form */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart {
		text-align: left;
		margin-bottom: 15px;
	}

	/* all containers */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div {
		text-align: left;
	}

	/* items container */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items {
		border-bottom: 1px solid rgba(0,0,0,.25);
		margin-bottom: 10px;
	}

	/* row */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div {
		display: block;
		font-size: 14px;
		padding: 5px 5px 20px 10px;
	}

		/* row container when item is out of stock */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div.ShopSuey-cart-nostock {
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQAN37979T3UBBgYGAKzmEe+NT7/oAAAAAElFTkSuQmCC');
		}

			/* hide "no stock" message by default */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div.ShopSuey-cart-stocked > div > div.nostock {
				display: none;
			}

			/* show "no stock" when out of stock */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div.ShopSuey-cart-nostock > div > div.nostock,
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div.special,
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div.BulkDiscounts {
				display: inline-block;
				margin: 10px;
				padding: 7px 15px 7px 15px;

				text-align: center;
				font-size: 15px;
				color: white;
				font-variant: small-caps;

				background: red;
			}

		/* row data elements */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div {
			display: inline-block;
			vertical-align: top;
		}

			/* data containers */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > span {
				font-size: 14px;
				display: inline-block;
			}

			/* photo container */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:first-child {
				width: 100px;
				height: 65px;
				overflow: hidden;
				box-shadow: 1px 1px 3px rgba(0,0,0,.5);
				margin-right: 10px;
				cursor: pointer;
				opacity: .8;
			}
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:first-child:hover {
					opacity: 1;
				}

				/* photo */
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:first-child > img {
					width: 105px;
					height: auto;
				}

				/* empty photo */
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:first-child > img[src=""] {
					display: none;
				}
					#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:first-child > img[src=""]:before {
						content: 'no photo';
						position: absolute;
						z-index: 5;
						width: 105px;
						padding: 10px auto 10px auto;
						font-size: 12px;
						color: rgba(0,0,0,.5);
					}

			/* product info */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(2) {
				width: 400px;
				overflow: hidden;
			}

					/* SKU */
					#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > span.SKU {
						font-size: 12px;
						color: rgba(0,0,0,.5);
						font-weight: normal;
					}

					/* name */
					#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > span.Name {
						font-size: 16px;
						color: black;
						font-weight: bold;
						margin-bottom: 7px;
					}

					/* price description */
					#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > span.Prices_Description {
						font-size: 14px;
						color: rgba(0,0,0,.8);
						font-weight: normal;
					}


		/* price info */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(3) {
			text-align: right;
			width: 120px;
			margin: 2px 15px 0px 0px;
		}
			/* price */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(3) > span.price-info {
				font-weight: bold;
				color: black;
			}
				/* currency */
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(3) > span.price-info > span.currency {
					display: inline-block;
					font-weight: normal;
					font-size: 10px;
					color: rgba(0,0,0,.65);
				}

			/* shipping price */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(3) > span.ShippingCost {
				font-weight: normal;
				font-size: 12px;
				color: rgba(0,0,0,.75);
			}


		/* qty controls */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) {
			float: right;
		}
			/* qty */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) > input[name*="QtyOrdered"] {
				display: inline-block;
				padding: 5px 3px 5px 3px;
				width: 50px;
				font-weight: bold;
				color: rgba(0,0,0,.65);
			}

			/* control icons */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) > .fa {
				margin-left: 5px;
				float: right;
				cursor: pointer;
			}

			/* original price each */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div#price-each-orig {
				display: none;
			}

				/* original price each when discount applied (coupon or sale) */
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div#price-each-orig.ShopSuey-cart-discount-show {
					display: block;
					margin-top: 5px;
					color: rgba(0,0,0,.75);
					font-weight: normal;
					text-decoration: line-through;
					white-space: nowrap;
				}

			/* price each */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div#price-each-result {
				display: block;
				margin-top: 5px;
				white-space: nowrap;
			}

				/* price each when discount applied (coupon or sale) */
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div > div#price-each-result.ShopSuey-cart-discount-show {
					color: red;
					font-weight: bold;
				}


	/* coupons */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons {
		display: block;
		visibility: hidden; /* hide UI by default */
		width: 500px;
		font-size: 16px;
		font-variant: small-caps;
		padding-left: 5px;
	}
		/* no coupons available */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons.show {
			visibility: visible;
		}

		/* coupon text box */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > input[type="text"] {
			display: inline-block;
			padding: 5px 3px 5px 3px;
			width: 150px;
			font-weight: bold;
			color: rgba(0,0,0,.65);
		}

		/* submit/apply coupon icon */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons .fa {
			position: absolute;
			margin: 2px auto auto 5px;
			font-size: 25px;
		}

		/* applied coupons list item */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div {
			display: inline-block;
			font-size: 14px;
			margin: 5px;
			padding: 7px 7px 7px 5px;

			border: 1px solid rgba(0,0,0,.5);
			border-radius: 4px;
			box-shadow: 1px 1px 3px rgba(0,0,0,.35);
		}

			/* delete icon for coupons */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div .fa {
				position: relative;
				float: left;
				margin: -2px 5px auto;
				font-size: 17px;
			}

			/* coupon */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div > span.CouponCode {
				color: rgba(0,0,0,.35);
			}

			/* coupon details */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div > span.DiscountPercent,
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div > span.SpecialShippingRate {
				display: inline-block;
				margin: 0px 4px 0px 4px;

				color: black;
				border-bottom: 1px dotted rgba(0,0,0,.5);
			}

	/* totals */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div.totals {
		float: right;
		text-align: right;
		margin-bottom: 5px;
		font-size: 18px !important;
	}

		/* totals data */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div.totals > span {
			display: inline-block;
			width: 150px;
			margin-left: 25px;
			font-weight: bold;
			text-align: right;
		}

			/* currency */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div.totals > span > span#currency {
				display: inline-block;
				font-weight: normal;
				font-size: 12px;
				color: rgba(0,0,0,.75);
			}

		/* order total */
		/*
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div.totals.total {
			font-size: 20px !important;
		} */


	/* buttons when cart has items */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#buttons {
		text-align: right;
		margin: 25px 7px -8px auto;
	}

	/* buttons when cart is empty */
	#ShopSuey-storefront-cart-wrapper div#buttons {
		margin: 10px;
		text-align: center;
	}

		/* default styling for buttons */
		#ShopSuey-storefront-cart-wrapper div#buttons > a {
			display: inline-block;
			border-radius: 0px;
			background: rgb(34,86,152);
			border: 0px;

			font-size: 25px;
			color: white;
			font-weight: normal;
			font-variant: small-caps;

			padding: 10px;
			border: 1px solid black;
			cursor: pointer;
		}
			/* hover on button */
			#ShopSuey-storefront-cart-wrapper div#buttons > a:hover {
				text-shadow: 1px 1px 0px black;
				background: rgb(50,100,180);
				border: 1px solid white;
				box-shadow: 0px 0px 1px black;
			}

			/* click button */
			#ShopSuey-storefront-cart-wrapper div#buttons > a:active {
				text-shadow: -1px -1px 0px black;
				box-shadow: -1px -1px 1px black;
			}

			/* empty cart button */
			#ShopSuey-storefront-cart-wrapper div#buttons > a#empty {

			}

			/* checkout button */
			#ShopSuey-storefront-cart-wrapper div#buttons > a#checkout {

			}

		/* always show cart on order page */
		div#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order {
			display: block;
		}

		/* hide buttons on order page */
		div#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order div#buttons {
			display: none;
		}

/* tax note */
#ShopSuey-storefront-cart-wrapper > div#taxnote {
	float: left;
	margin-top: -18px;
	padding: 0px 0px 0px 5px;
	text-align: left;

	font-size: 13px;
	color: rgba(0,0,0,.75);
}

	/* hide tax note on order page */
	#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order > div#taxnote {
		display: none;
	}