.woocommerce-checkout { &.nv-without-title main { padding-top: $spacing; } .nv-page-title-wrap.nv-big-title h1 { margin-bottom: 0; } .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { max-width: unset; padding: 0; width: 100%; } h3 { font-size: 1em; line-height: 1.5em; border-bottom: $muted-border; padding: 9px 12px; margin-bottom: 0; background-color: #f7f7f7; } form.woocommerce-checkout { display: flex; flex-direction: column; } #order_review_heading { display: none; } #customer_details { border: $muted-border; margin-bottom: $spacing; } #neve-checkout-coupon { padding: 9px 12px; .woocommerce-info { border: $muted-border; border-radius: 0; background: #fff; margin-bottom: $spacing-sm; padding: 9px 12px; text-align: center; &:before { display: none; } a { font-size: .95em; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; float: right; } } .woocommerce-form-login, .woocommerce-form-coupon { margin-top: -20px; border-radius: 0; border: $muted-border; border-top: 0; p { font-size: .85em; } .form-row { padding: 0; margin-bottom: $spacing-sm; } .lost_password { float: right; } } .woocommerce-form-login { .form-row:not(.form-row-last):not(.form-row-first) { display: flex; align-items: center; flex-direction: row-reverse; } .woocommerce-form__label-for-checkbox { margin-bottom: 0; margin-right: auto; } .lost_password { margin-bottom: 0; font-size: .75em; } } .woocommerce-form-coupon { display: flex; flex-direction: column; p { width: 100%; } .form-row-last { margin-bottom: 0; button { width: 100%; } } } } #shipping_address_1_field, #shipping_address_2_field, #billing_address_1_field, #billing_address_2_field { width: 47%; display: inline-block; } #shipping_address_2_field, #billing_address_2_field { margin-left: 6%; } .form-row.create-account { padding: 0 18px 12px 18px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields, .woocommerce-account-fields { padding: 0 12px 9px; label { font-size: .85em; } .form-row { padding: 0; margin-bottom: $spacing-sm; } textarea { max-width: 100%; min-width: 100%; } } .woocommerce-additional-fields { padding-bottom: 0; } .select2-container--default .select2-selection--single { border-radius: 3px; border: 1px solid #ddd; height: 34px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; } .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #ddd; } .woocommerce-shipping-fields { padding: 0 12px 9px 12px; margin-bottom: $spacing-xs; h3 { width: 100%; border: $muted-border; background: #fff; label { cursor: pointer; font-size: .85em; font-weight: 400; margin: 0; display: flex; align-items: center; } input { margin-right: $spacing-xs; } } .woocommerce-shipping-fields__field-wrapper { border: $muted-border; border-top: 0; padding: 9px 12px; .form-row:last-child { margin-bottom: 0; } } } #payment { border-radius: 0; border: $muted-border; background: #ffffff; font-size: .85em; margin-bottom: $spacing; ul.payment_methods { border-bottom: $muted-border; } .place-order { margin-bottom: 0; button#place_order { width: 100%; font-size: 1.2em; float: none; margin-bottom: 0; } } } .about_paypal { margin-left: $spacing-sm; } .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table { border: $muted-border; border-radius: 0; #shipping_method li:last-child { margin-bottom: 0; } .product-quantity { float: right; } tr, td, th { border: none; } thead { background-color: #f7f7f7; tr th { border-bottom: $muted-border; } } tbody, tfoot { font-size: .85em; } .cart-subtotal, .shipping { th, td { font-weight: 400; } } .cart-subtotal, .shipping, .order-total { td, th { border-top: $muted-border; } } } } @mixin checkout--laptop() { .woocommerce-checkout { form.woocommerce-checkout { display: block; } .woocommerce-checkout-review-order, #order_review_heading { width: 40%; } > .col2-set { width: 57%; float: left; } #neve-checkout-coupon .woocommerce-form-coupon { flex-wrap: wrap; flex-direction: row; p.form-row { margin-bottom: 0; width: auto; } .form-row-first { flex-grow: 1; margin-right: $spacing-xs; } .form-row-last { width: auto; } .form-row-last { button { width: auto; } } } } .woocommerce-checkout-review-order { width: 48%; float: right; } }