/*Product List*/

#stripe-list { display:flex; flex-wrap:wrap; }

#stripe-list > div.stripe-category { background-color:#efe; }

#stripe-list > div { display: flex; width: 48%;margin: 1%;background-color: #eee;padding: 1em; border: 1px solid #ccc; box-shadow: #000 2px 2px 20px -10px;}
#stripe-list > .stripe-product{} 
#stripe-list > .stripe-product a{ display: flex; flex-flow: column; width:100%; text-align: center;text-decoration: none;} 
#stripe-list > .stripe-product a img{width: 100%;height: auto;max-width: 294px;margin: 0 auto;}
#stripe-list > .stripe-product a section{ flex-grow: 1; display: flex; flex-flow: column; justify-content: center; background: #fff; margin-top: 0.6em; box-shadow: #000 2px 2px 20px -10px; border: 4px double #eee; padding: 0.5em;}
#stripe-list > .stripe-product a section h3{margin: 0;padding: 0;color: #cd010a; text-decoration:underline; display:inline-block;}
#stripe-list > .stripe-product a section div{color: #2b302b;font-size: 1.2em;}
#stripe-list > .stripe-product a section div span{}
#stripe-list > .stripe-product a section div strong{color: #4f834f;}
#stripe-list > .stripe-product a section div i{}
#stripe-list > .stripe-product a p{margin: 0;padding: 0;color: #7c7c7c;} 
#stripe-list > .stripe-product a h4{margin: 1em 0 0 0;background: #018001;color: #fff;padding: 0.6em;text-transform: uppercase;border: 4px double #eee;}
#stripe-list > .stripe-product a h4:before{ content:'\f05a'; margin-right:.5em; font-family:fontawesome; display:inline-block; position:relative; }
@media (max-width:560px) {
	#stripe-list > div{width:100%;margin:2% 0;}
}

/*Product Page*/
#stripe-item #product-category-link{}
#stripe-item #product-category-link p{}
#stripe-item #product-category-link a{}
#stripe-item p { margin:0; }
#stripe-item { display:flex; flex-wrap:wrap; }
#stripe-item #product-category-link { width:1000%; }
#stripe-item #product-item-images { width: 48%;flex-grow: 1;padding: 1em;text-align: center;background-color: #eee;margin-right: 2%;}
#stripe-item #product-item-images img:first-child { margin:0 auto; }
#stripe-item #product-item-data { width:50%; display: flex; flex-grow:1; background-color:#F0FAFA; }
#stripe-item #product-item-data fieldset{width:100%;}
#stripe-item #product-item-data span.dollarsign { padding-left: 0.3em; color: black; }
#stripe-item #product-item-data input[name=price] { padding-left: 0; }
#stripe-item #product-item-description { width: 100%;flex-grow: 1;padding-top: 0;background-color: #eeeeee;margin-top: 2%;}
#stripe-item #product-item-description p{ padding: 1.6em;}
#stripe-item .formfields{ height: 100%;}
#stripe-item .formfields>div{}
#stripe-item .formfields div.price{}
#stripe-item .formfields div.price label{}
#stripe-item .formfields div.price label span{ margin-left: 1em;color: green;font-weight: bold;}
#stripe-item .formfields div.price.dynamic{}
#stripe-item .formfields div.price.variant{}
#stripe-item .formfields div.quantity{}
#stripe-item .formfields div.addtocart{ display: flex;}
#stripe-item .formfields div.addtocart button{ background: #018001;color: #fff;font-weight:bold;padding: 0.6em;text-transform: uppercase;border: 4px double #eee; height:auto;}
#stripe-item #product-item-description h3, #stripe-item #product-item-data h3{ padding: 0.35em 0.4em;margin: 0;text-transform: uppercase;background: #6f7d7e;display: block;width: 100%;max-height: 45px;color: #fff;font-size: 1.4em;}
#stripe-item #product-item-data fieldset div.formfields button:after{ content:'\f067';font-size: 1.5em;font-weight: normal;top: auto;}
@media (max-width:760px) {
	#stripe-item #product-item-images,
	#stripe-item #product-item-data { width:100%; }
	#stripe-item #product-item-images{ margin:2% 0;}
}

/*My Cart*/
#stripe-cart{}
#stripe-cart-form{ margin-top:2em;}
#stripe-cart>div.warning.empty{text-align:center; font-weight:bold; color:#D30000;}
#stripe-cart table{width:100%;}
#stripe-cart table tr{}
#stripe-cart table tr th{background: #808080;color: #fff;padding: 0.7em 0.2em;}
#stripe-cart table tr th:first-child{text-align:left; padding-left:.5em;}
#stripe-cart table tr td{text-align:center;}
#stripe-cart table tr td:first-child{width:70%; text-align:left;}

#stripe-cart table tr td:first-child ul{display: inline-block;flex-flow: row;margin: 0;}
#stripe-cart table tr td:first-child ul li{ display:inline-block;}
#stripe-cart table tr td:first-child a{flex-grow:1; font-size:1.2em;}
#stripe-cart table tr:nth-child(even) td{background:#fff;}
#stripe-cart table tr:nth-child(odd) td{background:#eee;}
#stripe-cart table tr td:last-child{font-weight:bold;background: #aad6aa !important;}
#stripe-cart table tr:nth-child(odd) td:last-child{font-weight:bold;background: #a1c8a1 !important;}
#stripe-cart table tr:last-child td:last-child {background:#0a640a  !important;}
#stripe-cart table tr td{width:10%; padding:.5em;}
#stripe-cart table tr td form.qtyform{display: flex;flex-flow: row;}
#stripe-cart table tr td form.qtyform input{ width: 100%;border-radius: 2px;flex-grow: 1;border: 1px solid #cacaca;text-align: center;min-width:40px;max-width:50px;}
#stripe-cart table tr td form.qtyform button{background: none;border: none;cursor: pointer;}

#stripe-cart table tr.coupon{}
#stripe-cart table tr.coupon td form{}
#stripe-cart table tr.coupon td form input{}
#stripe-cart table td.coupon td form button{}
#stripe-cart table tr.tax{}
#stripe-cart table tr.total{}
#stripe-cart table tr.total td{ background:green; padding:.5em;}
#stripe-cart table tr.total td{color:white;}
#stripe-cart table tr.total td span{color:white;}
#stripe-add-coupon{display:none;}
#stripe-cart-form h3{text-align: center;border-bottom: double #ccc 4px;line-height: 1em;}

@media (max-width:760px) {
	#stripe-cart table tr td:first-child ul{display: block;}
	#stripe-cart table tr td:first-child ul li{ display:block; width:100%; padding:4px 10px;}
	#stripe-cart table tr td:first-child ul li:before{ display:none; }
	#stripe-cart table tr td {padding: 0.2em;}
}
.__PrivateStripeElement{ background-image:url(../images/black.png) !important;}

/*Checkout*/
.order-status{    background: #aad6aa;padding: 0.5em;text-align: center;}
.order-status span{}
.order-status strong{}

#card-element{background: #fff;height: 100%;display: flex;flex-flow: column;justify-content: center;padding: 10px;box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);border: 1px solid #c9c9c9;border-radius: 4px;}