/* global cart CSS */

/* wrapper/container */
#ShopSuey-storefront-cart-wrapper {
	text-align: center;
	min-height: 100px;
	vertical-align: middle;
}

	/* when empty */
	#ShopSuey-storefront-cart-wrapper > #ShopSuey-storefront-cart-empty {
		padding-top: 40px;
		font-size: 20px;
		text-align: center;
	}
	
	/* form */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart {
		text-align: left;
		margin-bottom: 15px;
	}
	
	/* rows container */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div {
		text-align: left;
	}
	
		/* row */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div {
			display: block;
			font-size: 14px;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px dotted black;
		}
		
		/* row data collections */
		#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: 450px;
				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;
			float: right;
			width: 120px;
		}
			/* price */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(3) > span.Price {
				font-weight: bold;
				color: black;
			}
			
			/* 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;
		}
			/* noship */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) > .noship {
				display: none;
				padding: 5px;
				
				background-color: red;
				color: white;
				font-size: 10px;
				border: 1px dotted white;
			}
				#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) > .noship.show {
					display: inline-block;
				}
		
			/* qty */
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#items > div > div:nth-child(4) > input[type="text"] {
				display: inline-block;
				padding: 5px 3px 5px 3px;
				width: 30px;
				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;
			}
		
	
	/* coupons */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons {
		/* float: left; */
		display: block;
		width: 500px;
		font-size: 16px;
		font-variant: small-caps;
		padding-left: 5px;
	}
		/* 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);
			}
			
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div#coupons > div > div > span.DiscountPercent {
				color: black;
			}
	
	/* 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: 100px;
			margin-left: 25px;
			font-weight: bold;
			text-align: right;
		}
		
		/* order total */
		/* 
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div.totals.total {
			font-size: 20px !important;
		} */
	
	/* bottom controls */
	#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div:last-child {
		margin: 25px auto 25px auto;
	}
	
		/* checkout button */
		#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div:last-child > a#checkout {
			float: right;
			
			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;
		}
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div:last-child > a#checkout:hover {
				text-shadow: 1px 1px 0px black;
				background: rgb(50,100,180);
				border: 1px solid white;
				box-shadow: 0px 0px 1px black;
			}
			
			#ShopSuey-storefront-cart-wrapper > form#ShopSuey-storefront-cart > div:last-child > a#checkout:active {
				text-shadow: -1px -1px 0px black;
				box-shadow: -1px -1px 1px black;
			}
		
		/* always show cart on order page */
		div#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order {
			display: block;
		}
		
		/* hide checkout button on order page */
		div#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order > form#ShopSuey-storefront-cart > div:last-child > a#checkout {
			display: none;
		}

/* tax note */
#ShopSuey-storefront-cart-wrapper > div:last-child {
	font-size: 13px;
	color: rgba(0,0,0,.75);
	text-align: left;
	padding: 30px 0px 0px 5px;
}

	/* hide tax note on order page */
	#ShopSuey-storefront-cart-wrapper.ShopSuey-storefront-cart-order > div:last-child {
		display: none;
		/* text-align: center;
		padding: 10px;
		font-size: 14px; */
	}