body.checkout { #page-toolbar { @media (max-width: 800px) { position: static; } .page-nav { // Override mobile styles & > ul { position: inherit; display: block; padding: inherit; border: inherit; } li { display: inline-block; padding-top: .5em; padding-bottom: .3em; color: $white; &.current { color: $accent-primary; ~ li { color: $text-disabled-well; } } } } } #main .mod_cur_checkout .submit_container { margin-top: 3em; } #right { .ce_text:first-child { margin-top: .4375em; } } /* Order Overview on All Checkout Pages */ .mod_cur_checkout { font-size: 18px; table { clear: both; } h3, h4 { margin-bottom: .75em; } p { font-weight: normal; } .order-item { padding-right: 98px; padding-left: 68px; } .submit_container { margin-bottom: 1em; font-size: 1rem; text-align: right; form { display: inline-block; } } .empty-cart + .submit_container { text-align: left; } } /* 1. Your Order */ #my_cart_your_order { .submit_container { .button-alt { float: left; } } #voucher { margin-bottom: 2.5em; input[type="text"] { width: 16em; max-width: 16em; } @media (max-width: 399px) { display: block; text-align: left; input[type="submit"] { display: block; margin-left: 0; } } @media (min-width: 400px) { float: right; label { min-width: 0; margin: .25em .5em .25em 0; line-height: normal; } } } @media (min-width: 600px) { .empty-cart + .submit_container { #voucher { float: right; margin-top: 6px; } .clear { display: none; } } } @media (min-width: 1000px) { .empty-cart + .submit_container { #voucher { margin-right: 20%; } } } } /* 2. Log In */ .mod_cur_checkout.login, .mod_cur_checkout_rate.login { .submit_container { text-align: left; } p { font-weight: 200; } } /* 3. Installment */ #my_cart_installment { .installment-info { margin-bottom: 1em; } .financing-selection { clear: both; margin-top: 1em; text-align: right; p { margin-bottom: .5em; padding-top: 1em; padding-right: 28px; } .sum { display: block; cursor: auto; label { @include title-font(); position: relative; float: none; min-width: 0; margin: 0; padding-left: 1.25em; cursor: pointer; .control-indicator { top: 3px; } } } } .financing { margin-top: 1em; } .listall, .existing, .missing { margin: .25em 0; font-size: .875rem; font-weight: 200; } .submit_container { padding-right: 28px; } } .popup-content, .installment-info { table { td, th { padding: 6px 12px; font-weight: normal; } } } /* 4A. Billing Information */ #my_cart_billing_information { h2 { margin-bottom: .5em; } input[type="submit"] { display: block; padding: .3em 1em; font-size: 1.25rem; } .message-error.invisible { display: none; } p { input[type="text"] { min-width: 50%; } } } @media (max-width: 600px) { #my_cart_billing_information { p { input[type="text"] { min-width: 95%; } } } } /* 4B. Payment Method */ #my_cart_payment_method { h2 { margin-top: 1em; margin-bottom: .5em; } } // See more in .payment-method #submit-method-paypal { margin-bottom: 1em; } /* 1. Your Installments */ #my_cart_your_installments { .order-item { margin-top: 0; + .control { margin-top: 1.5em; } .item-title { display: block; } ul { float: left; clear: left; margin-top: .25em; margin-bottom: 0; } ul + .sum { margin-top: 1.75em; } .sum { position: relative; right: -98px; } } .control { clear: left; width: 100%; } .submit_container { padding-right: 28px; } } /* 2. Log In */ .mod_cur_checkout_rate.login { .submit_container { margin-bottom: 1em; } } } body.activate { .ce_text { h2 { margin-top: 2em; margin-bottom: .5em; } } #my_cart_your_order { h1, .custom-bundle-discount, .empty-cart, .button-alt { display: none; } #voucher { float: left; + .clear { display: none; } } .empty-cart + .submit_container { margin-top: 1em; #voucher { float: none; + .clear { display: block; } } } } } #footnote-vat { margin-top: 2em; } .payment-method { > p { width: 100%; margin-bottom: 0; /* PayPal & credit card images */ label { min-width: 0; margin-top: -.5em; margin-left: 10px; } } input, label { + a { font-size: 16px; font-weight: 200; } } } #submit-method-paypal, #submit-method-credit { .button-alt { float: right; } input, label { + a { font-size: 1.5rem; } } }