/**
 * You can put your custom css code in this file.
 * If you haven't don't know what css is, you can take a look at http://www.cssbasics.com/
 */

.add-to-cart::before,
.add-to-cart::after {
  content: " ";
  display: table;
  clear: both;
}

.previewimg {
  width: 180px;
  margin: auto;
}
.previewimg img {
  width: 100%;
  height: auto;
}

.previewimg-2 img {
  width: 40%;
}

.previewimg-3 img {
  width: 80%;
}


div.add-to-cart form.haspreview div#add-waiting-list-link,
div.add-to-cart form.haspreview input.form-submit {
  clear: none;
  float:left;
}

div.add-to-cart .preview-action-wrapper {
  float:left;
  margin-right: 15px;
  margin-top: 3em;
}

div.add-to-cart .preview-action-wrapper a {
  display:inline-block;
  padding: 12px 50px 10px;
  color:#81d8d0;
  border:2px solid #81d8d0;
  background: #FFF;
  text-transform: uppercase;
  font-weight: 700;
}

div.node-type-productkit div.add-to-cart .form-item label {
  float:none;
  width: 100%;
}

#bootstrap-2016-mailing-list-form input.form-text {
  border:none;
  background: transparent;
  color:#66c8c9;
  width: 100%;
}

#bootstrap-2016-mailing-list-form input.form-submit {
  margin-top: 25px;
  color:#FFF;
  background:#66c8c9;
  border-color:#66c8c9; 
  line-height: 1em;
  padding: 12px 50px;
}

#newsletter {
  width: 600px;
  height: 400px;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  #newsletter {
    width: 260px;
  }
}

/** NEW CHECKOUT PAGE **/
.shopcada-checkout {
    --font-family: 'Roboto',sans-serif;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

.shopcada-checkout textarea {
    width: 100%;
}

form#discount-checkout-form div#edit-discount-code-wrapper textarea,
.shopcada-checkout .apply-button input[type=submit] {
    height: 32px;
}

#edit-customer-accept-marketing-wrapper,
.checkout-form label.option {
    display: flex;
    align-items: flex-start;
}

#edit-customer-accept-marketing-wrapper {
    flex-wrap: wrap;
}

#edit-customer-accept-marketing-wrapper input.form-checkbox {
    margin-top: 2px;
}

.checkout-form label.option input.form-checkbox {
    margin-top: 3px;
    margin-right: 5px;
}

.extra_payment_method_message {
    width: 100%;
    padding-left: 18px;
}

.checkout-form .option-selector .form-radios .form-item {
    display: flex;
    align-items: flex-start;
}

.checkout-form .option-selector .form-radios .form-item input.form-radio {
    margin-top: 3px;
}

.checkout-form .shipping-quotes label.option {
    width: 100%;
}

.checkout-card#payment .form-radios>div.form-item {
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
}

#edit-payment-payment-method-paypal-wps-wrapper {
    flex-wrap: wrap;
}

#edit-payment-payment-method-paypal-wps-wrapper label.option {
    width: 90%;
    flex-wrap: wrap;
}

.checkout-card#payment .form-radios>div.form-item input.form-radio {
    margin-top: 3px;
}

#edit-agree-tnc-wrapper {
    display: flex;
    align-items: flex-start;
}

#edit-agree-tnc-wrapper label.option {
    text-transform: none;
}

#edit-agree-tnc-wrapper input.form-checkbox {
    margin-top: 2px;
}

#edit-ptdiscount-userpoints-wrapper select {
    padding-right: 25px;
}

#edit-storecredit-credit-id-wrapper select {
    padding-right: 25px;
}

.shopcada-checkout .checkout-navigation input.form-submit:active:hover,
.shopcada-checkout .checkout-navigation input.form-submit:active:focus {
    border-color: #cea89b;
    background: #cea89b;
}

#uc-cart-checkout-review-form > div {
    display: flex;
    justify-content: space-between;
}

#uc-cart-checkout-review-form #edit-back {
    border: 0;
    padding: 0;
    text-transform: none;
    color: #666;
    font-weight: 400;
    background: transparent;
    font-size: 13.5px;
    letter-spacing: 0;
}

#uc-cart-checkout-review-form #edit-back:focus,
#uc-cart-checkout-review-form #edit-back:hover {
    background: transparent;
    color: #81d8d0;
}

.checkout-main table {
    display: inline-block;
    width: 100%;
}

.checkout-main table td {
    padding: 0;
}

.checkout-main table td:last-child {
    width: 100%;
    text-align: right;
}

.cart-item__description__attributes .item-list ul {
    padding: 0;
    margin: 5px 0;
}

.text-right {
    text-align: right;
}

.checkout-card label.option span.label-text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.shopcada-checkout input[type=email], .shopcada-checkout input[type=password], .shopcada-checkout input[type=tel], .shopcada-checkout input[type=text], .shopcada-checkout select, .shopcada-checkout span.select select {
    line-height: 1.3em;
}

form#discount-checkout-form div#edit-discount-code-wrapper input {
    max-width: 100%;
}

#edit-payment-payment-method-atome-wrapper label.option {
    flex-wrap: wrap;
}