/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.cxc-orders-form-wrapper {
  border:1px solid #c3c3c3;
  border-bottom:0;
  font-family:sans-serif;
}

.cxc-orders-form-footer {
  border-top:1px solid #c3c3c3;
  text-align: right;
}

  .tandc {
    display:block;
    margin-top:1em;
    margin-left:1em;
    text-align: left;
  }

.cxc-orders-form-title {
  display:block;
  padding:0.2em 0.5em;
  font-family:'ProximaNova-Bold', Arial, sans-serif;
  font-size:2rem;
  font-weight: bold;
  color:#4d588d;
}

.cxc-orders-request-form .form-fields {
  padding:1em;
}

.cxc-orders-request-form label {
  font-weight: bold;
  color:#999;

}

.cxc-orders-request-form label .required {
  color:#CF4239;
}

.cxc-orders-request-form fieldset {
  border:none;
}

.cxc-orders-request-form fieldset legend,
.cxc-orders-shipto-address legend {
  position:relative;
  display:block;
  width:100%;
  margin-bottom:1em;
  padding:1em;
  border-bottom:1px solid #00acec;
  font-family:'ProximaNova-Light', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.0625em;
  background:#f0f0f0;
  color:#00ACEC;
}
  .field-actions {
    position:absolute;
    top:0.6em;
    right:1em;
  }

.cxc-orders-request-form fieldset .instructions {
  padding:1em;
  font-style: italic;
  color:#3f5693;
}

.cxc-orders-request-form .form-fields--toplabels label,
.cxc-orders-request-form .form-fields--toplabels .text-input {
  float:left;
}

.cxc-orders-request-form .form-fields--toplabels label {
  width:20%;
  text-transform: uppercase;
}

.cxc-orders-request-form .form-fields--toplabels .text-input {
  width:80%;
}

.co-small-text {
  margin-right:1.5em;
  font-size:12px;
  font-style: italic;
  text-transform: none;
  color:#333;
}

.btn--addmore,
.btn--remove {
  width:40px;
  height:40px;
  line-height: 40px;
}

.btn--small.btn--addmore,
.btn--small.btn--remove {
  font-size:20px;
}


.btn--addmore {
  background-color:#f7941d;
  border:1px solid #f7941d;
}

.btn--remove {
  background-color:#f5bc77;
  border:1px solid #f5bc77;
}

.btn--addmore:hover,
.btn--remove:hover {
  background-color:#FCD200;
}

/* Cart Preview */
.cxc-orders-cart-preview {
  border:1px solid #c3c3c3;
  border-radius:8px;
}

.cart-preview__body {
  padding:0.75em;
}

  .cxc-order-cart-preview-title {
    display:block;
    margin-bottom:1.5em;
    padding:.75em 1em;
    border-bottom:1px solid #eee;
    font-family: sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing:0.1em;
    color:#3f5693;
  }

    .cxc-order-cart-preview-title .fa-circle {
      color:#00ACEC;
    }

.cart-total {
  text-align: center;text-align: center;
  font-family: sans-serif;
  font-size:2rem;
  font-weight: bold;
  color:tomato;
}

  .cart-contents {
    color:tomato;
  }

/* Buttons */
.btn--co-primary {
  background:#4d588d;
  letter-spacing: 0.1em;
}

.btn--co-primary:hover {
  background:#2F416F;
}

/* Custom Select2 jQuery Plugin Styles */
.select2-container .select2-selection--single {
  height:44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
}

/**
 * ID Image on Edit Account Page
 */
.current-id {
  width:400px;
  height:400px;
  overflow:hidden;
}