.cart #cart { display: block; } #cart { display: none; } #cart .steps { width: 100%; border-bottom: 1px solid #bbb; font-size: 0; } #cart .steps span { display: inline-block; font-size: 13px; text-align: center; padding: 11px 0 10px; color: #bbb; width: 33%; position:relative; } .summary_step, .shipping_step { border-right: 1px solid #bbb } #cart.summary .summary_step, #cart.payment .payment_step, #cart.shipping .shipping_step { color: #000; } #cart_summary, #cart_shipping, #cart_payment, #cart_confirm, #cart_thanks, #cart_error { height: calc(100vh - 187px); overflow: hidden; position: relative; } #cart.summary #cart_summary { display: block } #cart_summary { display: none; } .full .cart_body { display: block; } .empty .cart_empty { display: block; } #cart h1 .full_msg, #cart h1 .empty_msg { display: none } .cart_body { display: none; } .cart_empty { display: none; text-align: center; margin: 0; } #cart.payment #cart_payment { display: block } #cart_payment { display: none; } #cart.shipping #cart_shipping { display: block } #cart_shipping { display: none; } #cart.confirm #cart_confirm { display: block } #cart_confirm { display: none; } #cart_thanks { display: none; } #cart_error { display: none; } #cart.thanks #cart_thanks, #cart.error #cart_error { display: flex; align-items: center; justify-content: center; } #cart .copy { min-height:50px; max-width: 50%; text-align: center; font-size: 18px; } .summary-container { top:0px; } .billing-container { min-height:calc(100vh - 210px); top:16px; } #cart h3 { padding-left: 5px; font-size:12px; } .cart_item_row { display:table; position:relative; width:calc(100vw - 30px); margin:0 auto; box-sizing:border-box; padding-top:20px; } .cart_item_info, .cart_item_price { display:table-cell; vertical-align:bottom; box-sizing:border-box } .cart_item_image { display:table-cell; vertical-align:middle; box-sizing:border-box } .cart_item_image img { max-width:calc(33vw - 25px); padding-right:30px; } .cart_item_info { padding-bottom:5px; position:relative; width:100% } .cart_item_price { text-align:right; position:relative; padding-bottom:5px; padding-left:5px; } .cart_item_price .remove { display:block; width:20px; height:20px; border:1px solid #d2d2d2; float:right; margin-bottom:10px; position:relative; } .cart_item_price .remove:after { content:''; width:1px; height:22px; background:#bbb; position:absolute; top:50%; left:50%; z-index:3; transform-origin:top left; transform:rotate(45deg) translateX(-50%) translateY(-50%) } .cart_item_price .remove:before { content:''; width:1px; height:22px; background:#bbb; position:absolute; top:50%; left:50%; z-index:3; transform-origin:top left; transform:rotate(-45deg) translateX(-50%) translateY(-50%) } .cart_item_price .price { font-size:11px; font-weight:bold; display:block } .cart_item_info .sku { font-size:10px; font-weight:bold; display:block } .cart_item_info .title { font-size:10px; font-weight:bold; display:block; line-height:12px; text-transform:uppercase; } .cart_item_info .type { font-size:10px; font-weight:bold; display:block; text-transform:capitalize; } .cart_item_info .meta { padding-top:5px; letter-spacing:.75px; font-size:8px; } .order_section .rows { width:calc(100vw - 30px); margin:0 auto; } .order_section h2 { width:calc(100vw - 30px); margin:15px auto; text-decoration:underline; font-size:11px; } .order_section_container { width:calc(100vw - 30px); margin:15px auto 2px; } .cart-summary { width:calc(100vw - 30px); margin:0 auto; display:table; color:#bbb; font-size:11px; } .cart-summary-row { display:table-row; } .cart-summary span { display:table-cell; padding-top:20px; vertical-align:bottom; } .order_section .cart-summary-row span { padding-top:1px; } .order_section .cart-summary { padding-top:15px; } .order_section .cart-summary-row:last-child > span { padding-top:15px!important; font-weight:bold!important; } .order_section .cart-summary .cart-summary-row span:nth-of-type(2) { color:#000; } #orders .order_section { padding-bottom: 16px; border-bottom: 1px solid #bbb; } .cart-summary-row span:not(.label) { text-align:right } .cart-summary-row .label { font-weight:bold } .cart-summary-row:last-child { color:#000; } .dropdown-wrapper { position:relative; text-align:right; width:calc(100vw - 10px); margin:0 auto; box-sizing:border-box; } .dropdown-wrapper .add_edit { padding:10px; letter-spacing:0.5px; font-size:12px; color:#a9a9a9; box-sizing:border-box; } .dropdown-wrapper .dropdown { font-size:14px; box-sizing:border-box; align-items: center; text-align: center; padding:10px 0; border:1px solid #a9a9a9; position:relative; } .dropdown-wrapper .dropdown::before { content:''; box-sizing:border-box; right:25px; width:1px; top:50%; transform:translateY(-50%) rotate(45deg); height:12px; background:#a9a9a9; position:absolute; z-index:999; transform-origin:bottom left; } .dropdown-wrapper .dropdown::after { content:''; box-sizing:border-box; right:25px; width:1px; top:50%; transform:translateY(-50%) rotate(-45deg); transform-origin:bottom right; height:12px; background:#a9a9a9; position:absolute; z-index:999; } #cart_shipping .address { display: none; } .address .save_as_default { display: none; } #cart_shipping h3 { margin-left:5px; margin-bottom:6px; } #cart_shipping input:first-child { margin-top:10px } #cart_shipping .half-input input { margin-top:0px }