/* Cart */

.text-right {text-align: right}

.cart {padding: 60px 0; font-family: 'GothamRoundedBook';}

.no-items {max-width: 400px; margin:0 auto; padding: 5rem 0 2rem}
.no-items p {font-size: 24px; margin-bottom: 30px; text-align: center;}
.no-items .button {text-align: center;}

.cart-bx {width: 30%}
.cart-bx h3, .addresses h3 {font-family: 'GothamRoundedBold'; color: #978b82; padding-bottom: 10px; font-size: 30px;}
.cart-bx > article, .addresses article {border-top: 2px solid #978b82; width: 100%; padding-top: 15px;}
.cart-bx img {border-radius: 3px;}

.cart-row {border-bottom: 1px solid #eee; padding: 20px 0}
.cart-row figure {max-width: 30%; background: #f6f6f6;}
.cart-row figure img {mix-blend-mode: multiply;}
.cart-row article {width: 63%; font-size: 14px; }
.cart-row article strong {font-size: 16px; line-height: 23px; display: block; color: #978b82; text-transform: none;font-family: 'GothamRoundedBold'; font-weight: normal; }
.cart-row article p {text-transform: uppercase; font-size: 12px;}

.cart-qty {font-size: 16px; margin-top: 15px;}
.cart-qty .quantity {width: 65px !important}
.cart-qty a {width: 57%; font-size: 18px; line-height: 40px; display: block; color: #978b82}
.cart-qty a:hover {color: #1dbe7c}
.cart-qty span.price {display: block; line-height: 45px; color: #1dbe7c}


.quantity {position: relative;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{-webkit-appearance: none; margin: 0;}

input[type=number]
{-moz-appearance: textfield;}

.quantity input { width: 55px;height: 42px; line-height: 1.65; float: left; display: block;  padding: 0; margin: 0; padding-left: 17px; border: 1px solid #978b82; font: 400 11px system-ui;}
.quantity input:focus {outline: 0;}
.quantity-nav { float: left; position: relative; height: 42px;}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #978b82;
  width: 20px;
  text-align: center;
  color: #978b82;
  font-size: 14px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;outline: none
}

.quantity-button.quantity-up {position: absolute; height: 50%;  top: 0; border-bottom: 1px solid #978b82;}
.quantity-button.quantity-down {position: absolute; bottom: 0px; height: 50%; line-height: 19px;}


.cart-bx h6 {margin:0 0 25px 0; font-family: 'GothamRoundedMedium'; font-size: 20px;}
.cart-bx .form-bx {padding:15px 0; text-align: center;}

.cart-bx .form-bx input {padding:15px 0; font-size: 14px; margin-bottom: 18px;}
.forgot {text-decoration: none;  color: inherit; font-size: 14px; text-align:center; font-family: 'GothamRoundedMedium'; border-bottom: 1px solid transparent; padding-bottom: 2px;}
.forgot:hover {color: #1dbe7c; border-color: #ccc}
.cart-bx h5 {color: #978b82; font-size: 18px; margin-bottom: 10px; font-family: 'GothamRoundedMedium';}
.guest h5 {margin-top: 25px;}
.guest p {font-size: 14px; line-height: 21px;}
.guest .button {font-size: 19px; padding: 17px 0; background: #978b82}
.cart-bx .form-bx input.button {font-size: 19px; padding: 17px 0; }

.order-bx, .delivery-bx, .pay-bx {border: 2px solid #eee; margin-top: 15px; padding: 20px 25px;}
.order-bx > div {width: 50%; line-height: 30px; }
.order-bx strong, .delivery-bx strong {color: #1dbe7c; margin-top: 10px; display: block; font-weight: normal; font-family: 'GothamRoundedMedium';}
.delivery-bx strong {margin-top: 0}
.delivery-bx {position: relative;}
.delivery-bx p {line-height: 24px; font-size: 14px; font-family: 'GothamRoundedBook';}
.delivery-bx .edit {position: absolute; right: 10px; top: 8px; text-decoration: none; color: #1dbe7c; font-size: 12px; border:2px solid #1dbe7c; border-radius: 60px; font-family: 'GothamRoundedBold'; display: inline-block; padding: 5px 12px;}


.pay-bx {padding:0; border-color: #1dbe7c }
.pay-bx label.label {text-align: center; font-size: 18px; display: block; padding:15px 0; color: #fff; background: #1dbe7c; margin-bottom:0px; font-family: 'GothamRoundedMedium';}
.pay-bx .border-bx {margin:0 -1px -1px; border-color: #1dbe7c; border-right: 1px solid #1dbe7c}
.pay-bx a {display: block; color: #1dbe7c !important; text-decoration: none; position: relative; color: inherit; font-size: 17px; width: 50%; text-align: center;  border-bottom: 1px solid #1dbe7c; padding: 20px 0; font-family: 'GothamRoundedBold';}
.pay-bx a.selected {}


.border-bx.form {margin:0; padding: 0; border-right: none}
.border-bx.form select {border: none; background-color: transparent;}


.payBtn {position: relative;}
.payBtn:before {display: block; position: absolute; width: 21px; border-radius: 50%; height: 21px; background: #fff; border:2px solid #1dbe7c; left: 25px; top: 18px; content: ''}
.payBtn.selected:after {content: '\f00c';
    color: #1dbe7c;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    line-height: 18px;
    margin-left: 4px; position: absolute; left: 27px; top: 20px;}

.button.secure {text-align: center; width: 100%; font-size: 19px; margin-top: 15px; background: #1dbe7c; color: #fff; padding: 17px 0; line-height: 19px;}
.button.secure i {font-size: 14px;}
.terms {text-align: center; font-size: 12px; padding: 15px 0; line-height: 21px; }
.terms a {color: inherit;}

.form-bx select {
    border-width: 2px;
    margin-bottom: 18px;
}

.coupon-field {position: relative; margin-top: 15px; margin-bottom: 20px;}
.coupon-field input[type="submit"] {font-family: 'GothamRoundedBold';  position: absolute; width: auto; bottom:0; padding: 0 20px; background: #fff; border:0; color: #1dbe7c; letter-spacing: 1px; text-indent: 0; right: 0; top: 10px; text-align: center; height: 40px; text-transform: uppercase; font-size: 14px;}
.coupon-field input {border-width: 2px; padding: 15px 0; border-color: #1dbe7c !important}
.coupon-field:hover input {border-color: #1dbe7c}
.coupon-field:hover input[type="submit"] {color: #978b82;}

.field textarea {border:2px solid #dcd5cc; width: 100%; padding: 10px; font-family:'GothamRoundedBook'; font-size: 14px; min-height: 150px; margin-top: 15px; color: #978b82}
.field select {font-size:16px; text-indent:15px;}

.flex-row .field {width: 49.5%;}


.form-bx.repeat p {margin-bottom: 40px;}
.repeat .field label, .repeat .field input {display: block;}
.repeat.form-bx .field input {width: 100%; text-indent: 20px; font-family:'GothamRoundedBook'; border-color: #eee;     border: 1px solid #dcd5cc;}
.repeat span {text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-family: 'GothamRoundedBold'; color: #96d320}
.repeat .flex-row > div {width: 49%}

.repeat-checkbox, .cc-checkbox {border: 1px solid #96d320; padding: 22px 0 0px 30px; margin-top: -12px; margin-bottom: 15px;}
.cc-checkbox {margin-bottom: 25px}
.repeat-checkbox label, .cc-checkbox label {font-family: "GothamRoundedBold",sans-serif; color: #96d320; font-size: 17px;}
.repeat-checkbox .checkmark, .cc-checkbox .checkmark {border-color:#96d320 }
.repeat-checkbox .checkmark:after, .cc-checkbox .checkmark:after {color: #96d320;}


.cc-checkbox p {font-size: 12px; padding: 0 20px 20px 0; line-height: 16px;}
.cc-checkbox p a {font-family: "GothamRoundedBold",sans-serif; color: #96d320; text-decoration: none;}

.cc-logos {text-align: center;}
.cc-logos img {margin:25px auto 10px; width: 300px;}

.table-heading {font-family: "GothamRoundedBold",sans-serif; text-transform: uppercase; text-align: left; letter-spacing: 1px;}
.one {width: 10%}
.two {width: 20%}
.three {width: 50%}
.four {width: 10%}

/* FORMS */

.form-bx {width: 100%; max-width: 540px; margin: 0 auto; background: #fff; padding: 05px 30px;position: relative;}
.form-bx .tagline {text-transform: uppercase; color: #fd8c26; font-size: 18px; letter-spacing: 3px; display: block; text-align: center; margin-bottom: 20px; font-weight: 900; font-family: "GothamRoundedBook",sans-serif;}
.form-bx h1 {font-size: 50px; z-index: 2; letter-spacing: 0px; display: block; color: #1bbc7a; text-align: center; margin-bottom: 10px; line-height:55px; font-family: "GothamRoundedBook",sans-serif; font-style: normal; font-weight: 900;}

.form-bx h2 {background:#0c1218; color: #fff; text-align:center; padding: 22px 0 8px 0; text-transform: uppercase; margin-bottom: 30px; font-size: 36px; line-height: 37px; letter-spacing: 3px; position: relative; font-family: "GothamRoundedBook",sans-serif; font-style: normal; font-weight: 900;}
.form-bx h2:after {width: 0; height: 0; border-style: solid; border-width: 30px 225px 0 225px;
border-color: #0c1218 transparent transparent transparent; content: ''; display: block; position: absolute; bottom: -30px;}

.form-bx h4 {text-transform: uppercase; font-weight: 700; font-family: "GothamRoundedBook",sans-serif; color: #111921; font-size: 21px; text-align: center; margin: 40px 0; letter-spacing: 2px;}

.form-bx div, .dashboard-reports div {position: relative;}
.form-bx article {padding:25px 0 0 0;}
.form-bx h3 {text-align: center; font-size: 20px; font-family: "GothamRoundedBold",sans-serif; font-style: normal; color: #1dbe7c}
.form-bx h3 span {font-size: 14px; letter-spacing: normal; display: block; margin-top: -12px; color: #888;}
.form-bx p {font-size: 14px; text-align: center; margin-bottom: 25px;}
.form-bx .button {width: 100.3%; margin-top: 0px; cursor: pointer;}
.form-bx .button:hover {border-color:#1dbe7c; background: #fff; color: #1dbe7c}

.form-bx .flex-row .button {display: inline-block;  display: inline-block; width: auto; font-size: 14px; margin-top: 30px;}
.form-bx .flex-row .button.register {border:2px solid #978b82; background: #fff; color: #978b82;}
.form-bx .flex-row .button.register:hover {border-color: #1dbe7c; color: #1dbe7c}

.form-bx .field label, .dashboard-reports.field label {position: absolute; color: #978b82; background:#fff; top: -15px; left: 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; padding: 5px 15px; font-family: "GothamRoundedBold",sans-serif; }
.form-bx .field input, .coupon-field input {margin-bottom: 28px; background:#fff; color: #53595e; padding: 19px 0; border-color: #dcd5cc; border-width: 1px; color: inherit;}
.form-bx .label {font-size: 15px; text-transform: uppercase; color: #111921; font-size: 16px !important; letter-spacing: 2px; font-family: "GothamRoundedBook",sans-serif; }
.red {color: #c50b37; font-size: 18px; font-family: arial; display: inline-block; margin-left: 3px;}


.form-bx .checkbox-reg label {position: relative; top: 0; left: 0; text-transform: none; letter-spacing: normal; padding: 0; font-family: "GothamRoundedBook",sans-serif; margin-bottom: 30px; padding-left: 30px; font-size: 14px;}

.form {padding:20px 0 0 0;}
.form .flex > div {width: 49%; margin-bottom: 5px; position: relative;}
.form .wide {width: 100%; display: block; margin-bottom: 5px; position: relative;}
.form label {display: block; font-size: 14px; margin-bottom: 7px;}
.form input[type="text"], form input[type="password"], .coupon-field input {color: inherit; border:1px solid #dcd5cc; text-indent: 25px; width: 99.8%; font-family: "GothamRoundedBook",sans-serif; font-size: 14px; padding: 19px 0; margin-bottom: 15px;}
.form textarea {border:1px solid #dcd5cc; padding: 15px 0; margin-bottom: 10px; text-indent: 15px; width: 99.8%; font-family:'GothamRoundedBook'; font-size: 14px; height: 80px; color: inherit;}
.form select {border:1px solid #dcd5cc; padding: 18px 0; text-indent: 20px; width: 100%; font-family:'GothamRoundedBook'; font-size: 14px; border-radius: 0; background: #fff url(/img/down.svg) 95% 50% no-repeat; color: inherit; background-size: 10px; margin-bottom: 6px;}


.links {display: block; margin: 20px 0;}
.links a {font-family: 'GothamRoundedMedium'; text-decoration: none; color: inherit; display: inline-block;}
.links a:hover {color: #1dbe7c}

.text p {text-align: left;}
.text strong {font-weight: normal; font-family: 'GothamRoundedMedium'; display: inline-block; margin-bottom: 5px;}