/* -------DO NOT EDIT THIS FILE------- */

/* Form */
.hide {display:none;}
.error_alert
{
  background:red;
  color:#fff;
  padding:12px;
  border-radius:4px;
}

#block_checkout label
{
  border:1px solid #ccc;
  padding:4px;
  font-weight:normal;
  font-size:1.2rem;
  height:100%; /* Fill flex column based display... */
  border-radius:4px;
  background:#fff;
  color:#12496c;
  height: 100%;
}

#block_checkout label input:not([type="checkbox"]):not([type="radio"]):not([type="select"])
{
  margin-top: 4px;
  border: none;
  width: 100%;
  border-bottom: 4px solid #efefef;
  border-radius: 0;
  background: none;
}

#block_checkout .row .flex_column {margin: 0 5px;}
#block_checkout .row .flex_column:first-child {margin-left: 0;}
#block_checkout .row .flex_column:last-child {margin-right: 0;}


/** Checkout - Form Validation **/
#block_checkout .at-validation_error_alert_wrapper {width:100%;}
#block_checkout .at-validation_error_alert {clear:both;width:100%;display:block;
  background:#BE1111;color:#fff!important;padding:2px 10px;border-radius:4px;line-height: normal;}
#block_checkout .error{box-shadow:0px 0px 4px rgba(255, 0, 0, 0.6);color:#f00;height:auto;}
#block_checkout .error-label{color:#BE1111;box-shadow: none;font-size:12px;font-weight:normal;padding:3px;border: none;height:auto;}
#block_checkout .error-label::before {width:18px;text-align: center;display: inline-block;height:auto;}

/* Standard Cart preview */
.store_cart_preview
{
  background:#efefef;
  border-radius:5px;
  padding:10px;
  clear: both;
  margin: 15px 0;
}

.checkout_payment_note_on_security
{
  font-size:.9em;
  color:#333;
  padding:10px 0;
}

.checkout_payment_note_on_security::before
{
  content: "\f023";
  font-family:"FontAwesome";
  margin-right: 2px;
  color: rgba(0,0,0,.4);
}

.cart_summary_mobile
{
  display:none; 
}

.cart_summary_mobile button
{
  border:none;
  padding: 0 9px;
  line-height: 3;
  background:rgba(0,0,0,.05);
  border-radius:4px;
  outline:none;
}

.cart_summary_mobile button::before
{
  content: "\f07a";
  font-family:"FontAwesome";
  margin-right: 8px;
  color: rgba(0,0,0,.4);
}

.cart_summary_mobile button[data-at-action=hide]::after
{
  content: "\f077";/*up*/
  font-family:"FontAwesome";
  margin-left: 15px;
  color: rgba(0,0,0,.4);
}

.cart_summary_mobile button[data-at-action=show]::after
{
  content: "\f078";/*down*/
  font-family:"FontAwesome";
  margin-left: 15px;
  color: rgba(0,0,0,.4);
}


.cart_summary_mobile button[data-at-action=hide]
{
  display:none; 
}

.cart_summary_mobile_cart_total
{

}

.checkout_item_in_cart_row
{
  padding:4px;
  margin:10px 0;
}

.checkout_item_in_cart_row .flex_column
,.cart_cost_row .flex_column
{
  align-self:center;
  margin:5px;
}

.checkout_item_in_cart_row .item_quantity
{
  padding:0 10px;
  background:#efefef;
  border-radius:4px;
}

.shipping_method_row label
{
  padding:6px;
  border-radius:4px;
}

.shipping_method_row label:hover
{
  cursor:pointer;
  background:rgba(0,0,0,.08);
}

.shipping_delivery_estimate
{
  font-size:12px;
  color:#333;
  font-weight:normal;
  display:block; 
}

.cart_total_costs
{
  border-top:1px solid #ccc;
  margin:10px 0;
}

.cart_total_costs .cart_cost_row
{
  padding:6px; 
}

.cart_total_costs .cart_total_row
{
  border-top:1px solid #ccc;
  font-size:1.4em;
}

.cart_cost_row .flex_column:last-child
{
  text-align:right; 
}

.checkout_continue_row .flex_column:last-child
{
  text-align:right;
}

#block_checkout input
{
  border:1px solid #ccc;
  border-radius:4px;
  background:#fff;
  padding:0 5px;
  line-height:2;
  font-size:1.2em;
}

#block_checkout select
{
  font-size:1.2em;
  line-height:2;
}

.checkout_cart_preview
{
  padding:10px;
  order:2;
  flex: 0 1 50%;-webkit-flex: 0 1 50%;
}

.checkout_forms
{
  padding:10px;
}

#block_checkout fieldset
{
  padding:4px 10px;
  margin:4px 4px 12px 4px;
  background: rgba(0,0,0,.02);
  border: none;
  margin-top:30px;
  border-radius:4px;
}

#block_checkout fieldset legend
{
  margin-bottom: 5px;
  font-weight: bold;
  padding: 0;
  margin-top: -20px;
}

#block_checkout fieldset button
{
  border: none;
  padding: 0 9px;
  font-size:1.1em;
  line-height: 3;
  background: #333;
  border-radius: 4px;
  outline: none;
  color: #fff;
  margin:12px 0;
  cursor:pointer;
  transition: background .25s ease-in-out;
}

#block_checkout fieldset button:hover
{
  background: #000;
}

#block_checkout fieldset button[disabled]
{
  background:#8C8C8C;
  cursor:wait;
  color:#ccc;
}

#shipping_address_preview p 
{
  margin: 4px 0; 
}

#payment_processing_icon::before
,.cart_loading::before
,.ajax_loading::before
{
  content:' ';
  vertical-align:middle;
  display:inline-block;
  margin-right:12px;
  border:6px solid rgba(0,0,0,.4);
  border-right-color: rgba(0,0,0,.1);
  width:20px;
  height:20px;
  border-radius:50%;
  animation: rotateloop 1s infinite linear;-webkit-animation: rotateloop 1s infinite linear;
}

#payment_processing_icon
,.ajax_loading
{
  padding:5px;
  border-radius:4px;
  color:#ccc;
  background:#f6f6f6;
}

@-webkit-keyframes rotateloop {
  0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@keyframes rotateloop {
  0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

#payment_error
,#payment_success
,#block_checkout .at-message-error
{
  background: #ffe6e6;
  padding: 12px 22px;
  margin: 10px 0;
  border-radius: 4px;
  box-shadow: inset 0 0 29px -17px red;
}

#payment_error::before
,#payment_success::before
,#block_checkout .at-message-error::before
{
  content: "\f071";
  color: #f00;
  font-family: "FontAwesome";
  margin-right: 9px;
  font-size: 20px;
  vertical-align: middle;
  text-shadow: 0 0 14px #fff;
}

#payment_success
{
  background: #9eff9e;
  box-shadow: inset 0 0 29px -17px #00ba09;
}

#payment_success::before
{
  color: #fff;
  content: "\f00c";
}

.checkout_breadcrumbs
{
  background:#f3f3f3;
  border-radius: 4px;
}

.checkout_breadcrumbs.flex_columns .flex_column
{
  align-self:center;-webkit-align-self:center;
}

.checkout_breadcrumbs.flex_columns .flex_column.breadcrumb_sep
{
  flex:0 0 auto;
}

.checkout_breadcrumbs button
{
  border:none;
  padding: 0 9px;
  line-height: 3;
  background:none;
  border-radius:4px;
  outline:none;
  display: block;
  width: 100%;
  color:#333;
}

.checkout_breadcrumbs .breadcrumb_icon i
{
  display:none;
}

.checkout_breadcrumbs .breadcrumb_icon::before
{
  content: ">";
  margin: 0 10px;
  color:#a8a8a8;
  font-weight:bold;
}

.checkout_breadcrumbs button.checkout_breadcrumb_selected
{
  background: none;
  color: #030202;
}

.checkout_breadcrumbs button:hover {background:#efefef;cursor:pointer;}

.checkout_breadcrumbs button[disabled]
{
  background:none;
  color:#ccc;
}

#block_checkout .checkout_continue_row .flex_column:first-child button
{
  color:#333;
  background:none;
}
#block_checkout .checkout_continue_row .flex_column:first-child button::before
{
  content: "\f053";
  font-family:"FontAwesome";
  margin: 0 10px;
  color:#ccc;
}

/*** CUSTOM SIDE PREVIEW ***/
#cart_live_preview_items
{
  width:100%;
  overflow:auto;
  position: absolute;
  top: 50px;
  bottom: 78px;
}

#cart_live_preview_header,#cart_live_preview_footer
{
  border-color:#ccc;
  background:#fff;
  padding:10px;
  position:absolute;
  width:100%;
  z-index:10;
}

#cart_live_preview_header
{
  padding-top:0;padding-bottom:0;
  line-height:50px;
  border-bottom:1px solid;
  top:0;
}

#cart_live_preview_footer
{
  border-top:1px solid;
  bottom:0;
}

#cart_live_preview_header .close_button
{
  float:right;
  line-height: 50px;
  font-size: 1.2em;
  cursor:pointer;
  width:50px;
  margin-right:-10px;
  text-align:center;
}

#cart_live_preview_header .close_button:hover {background-color:#efefef;}

#cart_preview_side .checkout_link
{
  margin:10px -10px -10px -10px;/*counter container padding*/
  background:#b20000;
  color:#fff;
  font-weight:bold;
  padding:10px;
  text-decoration:none;
  text-align:center;
  display: block;
}

#cart_preview_side
{
  position:fixed;
  right:0;
  top:0;
  bottom:0;
  z-index:100;
}

#cart_preview_side
,#cart_preview_side_content
,#cart_preview_side .show_button
{
  transition: right .5s, box-shadow .5s, transform .5s ease;
}

#cart_preview_side #cart_preview_side_content
{
  width:300px;
  right:-300px;
  border-left:1px solid #ccc;
  background:#fff;
  height:100%;
  position:absolute;
}

#cart_preview_side.open .show_button {right:300px;}

#cart_preview_side.open #cart_preview_side_content
{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.35);
  right:0;
}

#cart_preview_side_content
{
  height:100% !important;
}

#cart_preview_side .show_button
{
  cursor:pointer;
  padding:20px;
  background:#980000;
  border-radius:4px 0 0 4px;
  position: absolute;
  right: 0;
  top: 50%;
  color:#fff;
}

/* CUSTOM CART PREVIEW - ITEMS */
.store_item_in_cart
{
  border:none;
  border-bottom:1px solid #efefef;
  padding:4px 0 4px 0;
  margin:0 0 12px 0;
}

.store_item_in_cart .image
,.checkout_item_in_cart_row .image
{
  flex:0 0 80px;
  background-color:#efefef;
  background-size: cover;
  border-radius:4px;
  margin:4px;
  height:80px;
  max-width: 100px;
}

.store_item_in_cart_toolbar 
{
  border:1px solid #ccc;
  background:#efefef;
}

.store_item_in_cart_toolbar .item_total
{
  flex: 1 0 80px;
  text-align:right;
}
.store_item_in_cart_toolbar button.flex_column
,.store_item_in_cart_toolbar input.flex_column
{
  width:33%;
  width:calc(100% /  3);
  margin:0;
  padding:0;

  border:none;
  box-shadow:none;
  text-align:center;
  font-size: 1.1em;
  font-weight: bold;
  background:none;
}

.store_item_in_cart_toolbar button[data-action=add]
{
  border-right:1px solid #ccc;
}
.store_item_in_cart_toolbar button[data-action=remove]
{
  border-left:1px solid #ccc;
}

@media (max-width: 940px){
  #block_checkout .checkout_continue_row button
  {
    display:block;
    width:100%;
  }
  .checkout_continue_row .flex_column:last-child
  {
    order:-1;-webkit-order:-1;
  }
}

@media (max-width: 960px){

  .checkout_forms {padding:10px 0;}
  .checkout_breadcrumbs {display:none;}
  .checkout_cart_preview {padding: 10px 0;}
  #block_checkout fieldset
  {
    padding: 4px 10px;
    margin: 4px 0 12px 0;
  }

  .cart_summary_mobile
  {
    display:flex;
    background: #efefef;
    border-radius: 4px;
    margin: 4px 0px;
    padding: 4px 6px;
  }

  .cart_summary_mobile_cart_total
  {
    align-self: center;-webkit-align-self: center;
    font-size:20px;
    color:#333;
  }

  .cart_summary
  {
    /*hide summary on mobile*/
    max-height: 0;
    opacity:0;
    overflow: hidden;
    transition: opacity .1s;
  }

  .cart_summary.open
  {
    /*Show when "open" class is added*/
    opacity:1;
    max-height: none;
    transition: opacity .4s ease-out;
    background:#efefef;
    border-radius: 4px;
  }

  .cart_summary_mobile.open button[data-at-action=hide]
  {
    display:inline; 
  }

  .cart_summary_mobile.open button[data-at-action=show]
  {
    display:none; 
  }

  .checkout_cart_preview
  {
    order:0;-webkit-order:0;
  }

  #block_checkout .checkout_continue_row button
  {
    display:block;
    width:100%;
  }
  
  #block_checkout .row .flex_column
  ,#block_checkout .row .flex_column:first-child
  ,#block_checkout .row .flex_column:last-child
  {margin: 5px 0;}

  
}

@media (max-width: 960px){

  #cart_preview_side .show_button  {padding: 10px;}

  #block_checkout .cart_summary
  {
    width: auto;
    position: relative;
    right: auto;
  }

  /*Fill screen with cart preview on mobile.*/
  #cart_preview_side.open
  {
    left: 0;
  }

  #cart_preview_side.open #cart_preview_side_content
  {
    width: 100%;
  }
}

