html,
body {min-height:100%;}

body {background:url('/images/custom/ahw-bg.png?v2') no-repeat center bottom #6570c9; background-size:cover;}

body > .inner > .content {margin-top:50px; background:rgba( 255,255,255, 0 );}

header h1 {display:none;}


.logo img {height:200px;}

.inner {padding-bottom:300px;}

.businessinfo {color:#fff; font-size:18px; line-height:1.3em;}

.category h3 {color:#fff; text-align:center;}

.product {align-items:flex-start;}
.product .info {text-align:center;}
.product .name {color:#fff;}
.product .price {color:#fff;}
.product .quantity {align-self:flex-start;}
.product .image {order:-1; width:auto; height:auto; margin-right:30px;}
.product .image img {max-height:200px;}
.total {color:#fff;}

.product .description {color:rgba( 255,255,255, .6 );}

.proceedNotice {text-align:center;}

.ordernotes {color:#fff;}

.business .total .price.zero {color:#fff;}

.product .quantity button {color:rgba( 255,255,255, .1 );}
.product:hover .quantity button {color:rgba( 255,255,255, .4 );}
.product .quantity button:hover {color:rgba( 255,255,255, .8 );}
.product .quantity input {background:rgba( 255,255,255, 0 ); border:1px solid rgba( 255,255,255, .3 ); color:#fff;}

.decrementQuantity,
.incrementQuantity {color:rgba( 255,255,255, .6 );}

form.discount {background:rgba( 0,0,0, .2 );}
form.discount button {border:1px solid rgba( 255,255,255, .5 ); background:none;}
form.discount button:hover {background:#fff; color:#6570c9;}

.order {color:#fff;}

.order .order-status {color:#000;}

.order .item.discount {color:rgba( 255,255,255, .5 );}
.order .item.discount .remove {color:#fdc7d4;}
.order .item.discount .note {border:0;}

.field {color:#fff;}
.field label {color:rgba( 255,255,255, .5 );}
a.back {color:rgba( 255,255,255, .5 );}

.StripeElement {box-shadow:none;}

.dd {box-shadow:0 2px 5px 0px rgba( 0,0,0, .3 );}

@media ( max-width:600px ){
  body {background-size:contain;}
  .inner {padding-bottom:240px;}
  .product .quantity button {padding:5px; font-size:18px;}
}

@media ( max-width:470px ){
  .category h3 {margin-bottom:0;}
  .product {flex-wrap:wrap; border-top:0;}
  .product .image {width:100%; margin:0 0 20px 0;}
  .product .image img {max-height:400px;}
}