AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/themes/thegem/css/ |
Current File : /home/thanudqk/128shen.com/wp-content/themes/thegem/css/thegem-woocommerce.css |
/* PRODUCTS LIST */ .page-description + .before-products-list { margin-top: 50px; } .before-products-list { margin-bottom: 45px; } @media (max-width: 768px) { .before-products-list { display: none; } } .before-products-list .woocommerce-select-count, .before-products-list .woocommerce-result-count, .before-products-list .woocommerce-ordering, .before-products-list .woocommerce-breadcrumb { padding: 8px; } .before-products-list .woocommerce-select-count, .before-products-list .woocommerce-result-count { float: right; } .before-products-list .woocommerce-ordering, .before-products-list .woocommerce-breadcrumb { float: left; } .before-products-list .woocommerce-result-count, .before-products-list .woocommerce-breadcrumb { line-height: 30px; } .before-products-list .woocommerce-select-count, .before-products-list .woocommerce-ordering { width: 190px; } .before-products-list .combobox-wrapper { height: 30px; border: 0 none; } .before-products-list .combobox-wrapper .combobox-text { line-height: 30px; } .before-products-list .combobox-wrapper .combobox-button { width: 30px; height: 30px; } .products + .gem-product-load-more { margin-top: 50px; } .woocommerce .star-rating, .woocommerce-page .star-rating { font-family: 'thegem-icons'; font-style: normal; font-size: 16px; height: 1em; line-height: 1em; overflow: hidden; position: relative; width: 5em; margin: 0 auto; } .woocommerce .widget .star-rating { margin-left: 0; } .single-product-content .woocommerce-product-rating .star-rating { display: inline-block; vertical-align: middle; font-size: 16px; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: '\e61a\e61a\e61a\e61a\e61a'; float: left; left: 0; position: absolute; top: 0; color: #b6c6c9; } .woocommerce .star-rating span, .woocommerce-page .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .woocommerce .star-rating > span:before, .woocommerce-page .star-rating > span:before { content: '\e61a\e61a\e61a\e61a\e61a'; left: 0; position: absolute; top: 0; color: #ffc107; } .comment-form-rating .stars a.active::before { color: #ffc107; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating { display: block; line-height: 2em; } .woocommerce-page .woocommerce-product-rating .product-rating { display: table-cell; padding-right: 10px; } .woocommerce-page .woocommerce-product-rating .product-reviews-link { display: table-cell; } @media (max-width: 980px) { .products.inline-row { text-align: center; } } .products .product-inner { position: relative; overflow: visible; } .products.inline-row .product.inline-column { min-width: 300px; } .products .product-image { display: block; text-align: center; position: relative; } .products .product-image-inner { display: block; position: relative; overflow: hidden; } .products .product-image img { display: inline-block; max-width: 100%; height: auto; } .products .product-image img.woo-product-hover { position: absolute; left: 100%; top: 0; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .products .product-inner:hover .product-image img.woo-product-hover { left: 0; } .products .product-image .woo-product-overlay { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; opacity: 0; z-index: 1; background: rgba(0, 188, 212, 0.3); } .products .product-image:hover .woo-product-overlay { opacity: 1; } .products .product-image:hover:after { top: 50%; opacity: 1; } .product-dummy-wrapper, .product-dummy { display: inline-block; width: 100%; vertical-align: top; } .product-dummy { background: #ffffff url('../images/woo-dummy.png') no-repeat 50% 50%; box-shadow: inset 0 0 90px 0 rgba(56, 69, 84, 0.15); -moz-box-shadow: inset 0 0 90px 0 rgba(56, 69, 84, 0.15); -webkit-box-shadow: inset 0 0 90px 0 rgba(56, 69, 84, 0.15); } .product .product-labels { position: absolute; width: 60px; right: -21px; top: 21px; z-index: 2; } .product .onsale { position: relative; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 14px; text-align: center; border-radius: 50%; z-index: 2; margin: 0 auto; } .product .new-label { position: relative; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 12px; text-align: center; border-radius: 50%; z-index: 1; margin: 0 auto; } .product .onsale + .new-label { margin-top: -15px; } .product .out-of-stock-label { position: relative; display: block; width: 60px; height: 60px; font-size: 14px; line-height: 14px; text-align: center; border-radius: 50%; margin: 0 auto; padding-top: 17px; } .product .out-of-stock-label .small { font-size: 8px; display: block; } .product .onsale + .out-of-stock-label, .product .new-label + .out-of-stock-label { margin-top: -15px; } .products .product-info { padding: 15px 20px 4px; } .products .catalog-view .product-info { padding: 25px 20px 33px; } .products .product-info .rating-empty { position: relative; height: 1px; width: 50px; margin: 0 auto; top: 7px; } .products .product-info .product-title { margin-top: 5px; margin-bottom: 0; } .products .product-inner:not(:hover) .product-info .product-title { color: inherit; } .products .product-info .price del { display: none; } .products .product-info .price ins, .products .product-info .price .amount { text-decoration: none; } .products .product-info .product-rating { margin: 7px 0; min-height: 13px; } .products:not(.portfolio) .product-bottom, .products.portfolio .caption .product-bottom { padding: 0 20px 15px; display: flex; justify-content: center; flex-wrap: wrap; } .products .product-bottom a { display: inline-block; vertical-align: top; } .products .product-bottom .add_to_cart_button { font-size: 0; margin: 0 4px; } .products .product-bottom .add_to_cart_button.loading { bottom: auto; left: auto; position: static; right: auto; top: auto; z-index: 2; } .products .product-bottom .add_to_cart_button:before { content: '\e660'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 16px; vertical-align: top; } .products .product-bottom .add_to_cart_button.product_type_variable:before { content: '\e671'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 19px; vertical-align: top; } .products .product-bottom .bottom-product-link { font-size: 0; margin: 0 4px; } .products .product-bottom .bottom-product-link:before { content: '\e628'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 16px; vertical-align: top; } .products .yith-wcwl-add-to-wishlist { margin: 0 4px; } .products .product-bottom .add_to_wishlist { font-size: 0; } .products .product-bottom .add_to_wishlist:before { content: '\e65e'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 16px; vertical-align: top; } .products .yith-wcwl-wishlistaddedbrowse .feedback, .products .yith-wcwl-wishlistexistsbrowse .feedback { display: none; } .products .product-bottom .yith-wcwl-wishlistexistsbrowse a, .products .product-bottom .yith-wcwl-add-button a.delete_item { font-size: 0; } .products .product-bottom .yith-wcwl-wishlistaddedbrowse a:before, .products .product-bottom .yith-wcwl-wishlistexistsbrowse a:before, .products .product-bottom .yith-wcwl-add-button a.delete_item:before { font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 16px; vertical-align: top; } .products .product-bottom .yith-wcwl-wishlistaddedbrowse a:before { content: '\e662'; margin-right: 5px; vertical-align: top; } .products .product-bottom .yith-wcwl-wishlistexistsbrowse a:before { content: '\e65e'; } .products .product-bottom .yith-wcwl-add-button a.delete_item:before { content: '\e679'; } .products .product-bottom .added_to_cart { margin: 0 4px; } .products .product-bottom .added_to_cart:before { content: '\e661'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 16px; margin-right: 5px; vertical-align: middle; } .products .product-bottom-linebreak { width: 100%; } .single-product-content .socials-sharing { margin-top: 40px; } .single-product-content .product_title { margin-top: 0; margin-bottom: 0.33em; margin-top: -12px; } @media (max-width: 768px) { .single-product-content .product_title { margin-top: 0.57em; } } .single-product-content .woocommerce-breadcrumb { font-size: 89.5%; line-height: 1.421em; margin-bottom: 12px; } .single-product-content .woocommerce-product-rating { margin-bottom: 30px; } .single-product-content .price { line-height: 1; margin-bottom: 25px; } .single-product-content .price del { vertical-align: bottom; } .single-product-content .price ins { text-decoration: none; } table.variations { margin-bottom: 28px; } table.variations td { vertical-align: top; padding: 5px 0; } table.variations td.label { padding-right: 15px; } table.variations td.label label { line-height: 32px; } table.variations td.label label:after { content: ':'; } .single_variation .price { display: inline-block; margin-right: 15px; } .single_variation .stock { display: inline-block; margin-bottom: 0; } form.cart .quantity { float: left; margin-right: 15px; margin-bottom: 20px; } form.cart .quantity.hidden { display: none; } form.cart .quantity .minus, form.cart .quantity .plus, .shop_table .quantity .minus, .shop_table .quantity .plus { display: inline-block; font-size: 32px; height: 52px; line-height: 50px; margin: 0; vertical-align: top; width: 50px; font-weight: 200; border: 0 none; padding: 0; } .shop_table .quantity .minus, .shop_table .quantity .plus { height: 34px; line-height: 32px; width: 32px; font-size: 24px; } form.cart .quantity .qty, .shop_table .quantity .qty { border: 0 none; height: 52px; line-height: 52px; margin: 0; vertical-align: top; width: 52px; appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } form.cart .quantity .qty::-webkit-outer-spin-button, form.cart .quantity .qty::-webkit-inner-spin-button, .shop_table .quantity .qty::-webkit-outer-spin-button, .shop_table .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .shop_table .quantity { font-size: 0; } .shop_table .quantity .qty { height: 34px; line-height: 34px; font-size: 16px; } .shop_table .quantity.buttons_added .qty { margin-left: 4px; margin-right: 4px; } form.cart .gem-button[disabled] { opacity: 0.5; } .shop_attributes p { margin: 0; } .shop_attributes td, .shop_attributes th { vertical-align: top; padding: 5px 10px; } .gem-woocommerce-tabs #tab-additional_information .shop_attributes { width: 100%; } .gem-woocommerce-tabs #tab-additional_information .shop_attributes th, .gem-woocommerce-tabs #tab-additional_information .shop_attributes td { padding: 20px 30px; text-align: center; } /*.related-products { margin-bottom: 40px; }*/ .related-products h2, .upsells h2, .cross-sells h2 { text-align: center; text-transform: uppercase; } .related-products .container { padding: 0; } .related-products-carousel .product { width: 270px; margin: 15px; float: left; } .woocommerce-before-cart { margin-bottom: 20px; } .woocommerce-before-cart .cart-short-info { float: left; } .woocommerce-before-cart .woocommerce-breadcrumb { float: right; } @media (max-width: 768px) { .woocommerce-before-cart .cart-short-info, .woocommerce-before-cart .woocommerce-breadcrumb { float: none; } } .shop_table { width: 100%; } .shop_table td { vertical-align: middle; } .shop_table td { padding: 27px 17px; } .shop_table .product-thumbnail { width: 1%; padding-left: 32px; padding-right: 0; } .shop_table .product-thumbnail img.attachment-shop_thumbnail, .shop_table .product-thumbnail img.attachment-woocommerce_thumbnail, .shop_table .product-name img.attachment-shop_thumbnail, .shop_table .product-name img.attachment-woocommerce_thumbnail { width: 60px; height: auto; max-width: none; } .shop_table .product-name { width: 99%; } .woocommerce-cart-form .shop_table .product-name { width: 58%; } .woocommerce-cart-form .shop_table .product-subtotal { width: 11%; } .woocommerce-cart-form .shop_table .product-quantity { width: 17%; } .woocommerce-cart-form .shop_table th.product-quantity { padding-left: 20px; } .woocommerce-cart-form .shop_table .product-price { width: 14%; } .shop_table .product-total { min-width: 150px; } .shop_table .product-name .product-name-space { margin-right: 13px; } .shop_table .product-name dl.variation { font-size: 87.5%; line-height: 1.5em; display: inline-block; } .shop_table .product-name dl.variation dt, .shop_table .product-name dl.variation dd, .shop_table .product-name dl.variation p { display: inline-block; margin: 0; padding: 0; text-transform: capitalize; } .shop_table .product-name dl.variation dd p:after { content: ','; } .shop_table .product-name dl.variation dd:last-child p:after { content: ''; } .shop_table td.product-price, .shop_table td.product-quantity, .shop_table td.product-subtotal, .shop_table td.product-remove { white-space: nowrap; } .shop_table td.product-remove { padding-left: 32px; padding-right: 0; } .responsive .shop_table td.product-remove { padding: 23px 18px 23px; vertical-align: middle; } .shop_table td.product-remove .remove { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-decoration: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 0; position: relative; } .shop_table td.product-remove .remove:after { content: '\e619'; display: block; font-family: 'thegem-icons'; font-style: normal; font-size: 20px; text-decoration: none; position: absolute; left: 0px; top: 0px; width: 100%; line-height: 21px; text-align: center; } table.shop_table_responsive .responsive-linebreak { padding: 0; } @media (max-width: 992px) { body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive thead { display: none; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive tr.cart_item { display: flex; flex-wrap: wrap; margin-bottom: 28px; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .responsive-linebreak { width: 100%; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive.cart tbody tr:after { content: ''; width: 100%; order: -1; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-thumbnail { order: -3; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-name { order: -2; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-remove { order: -1; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table td:not(.product-name) { text-align: center; } body:not(.woocommerce-cart-layout-modern) .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td { border: 0 none; } body:not(.woocommerce-cart-layout-modern) .woocommerce table.shop_table_responsive.shop_table tbody tr.cart_item td { background: transparent; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-thumbnail, .woocommerce-cart-form table.shop_table_responsive.shop_table .product-remove { width: auto; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-remove { padding: 23px 18px 23px; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-remove a.remove { vertical-align: middle; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-thumbnail .product-dummy-wrapper { width: 60px; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive .product-name, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive .product-thumbnail, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive .product-remove { align-self: center; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-name, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-price, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-quantity, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form table.shop_table_responsive.shop_table .product-subtotal { width: auto; flex-grow: 1; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-price[data-title], body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-quantity[data-title], body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-subtotal[data-title] { padding: 0 15px 23px; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-price[data-title]:before, body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-quantity[data-title]:before, body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive .product-subtotal[data-title]:before { display: block; content: attr(data-title); padding: 23px 15px; margin: 0 -15px 23px; text-transform: uppercase; font-size: 14px; background: #b6c6c9; color: #ffffff; } body:not(.woocommerce-cart-layout-modern) table.shop_table_responsive td.actions { background: transparent; } } .woocommerce-cart-form .actions .coupon { float: left; } .woocommerce-cart-form .actions .submit-buttons { float: right; padding-right: 15px; } .woocommerce-cart-form .actions .gem-button { margin-top: 0; vertical-align: top; } input[type="text"].coupon-code { height: 50px; line-height: 50px; width: 260px; padding: 0 21px; vertical-align: top; margin: 16px 20px 16px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .checkout_coupon input[type="text"].coupon-code { height: 40px; line-height: 40px; width: 260px; padding: 0 21px; vertical-align: top; margin: 25px 20px 16px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .woocommerce .woocommerce-cart-form td.actions { padding: 5px; } .woocommerce .woocommerce-cart-form .actions .coupon button { margin: 16px 20px 16px 0; } .woocommerce-cart-form .actions .submit-buttons .button { margin: 10px; } .woocommerce .woocommerce-cart-form .actions .submit-buttons .gem-button { margin: 16px 0 16px 21px; } .woocommerce .wc-proceed-to-checkout { text-align: right; border-top: 0 none; } .woocommerce .wc-proceed-to-checkout .checkout-button-button { padding: 20px; } .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { margin: 0; } @media (max-width: 500px) { .woocommerce .wc-proceed-to-checkout .checkout-button-button { display: block; } .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { width: 100%; } } .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button, .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button, .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { border: 2px solid transparent; line-height: 46px; } .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button[aria-disabled="true"] { opacity: 0.5; } .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button, .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { padding-left: 57px; } .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button:before, .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:before { content: '\e65f'; position: absolute; left: 24px; font-family: 'thegem-icons'; font-style: normal; } @media (max-width: 992px) { .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { line-height: 36px; } } .cart-collaterals { position: relative; padding-top: 1px; } .shipping_calculator .shipping-calculator-button { display: block; padding-left: 35px; text-decoration: none; position: relative; text-transform: uppercase; } .shipping_calculator .shipping-calculator-button:before { content: '\e609'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 23px; width: 23px; height: 23px; line-height: 23px; position: absolute; top: 50%; margin-top: -11px; left: 0; } body:not(.woocommerce-cart-layout-modern) .woocommerce-shipping-calculator { position: absolute; left: 0; top: 0; width: 50%; padding-right: 21px; } .woocommerce .woocommerce-shipping-calculator .form-row { width: 50%; float: left; padding: 0 9px; } .woocommerce .woocommerce-shipping-calculator .form-row.full { width: 100%; } .woocommerce .woocommerce-shipping-calculator .form-row input.input-text { width: 100%; height: 40px; padding: 0 19px; vertical-align: top; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 38px; } @media (max-width: 700px) { .woocommerce .woocommerce-shipping-calculator .form-row { width: 100%; } } body:not(.woocommerce-cart-layout-modern) .shipping-calculator-form { display: block !important; } .shipping-calculator-form .gem-button-container { padding: 0 9px; } .shipping-calculator-form .gem-button-container .gem-button { margin: 0; } @media (max-width: 500px) { .shipping-calculator-form .gem-button-container { display: block; } .shipping-calculator-form .gem-button-container .gem-button { width: 100%; } } .shipping-calculator-form-wrap { padding: 25px; margin-bottom: 1.421em; } .shipping-calculator-form-wrap select { width: 100%; } .woocommerce-shipping-calculator { padding-top: 1px; } body:not(.woocommerce-cart-layout-modern) .cart_totals { width: 50%; margin: 0 0 0 auto; padding-left: 21px; position: static !important; } .cart_totals h2, .woocommerce-shipping-calculator h2 { text-transform: uppercase; margin: 55px 0 25px 0; } .cart_totals table, .order-totals table { width: 100%; } .cart_totals table th, .order-totals table th { padding: 5px 0 6px 22px; width: 50%; text-align: left; border: 1px solid #ffffff; } .cart_totals table td, .order-totals table td { padding: 5px 26px 6px 26px; width: 50%; border: 1px solid #ffffff; border-left: 0; } .cart_totals table td #shipping_method, .order-totals table td #shipping_method, .shop_table.woocommerce-checkout-payment-total .shipping #shipping_method { list-style: none; padding: 4px 0; margin: 0; } .cart_totals table .order-total td strong { font-weight: inherit; } @media (max-width: 767px) { body:not(.woocommerce-cart-layout-modern) .cart_totals { width: 100%; padding-left: 0; position: relative !important; margin-bottom: 400px; } body:not(.woocommerce-cart-layout-modern) .woocommerce-shipping-calculator { left: 0; top: 100%; width: 100%; padding-right: 0; } } .woocommerce-cart-form.responsive .cart-item { margin-bottom: 28px; } .woocommerce-cart-form.responsive .cart-item .gem-table { border: 0 none; margin-bottom: 0; } .woocommerce-cart-form.responsive .cart-item .gem-table thead { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .woocommerce-cart-form.responsive .cart-item .gem-table thead th { border: 0 none; padding: 20px 15px; text-align: center; } .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td { padding: 23px 15px; text-align: center; } @media (max-width: 499px) { .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table thead th, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td { padding-left: 0; padding-right: 10px; } .woocommerce-cart-form.responsive .cart-item .gem-table thead th:first-child, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td:first-child { padding-left: 10px; } } .woocommerce-cart-form.responsive .cart-item .shop_table thead th, .woocommerce-cart-form.responsive .cart-item .shop_table td { border: 0 none; } .woocommerce-cart-form.responsive .cart-item .shop_table td.product-remove { text-align: right; } @media (max-width: 992px) { body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .actions { display: flex; flex-wrap: wrap; padding: 10px; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .actions .coupon { float: none; display: flex; flex-grow: 10; flex-wrap: wrap; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .coupon input[type="text"].coupon-code { flex-grow: 10; margin: 10px; height: 40px; line-height: 40px; width: auto; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .actions .coupon .gem-button-container { margin: 10px; flex-grow: 1; } body:not(.woocommerce-cart-layout-modern) .woocommerce .woocommerce-cart-form .actions .coupon button { margin: 0; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .actions .submit-buttons { float: none; padding: 0; flex-grow: 1; } body:not(.woocommerce-cart-layout-modern) .woocommerce .woocommerce-cart-form .actions .submit-buttons .gem-button-container { margin: 10px; display: block; } body:not(.woocommerce-cart-layout-modern) .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart .gem-button { margin: 0; line-height: 36px; } body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .actions .coupon .gem-button, body:not(.woocommerce-cart-layout-modern) .woocommerce-cart-form .submit-buttons .gem-button { width: 100%; } } .comment-form-rating .stars a { display: inline-block; font-family: 'thegem-icons'; font-style: normal; font-size: 1em; height: 0; line-height: 1em; position: relative; padding-top: 1em; overflow: hidden; margin-right: 20px; } .comment-form-rating .stars a:before { content: "\e61a\e61a\e61a\e61a\e61a"; float: left; left: 0; position: absolute; top: 0; } .comment-form-rating .stars .star-1 { width: 1em; } .comment-form-rating .stars .star-2 { width: 2em; } .comment-form-rating .stars .star-3 { width: 3em; } .comment-form-rating .stars .star-4 { width: 4em; } .comment-form-rating .stars .star-5 { width: 5em; } #reviews h3 { margin-top: 0; text-transform: uppercase; } #review_form_wrapper { padding-top: 45px; } .shop-widget-area { padding: 70px 0 60px; } .shop-widget-area .widget-title.shop-widget-title { margin-bottom: 1.138em; } .shop-widget-area .widget .gem-products-content { border: 0 none; } .single-product-content-bottom .block-navigation { margin-bottom: 60px; } .products-page-separator { padding: 50px 0; } .woocommerce-message, .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods li.woocommerce-notice--info, .woocommerce .woocommerce-checkout .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods li.woocommerce-notice--info, .woocommerce-info { margin-top: 19px; padding: 24px 50px 27px 91px; position: relative; margin: 0 0 46px 0; } .woocommerce-message strong, .woocommerce-info strong { font-weight: normal; } .woocommerce-message:before, .woocommerce-info:before { position: absolute; left: 27px; top: 50%; font-size: 27px; font-family: 'thegem-icons'; font-style: normal; content: '\e621'; font-weight: normal; text-indent: 1px; display: inline-block; width: 50px; height: 50px; line-height: 48px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-top: -25px; } .form-edit-adress-fields { padding: 50px; } .form-edit-adress-fields .input-text { width: 100%; } .form-edit-adress-fields .button { float: right; } .woocommerce-message .cart-added { display: table; width: 100%; } .woocommerce-message .cart-added .cart-added-text, .woocommerce-message .cart-added .cart-added-button { display: table-cell; vertical-align: middle; } .woocommerce-message .cart-added .cart-added-text { width: 99%; } .woocommerce-message .cart-added .cart-added-button { padding: 0 0 0 20px; } .woocommerce-message .cart-added .cart-added-button .button { margin: 0; } @media (max-width: 768px) { .woocommerce-message .cart-added { display: block; } .woocommerce-message .cart-added .cart-added-text, .woocommerce-message .cart-added .cart-added-button { display: block; } .woocommerce-message .cart-added .cart-added-text { width: auto; } .woocommerce-message .cart-added .cart-added-button { padding: 20px 0 0; } } .single-product .fullwidth-block > .block-divider { margin: 70px 0 30px; } .woocommerce-account h2, .woocommerce-account h3 { text-transform: uppercase; } .my_account_orders td { text-align: center; } .woocommerce .shop_table thead tr th { border: 1px solid #ffffff; border-left-width: 0; border-right-width: 0; border-bottom-width: 0; text-align: left; } .woocommerce .shop_table thead tr th.product-quantity, .woocommerce .shop_table tbody tr td.product-quantity { text-align: center; } .woocommerce .shop_table thead tr th.product-name { padding-left: 32px; } .woocommerce .responsive .shop_table tbody tr td.product-thumbnail { padding-left: 26px; } .woocommerce .shop_table thead tr th:first-child { border-left-width: 1px; } .woocommerce .shop_table thead tr th:last-child { border-right-width: 1px; } .woocommerce .shop_table tbody tr td:first-child { border-left-width: 1px; border-left-style: solid; } .woocommerce .shop_table tbody tr td:last-child { border-right-width: 1px; border-right-style: solid; } .woocommerce .shop_table tbody tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } .woocommerce-cart-form .gem-table { margin-bottom: 0; } .woocommerce #shipping_method .radio-sign { margin-right: 5px; } .woocommerce .cross-sells .products.inline-row .product.inline-column { min-width: 0; } .woocommerce .cross-sells .product .product-rating { display: none; } .woocommerce .cross-sells .product .product-bottom { display: none; } .woocommerce .cross-sells .product .product-info { padding: 21px 5px 17px; } .woocommerce .cross-sells .product .product-title { margin: 0; text-transform: none; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 600px) { .woocommerce .cross-sells .products:not(.extended-products-grid) .product { width: 50%; } } @media (max-width: 400px) { .woocommerce .cross-sells .products:not(.extended-products-grid) .product { width: 100%; } } .cross-sells { margin: 30px 0 0 0; } .cross-sells-title { width: 100%; align-items: center; display: flex; flex-flow: row nowrap; margin-bottom: 55px; } .cross-sells-title h2 { flex: 0 1 auto; margin: 0; word-wrap: break-word; padding-right: 15px; } .cross-sells-title span.placeholder { flex: 1 1 auto; height: 1px; position: relative; } .cross-sells-title span.placeholder span { display: block; height: 7px; position: relative; top: -2px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .checkout-steps { margin-bottom: 119px; } .checkout-steps.woocommerce-steps-one-page { margin-bottom: 65px; } .checkout-steps .checkout-step { float: left; width: 25%; padding: 17px 0 18px 30px; text-transform: uppercase; cursor: pointer; position: relative; overflow: hidden; } .checkout-steps.user-logged .checkout-step { width: 33.3%; } .checkout-steps .checkout-step.active, .checkout-steps .checkout-step.disabled { cursor: default; } .checkout-steps .checkout-step:before, .checkout-steps .checkout-step:after { content: ''; position: absolute; right: -23px; top: -23px; width: 46px; height: 46px; font-size: 0; transform: rotate(45deg); border: 3px solid #ffffff; } .checkout-steps .checkout-step:after { top: auto; bottom: -23px; transform: rotate(45deg); } .checkout-steps .checkout-step:last-child:before, .checkout-steps .checkout-step:last-child:after { display: none; } .checkout-steps .checkout-step:first-child { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } .checkout-steps .checkout-step:last-child { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; cursor: default; } @media (max-width: 768px) { .checkout-steps .checkout-step, .checkout-steps.user-logged .checkout-step { float: none; width: 100%; } .checkout-steps .checkout-step:before, .checkout-steps .checkout-step:after { display: none; } .checkout-steps .checkout-step:first-child { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .checkout-steps .checkout-step:last-child { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } } @media (max-width: 550px) { /* .woocommerce .checkout-navigation-buttons .checkout-prev-step, .woocommerce .checkout-navigation-buttons .checkout-next-step, .woocommerce .checkout-navigation-buttons .checkout-place-order { float: none; display: block; text-align: right; } .woocommerce .checkout-navigation-buttons .checkout-next-step, .woocommerce .checkout-navigation-buttons .checkout-place-order { padding-top: 30px; }*/ .woocommerce-cart-form.responsive .submit-buttons { text-align: left; padding: 0; } } @media (max-width: 400px) { .woocommerce-cart-form .actions .coupon { text-align: left; } .woocommerce-cart-form .actions .coupon input { margin-left: 0; } .woocommerce-cart-form .actions .coupon .gem-button-container { display: block; } } .checkout-contents { height: 0; overflow: hidden; visibility: hidden; padding: 0; } .checkout-contents.active { height: auto; overflow: visible; visibility: visible; display: block; } .woocommerce-cart .custom-header .custom-header-title p, .woocommerce-cart .custom-header .custom-header-title h1, .woocommerce-checkout .custom-header .custom-header-title p, .woocommerce-checkout .custom-header .custom-header-title h1, .woocommerce-wishlist .custom-header .custom-header-title p, .woocommerce-wishlist .custom-header .custom-header-title h1 { margin: 0; } .woocommerce-cart .custom-header, .woocommerce-checkout .custom-header, .woocommerce-wishlist .custom-header, .woocommerce-account .page-title-block { box-shadow: inset 0px 6px 7px -7px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 6px 7px -7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 6px 7px -7px rgba(0, 0, 0, 0.1); } .woocommerce-cart .custom-header .breadcrumbs .current, .woocommerce-checkout .custom-header .breadcrumbs .current, .woocommerce-wishlist .custom-header .breadcrumbs .current, .woocommerce-account .page-title-block .breadcrumbs .current { padding-bottom: 10px; } .woocommerce-page .page-description { margin-top: 120px; } .woocommerce-variation.single_variation:after { content: ' '; clear: both; display: table; } .woocommerce-variation.single_variation .woocommerce-variation-price { float: left; } .woocommerce-variation.single_variation .woocommerce-variation-availability:not(:empty) { padding-top: 25px; padding-bottom: 25px; } /* MODERN CART */ body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) { display: flex; flex-wrap: wrap; } body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) > * { width: 100%; } body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) > .woocommerce-cart-form { flex-basis: 66.667%; max-width: 66.667%; padding-right: 21px; } body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) > .cart_totals { flex-basis: 33.333%; max-width: 33.333%; padding-left: 21px; } .woocommerce-cart-checkout-steps { display: flex; flex-wrap: wrap; } .woocommerce-cart-checkout-steps-content { margin-bottom: 30px; } .woocommerce-cart-checkout-steps .step { text-align: center; flex-grow: 1; flex-basis: 0; padding: 10px; position: relative; } .woocommerce-cart-checkout-steps-content .step { border-bottom: 1px solid transparent; margin: 0; } .woocommerce-cart-checkout-steps-content:not(.cart-checkout-steps--builder) .step { font-size: 87.5%; } .woocommerce-cart-checkout-steps-content .step.active { border-bottom: 2px solid transparent; } @media (max-width: 767px) { .woocommerce-cart-checkout-steps .step { width: 100%; min-width: 100%; } } .woocommerce-cart-checkout-steps-title { justify-content: center; align-items: center; } .woocommerce-cart-checkout-steps-title .step { flex-grow: 0; flex-basis: auto; margin: 0; padding: 0; } .woocommerce-cart-checkout-steps-title .step-cart, .woocommerce-cart-checkout-steps-title .step-checkout { padding-right: 3em; } .woocommerce-cart-checkout-steps-title .step-cart:after, .woocommerce-cart-checkout-steps-title .step-checkout:after { content: '\e64c'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; position: absolute; right: 1.5em; top: 50%; transform: translateX(50%) translateY(-50%); height: 1em; line-height: 1em; vertical-align: middle; } @media (max-width: 767px) { .woocommerce-cart-checkout-steps-title .step-cart, .woocommerce-cart-checkout-steps-title .step-checkout { padding-right: 0; } .woocommerce-cart-checkout-steps-title .step-cart:after, .woocommerce-cart-checkout-steps-title .step-checkout:after, .woocommerce-cart-checkout-steps-title .step:not(.active) { display: none; } } body.woocommerce-cart-layout-modern .woocommerce .shop_table tr, body.woocommerce-cart-layout-modern .woocommerce .shop_table td { background: transparent; } .woocommerce-cart-layout-modern .gem-table thead, body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th { background: transparent; border-left: 0 none; border-right: 0 none; border-top: 0 none; padding-top: 0; color: inherit; line-height: 1.5; } body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th { font-size: max(87.5%, 14px); } body.woocommerce-cart-layout-modern .woocommerce .shop_table tbody tr.cart_item td, body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .shop_table tr td { background: transparent; border-left: 0 none; border-right: 0 none; } body.woocommerce-cart-layout-modern .woocommerce .shop_table.no-dividers tbody tr.cart_item td { border-top: 0 none; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .shop_table tr td.product-thumbnail { padding-left: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table tbody tr td.actions { border-left: 0 none; border-right: 0 none; border-bottom: 0 none; padding: 20px 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table.no-dividers tbody tr td.actions { border-top: 0 none; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-name, body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity, body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-subtotal { width: auto; } body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th.product-name { padding-left: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th.product-subtotal { padding-right: 0; text-align: right; } body.woocommerce-cart-layout-modern .woocommerce .shop_table tr td.product-remove { padding-left: 0; width: 1%; } body.woocommerce-cart-layout-modern .woocommerce .shop_table tr td.product-remove .remove { position: relative; display: inline-block; text-decoration: none; font-size: 0; color: inherit; text-shadow: none; background: transparent; border: 1px solid #5f727f; width: 15px; height: 15px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table td.product-remove .remove:before, body.woocommerce-cart-layout-modern .woocommerce .shop_table td.product-remove .remove:after { content: ''; position: absolute; width: 9px; height: 1px; top: 6px; background: #5f727f; font-size: 0; line-height: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table td.product-remove .remove:before { transform: rotate(45deg); left: 2px; right: auto; } body.woocommerce-cart-layout-modern .woocommerce .shop_table td.product-remove .remove:after { transform: rotate(-45deg); left: auto; right: 2px; } /*body.woocommerce-cart-layout-modern .woocommerce .shop_table td.product-remove .remove:after { left: 50%; top: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-size: 15px; font-style: normal; text-decoration: none; text-align: center; color: inherit; line-height: 20px; }*/ body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-thumbnail img.attachment-shop_thumbnail, body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-thumbnail img.attachment-woocommerce_thumbnail { width: 65px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-thumbnail img.attachment-thegem-product-thumbnail-vertical-2x { width: 160px; max-width: none; height: auto; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-thumbnail { padding-left: 20px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-name { padding-left: 30px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-name dl.variation { display: block; margin: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-name .woocommerce-Price-amount { display: block; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-subtotal { padding-right: 0; text-align: right; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity { display: inline-block; border-radius: 2px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button { background: transparent; position: relative; width: 40px; height: 40px; line-height: 40px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 25px; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button.minus:before { right: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button.plus:before { left: 0; } body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity input { background: transparent; margin: 0; width: 40px; height: 40px; padding: 0 5px; line-height: 40px; font-size: 18px; } body.woocommerce-cart-layout-modern .woocommerce .coupon { margin: 0 -18px; } body.woocommerce-cart-layout-modern .woocommerce input[type="text"].coupon-code { height: 40px; line-height: 40px; background: transparent; font-size: 14px; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .submit-buttons { padding-right: 0; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .submit-buttons button.button { line-height: 36px; font-size: 14px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner { padding: 35px; border-radius: 3px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals-inner h3 { margin-top: 0; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table td { border-left: 0 none; border-right: 0 none; padding-top: 15px; padding-bottom: 15px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th { padding-left: 0; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table td { text-align: right; padding-right: 0; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping th { vertical-align: top; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping.separate-calculator th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping.separate-calculator td { padding-bottom: 0; border-bottom: 0 none; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping td { font: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; font-size: 87.5%; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping td .woocommerce-shipping-methods { font-size: 114.3%; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr.shipping-address td { padding-top: 0; padding-left: 0; border-top: 0 none; } body.woocommerce-cart-layout-modern .woocommerce #shipping_method .radio-sign { margin-right: 0; margin-left: 5px; width: 12px; height: 12px; border-width: 1px; border-style: solid; border-color: #99a9b5; background: #ffffff; } body.woocommerce-cart-layout-modern .woocommerce #shipping_method .radio-sign.checked:before { background: #393d50; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr td #shipping_method li label { font-size: inherit; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals .shipping-calculator-button { display: inline-block; margin-bottom: 20px; font-size: 87.5%; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals .shipping-calculator-button:after { content: '\e602'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; vertical-align: top; font-size: 16px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals .shipping-calculator-button.active:after { content: '\e600'; } body.woocommerce-cart-layout-modern .woocommerce .combobox-wrapper .combobox-button:before, body.woocommerce-cart-layout-modern #page .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: '\e602'; font-size: 16px; text-align: center; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-shipping-calculator .form-row { padding: 0; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals .woocommerce-shipping-calculator button { border: 0 none; outline: 0 none; background: transparent; color: inherit; font-size: 87.5%; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals .woocommerce-shipping-calculator button:before { content: '\e67c'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; vertical-align: top; margin-right: 5px; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table td { width: auto; } body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr:last-child th, body.woocommerce-cart-layout-modern .woocommerce .cart_totals table tr:last-child td { border-bottom: 0 none; } body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button { padding: 20px 0 0; display: block; } body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button { padding: 0; display: block; line-height: 36px; } body.woocommerce-cart-layout-modern .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:before { display: none } body.woocommerce-cart-layout-modern .woocommerce .cross-sells { margin-top: 60px; } @media (max-width: 992px) { body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) > .woocommerce-cart-form { flex-basis: 100%; max-width: 100%; padding-right: 0; margin-bottom: 20px; } body.woocommerce-cart-layout-modern .woocommerce:not(.thegem-template-cart) > .cart_totals { flex-basis: 100%; max-width: 100%; padding-left: 0; } } /* CART COMPACT */ body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive thead { display: none; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive tr.cart_item { display: flex; flex-wrap: wrap; align-items: center; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td { border: 0 none; width: auto; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-remove, body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-thumbnail, body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-name { padding-top: 0; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td.product-name { padding-right: 0; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive.cart tbody tr:after { content: ''; width: 100%; order: 1; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive.cart tbody td.product-name ~ td { order: 2; padding-top: 0; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td.product-name, body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive.cart tbody td.product-name ~ td { flex-grow: 1; flex-basis: 0; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact table.shop_table_responsive.cart tbody td.product-quantity { text-align: left; margin-left: 18px; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .actions-inner { display: flex; flex-wrap: wrap; margin: 0 -10px; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .actions .coupon { float: none; display: flex; flex-grow: 10; flex-wrap: wrap; margin: 0; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .coupon input[type="text"].coupon-code { flex-grow: 10; margin: 10px; height: 40px; line-height: 40px; width: auto; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .actions .coupon .gem-button-container { margin: 10px; flex-grow: 1; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact .actions .coupon button { margin: 0; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .actions .submit-buttons { float: none; padding: 0; flex-grow: 1; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact .actions .submit-buttons .gem-button-container { margin: 10px; display: block; } body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact .actions .submit-buttons .update-cart .gem-button { margin: 0; line-height: 36px; } body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .actions .coupon .gem-button, body.woocommerce-cart-layout-modern form.woocommerce-cart-form.compact .submit-buttons .gem-button { width: 100%; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions-inner { display: flex; flex-wrap: wrap; justify-content: space-between; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions-inner .submit-buttons button.button { margin-left: 0; } @media (max-width: 768px) { body.woocommerce-cart-layout-modern table.shop_table_responsive thead { display: none; } body.woocommerce-cart-layout-modern table.shop_table_responsive tr.cart_item { display: flex; flex-wrap: wrap; align-items: center; } body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td { border: 0 none; width: auto; } body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-remove, body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-thumbnail, body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr:first-child td.product-name { padding-top: 0; } body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td.product-name { padding-right: 0; } body.woocommerce-cart-layout-modern table.shop_table_responsive.cart tbody tr:after { content: ''; width: 100%; order: 1; } body.woocommerce-cart-layout-modern table.shop_table_responsive.cart tbody td.product-name ~ td { order: 2; padding-top: 0; } body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr td.product-name, body.woocommerce-cart-layout-modern table.shop_table_responsive.cart tbody td.product-name ~ td { flex-grow: 1; flex-basis: 0; } body.woocommerce-cart-layout-modern table.shop_table_responsive.cart tbody td.product-quantity { text-align: left; margin-left: 18px; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions, body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions-inner { display: flex; flex-wrap: wrap; margin: 0 -10px; } body.woocommerce-cart-layout-modern .thegem-te-cart-table .woocommerce-cart-form .actions { display: table-cell; padding: 20px 0; margin: 0; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions .coupon { float: none; display: flex; flex-grow: 10; flex-wrap: wrap; margin: 0; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .coupon input[type="text"].coupon-code { flex-grow: 10; margin: 10px; height: 40px; line-height: 40px; width: auto; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions .coupon .gem-button-container { margin: 10px; flex-grow: 1; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .coupon button { margin: 0; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions .submit-buttons { float: none; padding: 0; flex-grow: 1; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .submit-buttons .gem-button-container { margin: 10px; display: block; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart .gem-button { margin: 0; line-height: 36px; } body.woocommerce-cart-layout-modern .woocommerce-cart-form .actions .coupon .gem-button, body.woocommerce-cart-layout-modern .woocommerce-cart-form .submit-buttons .gem-button { width: 100%; } } body.woocommerce-cart-layout-modern .woocommerce-empty-cart:before { content: ''; font-size: 200px; width: 1em; height: 1em; line-height: 1em; display: block; margin: 0 auto; -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.12,8.53L12,6.41L9.88,8.54L8.46,7.12L10.59,5L8.47,2.88L9.88,1.47L12,3.59L14.12,1.46L15.54,2.88L13.41,5L15.53,7.12L14.12,8.53M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22A2,2 0 0,1 5,20A2,2 0 0,1 7,18M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22A2,2 0 0,1 15,20A2,2 0 0,1 17,18M7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7A2,2 0 0,1 5,15C5,14.65 5.09,14.32 5.25,14.04L6.6,11.59L3,4H1V2H4.27L5.21,4L6.16,6L8.4,10.73L8.53,11H15.55L18.31,6L19.41,4H19.42L21.16,4.96L17.3,11.97C16.96,12.59 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75Z' /%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.12,8.53L12,6.41L9.88,8.54L8.46,7.12L10.59,5L8.47,2.88L9.88,1.47L12,3.59L14.12,1.46L15.54,2.88L13.41,5L15.53,7.12L14.12,8.53M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22A2,2 0 0,1 5,20A2,2 0 0,1 7,18M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22A2,2 0 0,1 15,20A2,2 0 0,1 17,18M7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7A2,2 0 0,1 5,15C5,14.65 5.09,14.32 5.25,14.04L6.6,11.59L3,4H1V2H4.27L5.21,4L6.16,6L8.4,10.73L8.53,11H15.55L18.31,6L19.41,4H19.42L21.16,4.96L17.3,11.97C16.96,12.59 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75Z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: 1em; mask-size: 1em; margin-bottom: 20px; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart .woocommerce-empty-cart__title { margin-bottom: 20px; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart .woocommerce-empty-cart__text { margin-bottom: 40px; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button { margin-top: 0; margin-bottom: 0; } body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button:hover { background: transparent; } /* Woo Germanized Styles */ body .woocommerce .cart_totals p.wc-gzd-additional-info, body .woocommerce .woocommerce-checkout table.shop_table p.wc-gzd-additional-info { font-family: var(--thegem-to-body-font-family); font-weight: var(--thegem-to-body-font-weight); font-style: var(--thegem-to-body-font-style); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); text-transform: var(--thegem-to-body-text-transform, none); letter-spacing: var(--thegem-to-body-letter-spacing); } body p.total-cart-tax.wc-gzd-total-mini-cart, body p.wc-gzd-cart-info.delivery-time-info{ margin: 0 !important; } body .widget_shopping_cart_content p.total-cart-tax.wc-gzd-total-mini-cart { padding: 15px 24px 0 24px; background-color: var(--styled-bg-color); color: var(--thegem-to-body-color) !important; font-family: var(--thegem-to-body-font-family); font-weight: var(--thegem-to-body-font-weight); font-style: var(--thegem-to-body-font-style); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); text-transform: var(--thegem-to-body-text-transform, none); letter-spacing: var(--thegem-to-body-letter-spacing); text-align: right; } body .widget_shopping_cart_content p.total-cart-tax.wc-gzd-total-mini-cart span{ color: var(--thegem-to-menu-level1-color) !important; } body p.wc-gzd-cart-info.delivery-time-info + .product-name-space { display: none; } body.woocommerce-gzd-checkout .order-review-inner h3#order_payment_heading, body.woocommerce-gzd-checkout .order-review-inner h3#order_review_heading{ padding: 0; font-family: var(--thegem-to-light-title-font-family); font-weight: var(--thegem-to-light-title-font-weight); font-style: var(--thegem-to-light-title-font-style); font-size: var(--thegem-to-h3-font-size); line-height: var(--thegem-to-h3-line-height); text-transform: var(--thegem-to-h3-text-transform); letter-spacing: var(--thegem-to-h3-letter-spacing); } body.woocommerce-gzd-checkout .order-review-inner h3#order_review_heading{ margin-top: 1em; margin-bottom: 1em; } body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#billing_title_field, body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#billing_title_field .select2-container, body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#shipping_title_field, body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#shipping_title_field .select2-container, body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#shipping_address_type_field, body.woocommerce-gzd-checkout .woocommerce .checkout .form-row#shipping_address_type_field .select2-container{ width: 100% !important; } body.woocommerce-gzd-checkout .woocommerce .checkout .wc-gzd-checkbox-placeholder{ margin-bottom: 1em; } body.woocommerce-gzd-checkout .woocommerce .checkout .wc-gzd-checkbox-placeholder .checkbox-sign { width: 24px; height: 24px; margin-right: 12px; vertical-align: middle; border-radius: 3px; background-color: transparent; } body.woocommerce-gzd-checkout .woocommerce .checkout .wc-gzd-checkbox-placeholder .checkbox-sign:before { color: var(--thegem-to-contact-form-dark-input-icon-color); } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content .dhl-preferred-location-types{ padding: 0; } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content .radio-sign{ width: 12px; height: 12px; margin-right: 6px; } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content .radio-sign:before { width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; background-color: var(--thegem-to-contact-form-dark-input-icon-color); } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content input[type=text]{ position: relative; display: inline-block; width: 100%; height: 40px; text-align: left; color: inherit; vertical-align: top; border-radius: 3px; padding: 0 18px; } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content input + input{ margin-top: 16px; } body.woocommerce-gzd-checkout .woocommerce .checkout .dhl-preferred-service-content input[type=text]::placeholder{ color: var(--thegem-to-date-filter-subtitle-color); } .dhl-preferred-service-content .dhl-preferred-service-logo img{ margin: 0; padding: 0; max-height: 100px; max-width: 100px; background: #fc0; } body.woocommerce-gzd-checkout .woocommerce .checkout #order_review table tbody td.product-name{ display: flex; align-items: center; } body.woocommerce-gzd-checkout .woocommerce .checkout .wc-gzd-product-name-left, body.woocommerce-gzd-checkout .woocommerce .checkout .wc-gzd-product-name-right{ max-width: none; margin: 0; } body.woocommerce-gzd-checkout .woocommerce .checkout .place-order{ float: none; } body.woocommerce-cart-layout-modern .woocommerce .woocommerce-table--order-details { background-color: transparent; } /* CATEGORIES */ .products .product-category a { color: inherit; display: block; position: relative; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .products .category-overlay { position: absolute; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.85); text-align: center; padding: 15px 20px 20px; left: 0; width: 100%; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .category-overlay { bottom: 15%; } .products .product-category .category-title { margin: 0 0 5px; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .products .category-overlay-separator { margin: 0 auto; height: 1px; width: 50px; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #00bcd4; } .products .product-category a:hover .category-overlay { background-color: #393d50; color: #ffffff; } .products .product-category a:hover .category-title { color: #ffffff; } .products .product-category a:hover .category-overlay-separator { width: 80px; } .products .product-info .product-rating .empty-rating { padding-top: 8px; padding-bottom: 7px; } .products .product-info .product-rating .empty-rating:before { content: ''; display: block; border: 0 none; border-top: 1px solid transparent; width: 50px; margin: 0 auto; } .quick-view-button { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 7px 20px; opacity: 0; visibility: hidden; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 15; } .products .product-inner:hover .quick-view-button { opacity: 1; visibility: visible; } .woo-modal-product .woocommerce { max-width: 1200px; width: 90%; } .gem-simple-gallery.gem-quick-view-gallery .gem-gallery-item { margin: 0; } .woo-modal-product > .woocommerce { background: transparent; padding: 0; } .woo-modal-product > .woocommerce .product { background: #fff; overflow: hidden; padding: 40px; } .product-quick-view-navigation { text-align: center; padding: 10px; } .product-quick-view-navigation .gem-button { margin: 5px; } /*.woo-modal-product .single-product-content .product_title { margin-top: 0px; }*/ .woo-modal-product .woocommerce-product-rating .star-rating, .woo-modal-product .single-product-content .woocommerce-product-rating .product-reviews-link { display: inline-block; margin-right: 10px; } .woo-modal-product .single-product-content-right { /*padding-bottom: 30px;*/ } .woo-modal-product .fancybox-close-small, #checkout-login-popup .fancybox-close-small, #checkout-coupon-popup .fancybox-close-small { top: 10px; right: 10px; } .woo-modal-product .fancybox-close-small:after, #checkout-login-popup .fancybox-close-small:after, #checkout-coupon-popup .fancybox-close-small:after { font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-size: 24px; content: '\e619'; } .woo-modal-product .fancybox-close-small.fancybox-button svg, #checkout-login-popup .fancybox-close-small.fancybox-button svg, #checkout-coupon-popup .fancybox-close-small.fancybox-button svg { display: none; } .woo-modal-product .fancybox-close-small:hover:after, #checkout-login-popup .fancybox-close-small:hover:after, #checkout-coupon-popup .fancybox-close-small:hover:after { background: transparent; } .product-quick-view .fancybox-button svg{ display: none; } .product-quick-view .fancybox-caption { background: transparent; } .gem-product-load-more .inner { width: 100%; overflow: hidden; text-align: center; padding: 0; position: relative; } .gem-product-scroll-pagination { visibility: hidden; position: relative; } .gem-product-scroll-pagination.active { visibility: visible; height: 100px; } /* Checkout one page */ .checkout-steps.woocommerce-steps-one-page .checkout-step { width: 33.3%; text-align: center; padding-right: 33px; padding-left: 0; } .woocommerce-checkout-one-page #customer_details > div { width: 100%; } .woocommerce-checkout-one-page #customer_details > div:after { content: ''; display: block; height: 0; font-size: 0; line-height: 1; overflow: hidden; border-bottom: 1px dashed transparent; margin-top: 36px; margin-bottom: 38px; width: 100%; } .woocommerce-checkout-one-page #customer_details > div:last-child:after { display: none; } .woocommerce-checkout-one-page:not(.woocommerce-checkout-with-template) { margin: 20px -21px 0; } .woocommerce-checkout-one-page .checkout-contents { height: auto; visibility: visible; overflow: visible; } .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-billing"], .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-payment"] { float: left; width: 50%; padding: 0 21px; } .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-billing"] .checkout-navigation-buttons { display: none; } .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-payment"] { } .woocommerce .woocommerce-checkout-one-page .woocommerce-shipping-fields > h2 { margin-bottom: 17px; } .woocommerce-checkout-one-page .woocommerce-shipping-fields { padding-bottom: 0; } .woocommerce .checkout.woocommerce-checkout-one-page .form-row textarea.input-text, .woocommerce .edit-address-form .form-row textarea.input-text { height: 116px; } .woocommerce .checkout.woocommerce-checkout-one-page div.create-account { padding-top: 0; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .woocommerce-checkout-payment .payment_methods .payment_box, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .payment_box { padding: 7px 0 0 0; margin: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: transparent; color: inherit; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .woocommerce-checkout-payment .payment_methods .payment_box:before, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .payment_box:before { display: none; } .woocommerce-checkout-one-page .checkout-payment { } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .woocommerce-checkout-payment .place-order, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .thegem-te-checkout-payment .woocommerce-checkout-payment .place-order { float: none; } .woocommerce-checkout-one-page .checkout-navigation-buttons .checkout-prev-step { display: none; } .woocommerce-checkout-one-page .woocommerce-checkout-payment .checkout-navigation-buttons { margin-top: 44px; } .woocommerce .woocommerce-checkout-one-page #order_review { padding: 18px 38px 46px; } .woocommerce .woocommerce-checkout-one-page #order_review.thegem-te-checkout-order { padding: 0; } @media (max-width: 768px) { .woocommerce .woocommerce-checkout-one-page #order_review { padding: 18px 15px 46px; } } .woocommerce .woocommerce-checkout-one-page #order_review.thegem-te-checkout-order #order_review_heading { margin-top: 0; } .woocommerce .woocommerce-checkout-one-page .thegem-te-checkout-billing .checkout-billing-title, .woocommerce .woocommerce-checkout-one-page .thegem-te-shipping-order .checkout-shipping-title, .woocommerce .woocommerce-checkout-one-page #order_review.thegem-te-checkout-order .checkout-order-title { margin-top: 0; } .woocommerce-checkout-one-page .shop-table-footer-total { padding: 0; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .woocommerce-checkout-payment-total { width: 100%; float: none; } .woocommerce-checkout-one-page #order_review table { width: 100%; border: 0; background: transparent; } .woocommerce-checkout-one-page #order_review table thead, .woocommerce-checkout-one-page #order_review table tbody { background: transparent; } .woocommerce-checkout-one-page #order_review table tr, .woocommerce-checkout-one-page #order_review table th, .woocommerce-checkout-one-page #order_review table td { border-width: 0; background: transparent; } .woocommerce-checkout-one-page #order_review table thead th, .woocommerce-checkout-one-page #order_review table tbody thead th { text-align: left; padding: 0 0 17px 0; border-top: 0; } .woocommerce-checkout-one-page #order_review table thead th.product-total { text-align: right; } .woocommerce-checkout-one-page #order_review table tbody th, .woocommerce-checkout-one-page #order_review table tbody td { text-align: left; padding: 8px 0 10px 0; border-top-width: 1px; border-top-style: solid; } .woocommerce-checkout-one-page #order_review table.no-dividers tbody th, .woocommerce-checkout-one-page #order_review table.no-dividers tbody td { border-top: 0 none; } @media (max-width: 768px) { .woocommerce .woocommerce-checkout-one-page #order_review table thead th { font-size: 18px; line-height: 1.5; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { font-size: 16px; line-height: 1.5; } } .woocommerce-checkout-one-page #order_review table tbody.responsive > tr > td { padding: 0; border: 0; } .woocommerce-checkout-one-page #order_review table.woocommerce-checkout-payment-total tbody th, .woocommerce-checkout-one-page #order_review table.woocommerce-checkout-payment-total tbody td { padding: 21px 0 24px 0; } .woocommerce-checkout-one-page #order_review table tbody tr td:last-child { text-align: right; } .woocommerce-checkout-one-page .shop_table .product-name .product-meta { display: block; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .woocommerce-checkout-payment-total th { text-transform: uppercase; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .woocommerce-checkout-payment, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .thegem-te-checkout-payment .woocommerce-checkout-payment { padding-top: 5px; margin-top: 0; } .woocommerce .woocommerce-checkout-one-page #shipping_method .radio-sign, .woocommerce .woocommerce-checkout-one-page #shipping_method input[type="radio"] { float: right; margin-right: 0; margin-left: 10px; margin-top: 4px; } .woocommerce .woocommerce-checkout-one-page #shipping_method .radio-sign + label { float: right; } .woocommerce .woocommerce-checkout-one-page #shipping_method li:before, .woocommerce .woocommerce-checkout-one-page #shipping_method li:after { display: table; content: " "; } .woocommerce .woocommerce-checkout-one-page #shipping_method li:after { clear: both; } .woocommerce .woocommerce-checkout-one-page #shipping_method li { margin-top: 5px; clear: both; } .woocommerce .woocommerce-checkout-one-page #shipping_method li:first-child { margin-top: 0; } .woocommerce .woocommerce-checkout-one-page .woocommerce-checkout-payment .blockOverlay, .woocommerce .woocommerce-checkout-one-page .woocommerce-checkout-review-order-table .blockOverlay { left: -38px !important; right: -38px !important; bottom: -46px !important; width: auto !important; height: auto !important; } .woocommerce .woocommerce-checkout-one-page .woocommerce-checkout-review-order-table .blockOverlay { top: -45px !important; bottom: 0 !important; } .checkout-order-review-pattern { font-size: 0; line-height: 1; } .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .shop_table .product-name .product-title span { font-weight: bold; } .gem-button-container.checkout-one-page-demo { text-align: right; } .gem-button-container.checkout-one-page-demo a { margin-top: 0; } #checkout-login-popup, #checkout-coupon-popup { padding: 55px; } #checkout-login-popup .form-row-last { margin-bottom: 35px; } @media (max-width: 900px) { .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-billing"], .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-payment"] { width: 100%; float: none; } .woocommerce-checkout-one-page .checkout-contents[data-tab-content-id="checkout-payment"] { margin-top: 3em; } } @media (max-width: 768px) { .checkout-steps.woocommerce-steps-one-page .checkout-step { width: 100%; padding-right: 0; } } @media (max-width: 600px) { #checkout-login-popup { padding: 30px; } } .checkout-before-checkout-form { } .checkout-before-checkout-form .checkout-notice { margin-bottom: 27px; } @media (min-width: 768px) { .checkout-before-checkout-form .checkout-notice { display: inline-block; margin-right: 19px; } .checkout-before-checkout-form .checkout-notice ~ .checkout-notice:before { content: ''; display: inline-block; height: 20px; border-left: 1px solid #dfe5e8; vertical-align: middle; padding-left: 18px; } } .single-product-content .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a img { height: auto; min-height: 80px; } /*default woo gallery*/ .single-product-content-left.default-gallery .woocommerce-product-gallery{ position: relative; } .single-product-content-left.default-gallery .woocommerce-product-gallery__wrapper{ display: flex; flex: auto; flex-wrap: wrap; margin: 0 -8px; } .single-product-content-left.default-gallery .woocommerce-product-gallery__image{ padding: 0 8px; margin-top: 16px; width: 20%; } .single-product-content-left.default-gallery .woocommerce-product-gallery__image:first-child{ width: 100%; margin: 0; } .single-product-content-left.default-gallery .woocommerce-product-gallery__image a img{ width: 100%; height: auto; } .single-product-content-left.default-gallery span.onsale{ position: absolute; top: 10px; left: 32px; } /* Sidebar */ body.single-product .page-sidebar .widget:first-child .widget-title { margin-top: -9px; } /* SWATCHES */ .gem-attribute-selector .field-input { display: none; } .gem-attribute-selector { padding: 4px 0 0; margin-bottom: -12px; } .gem-attribute-selector .gem-attribute-options li { display: inline-block; margin-right: 12px; margin-bottom: 12px; position: relative; cursor: pointer; } .gem-attribute-selector.type-color .gem-attribute-options li { padding: 2px; width: 30px; height: 30px; border-radius: 50%; } .gem-attribute-selector .gem-attribute-options li .color { display: inline-block; vertical-align: top; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .gem-attribute-selector .gem-attribute-options li .text { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out; margin-bottom: 7px; padding: 0 10px; } .gem-attribute-selector .gem-attribute-options li:hover .text { opacity: 1; visibility: visible; font-size: 87.5%; line-height: 1.5; border-radius: 3px; } .gem-attribute-selector .gem-attribute-options li .text:after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent; } .gem-attribute-selector .gem-attribute-options li.disabled { opacity: 0.3; cursor: not-allowed; } .gem-attribute-selector.type-label .gem-attribute-options li { padding: 0 7px; line-height: 28px; border-radius: 3px; height: 30px; min-width: 30px; text-align: center; } .gem-attribute-selector .gem-attribute-options li .label { font-size: 87.5%; vertical-align: top; transition: color 0.3s ease-out; } .gem-attribute-selector.type-label .gem-attribute-options li .text { display: none; } table.variations td.label .selected-text { display: none; margin-left: 5px; vertical-align: top; } @media (max-width: 768px) { table.variations tr, body .variations_form table.variations td, body .variations_form table.variations td.label { display: block; } body .variations_form table.variations td.label { width: auto; max-width: none; padding-bottom: 0; } table.variations td.label .selected-text { display: inline; } body .variations_form table.variations td.label label { line-height: inherit; } .gem-attribute-selector.type-color .gem-attribute-options li .text { display: none; } } /* SWATCHES SIDEBAR */ .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color { margin-bottom: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color { padding-left: 0 !important; align-items: center; } .portfolio-filters-list .portfolio-filter-item.multiple.attribute-type-color ul li a.active:before { display: none; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a .color, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color .color { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; position: relative; margin: 3px; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a .color:before, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color .color:before { content: ''; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; border-radius: 50%; border: 1px solid transparent; transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a .color + .title, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color .color + .title { margin-left: 10px; margin-right: auto; } .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li, .portfolio-filters-list .widget_layered_nav .attribute-type-label-list ~ .woocommerce-widget-layered-nav-list li { display: inline-block; vertical-align: top; margin-right: 5px; margin-bottom: 8px; } .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-label { padding-left: 7px !important; padding-right: 7px; border: 1px solid transparent; border-radius: 3px; height: 30px; line-height: 28px; min-width: 30px; text-align: center; display: inline-block; vertical-align: top; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a .count, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-label .count { display: none; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a:before, .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a:after, .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a:before, .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a:after, .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-color:before, .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-label:before { display: none; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a:before { } .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a .title, .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-label .title { font-size: 87.5%; vertical-align: top; } .portfolio-filters-list .portfolio-filter-item.attribute-type-color .portfolio-filter-item-list ul li a:not(.disable):hover, .portfolio-filters-list .portfolio-filter-item.attribute-type-color .portfolio-filter-item-list ul li a.active { color: inherit; } .thegem-template-single-product .vc_row[data-vc-full-width] { margin-left: 0; margin-right: 0; } body.single-thegem_templates.compose-mode .thegem-template-single-product .vc_row[data-vc-full-width] { margin-left: -21px; margin-right: -21px; } .thegem-template-single-product .vc_row[data-vc-full-width] > .container { padding-left: 0; padding-right: 0; } @media (max-width: 1212px){ .thegem-template-single-product .vc_row[data-vc-full-width] > .container { width: 100%; } } .thegem-template-product-archive .vc_row[data-vc-full-width] { margin-left: 0; margin-right: 0; } body.single-thegem_templates.compose-mode .thegem-template-product-archive .vc_row[data-vc-full-width] { margin-left: -21px; margin-right: -21px; } .thegem-template-product-archive .vc_row[data-vc-full-width] > .container { padding-left: 0; padding-right: 0; } @media (max-width: 1212px){ .thegem-template-product-archive .vc_row[data-vc-full-width] > .container { width: 100%; } } /* YITH WooCommerce Request A Quote */ .yith-ywraq-mail-form-wrapper form input[type="text"], .yith-ywraq-mail-form-wrapper form input[type="email"], .yith-ywraq-mail-form-wrapper form textarea { width: 100%; } .yith-ywraq-mail-form-wrapper form input[type="submit"] { margin: 0; } /*Product Page Right Column Third party Buttons*/ .single-product-content-right .yith-ywraq-add-to-quote{ display: block; width: 100%; margin: 0 !important; padding: 0; } .single-product-content-right .yith-ywraq-add-to-quote a.ywraq-link, .single-product-content-right .yith_ywraq_add_item_browse_message a{ font-size: inherit !important; font-weight: inherit !important; } .single-product-content-right .yith-ywraq-add-to-quote img{ display: none !important; } .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button{ position: relative; display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; border: 0 none; vertical-align: middle; height: 40px; line-height: 40px; padding: 0 17px; margin: 10px 0; font-size: 14px !important; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; } #ywraq_cart_quote.button, #ywraq_checkout_quote.button { line-height: 40px; margin-top: 20px; } /* Cart & Checkout Notices New Style */ body.woocommerce-page ul.woocommerce-error{ position: relative; display: flex; flex-direction: column; justify-content: center; padding: 6px 30px 6px 65px !important; border-radius: 5px !important; margin: 0 0 35px 0; min-height: 50px; list-style-type: none; background-color: #fcc6c2; } body.woocommerce-page ul.woocommerce-error:before{ position: absolute; left: 30px; top: 50%; width: 22px; height: 22px; margin: 0; display: inline-flex; transform: translateY(-50%); border-radius: 50%; font-family: 'thegem-icons'; content: '\e682'; font-size: 22px; line-height: 1; text-align: center; background-color: transparent; color: #d2352a; } body.woocommerce-page ul.woocommerce-error li{ padding: 0; margin: 5px 0; height: auto; font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); text-transform: var(--thegem-to-body-text-transform); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); color: #3c3950; background-color: transparent !important; } body.woocommerce-page ul.woocommerce-error li strong{ font-weight: var(--thegem-to-body-font-weight); text-transform: none; } body.woocommerce-page ul.woocommerce-error li a{ color: #d2352a; text-decoration: underline; transition: opacity 0.3s; padding-left: 5px; } body.woocommerce-page ul.woocommerce-error li a:hover{ opacity: 0.7; } body.woocommerce-page ul.woocommerce-error li:before{ display: none; } body.woocommerce-page .woocommerce-invalid input, body.woocommerce-page .woocommerce-invalid textarea{ border-color: #d2352a !important; } body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-notice--success, body.woocommerce-page .woocommerce-notice--error{ position: relative; height: auto; display: flex; flex-wrap: wrap; align-items: center; min-height: 50px; padding: 6px 30px 6px 65px !important; border-radius: 5px !important; margin: 0 0 35px 0; font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); text-transform: var(--thegem-to-body-text-transform); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); color: #3c3950; } body.woocommerce-page .woocommerce-message .cart-added a{ position: relative; height: auto; border: 0; border-radius: 0; padding: 0 20px; font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); text-transform: var(--thegem-to-body-text-transform); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); background-color: transparent; } body.woocommerce-page .woocommerce-message .cart-added a:after{ font-family: 'thegem-icons'; content: '\e64c'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } body.woocommerce-page .woocommerce-message a, body.woocommerce-page .woocommerce-info a, body.woocommerce-page .woocommerce-notice--success a, body.woocommerce-page .woocommerce-notice--error a, body.woocommerce-page .woocommerce-message .cart-added a{ text-decoration: underline; transition: opacity 0.3s; padding-left: 5px; } body.woocommerce-page .woocommerce-message a:hover, body.woocommerce-page .woocommerce-info a:hover, body.woocommerce-page .woocommerce-notice--success a:hover, body.woocommerce-page .woocommerce-notice--error a:hover, body.woocommerce-page .woocommerce-message .cart-added a:hover{ opacity: 0.7; } body.woocommerce-page .woocommerce-message a, body.woocommerce-page .woocommerce-info a { color: #008192; } body.woocommerce-page .woocommerce-notice--success a{ color: #498d00; } body.woocommerce-page .woocommerce-notice--error a{ color: #d2352a; } body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info{ background-color: #b2ebf2; } body.woocommerce-page .woocommerce-notice--success{ background-color: #d5f1b6; } body.woocommerce-page .woocommerce-notice--error { background-color: #fcc6c2; } body.woocommerce-page .woocommerce-message:before, body.woocommerce-page .woocommerce-info:before, body.woocommerce-page .woocommerce-notice--success:before, body.woocommerce-page .woocommerce-notice--error:before{ position: absolute; left: 30px; top: 50%; width: 22px; height: 22px; margin: 0; display: inline-flex; transform: translateY(-50%); border-radius: 50%; font-family: 'thegem-icons'; font-size: 22px; line-height: 1; text-align: center; background-color: transparent !important; } body.woocommerce-page .woocommerce-message:before, body.woocommerce-page .woocommerce-info:before{ content: '\e683'; color: #008192; } body.woocommerce-page .woocommerce-notice--success:before{ content: '\e646'; color: #498d00; } body.woocommerce-page .woocommerce-notice--error:before{ content: '\e682'; color: #d2352a; } @media (max-width: 767px) { body.woocommerce-page ul.woocommerce-error, body.woocommerce-page .woocommerce-message, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-notice--success, body.woocommerce-page .woocommerce-notice--error{ padding: 6px 15px 6px 50px !important; } body.woocommerce-page ul.woocommerce-error:before, body.woocommerce-page .woocommerce-message:before, body.woocommerce-page .woocommerce-info:before, body.woocommerce-page .woocommerce-notice--success:before, body.woocommerce-page .woocommerce-notice--error:before{ left: 15px; } } /* Product Archive Title */ .thegem-te-product-archive-title{ position: relative; width: 100%; } .thegem-te-product-archive-title .product-title{ position: relative; display: inline-flex; padding: 0; margin: 0; } /* Product Archive Description */ .thegem-te-product-archive-description{ position: relative; width: 100%; } .thegem-te-product-archive-description .product-description{ position: relative; display: inline-flex; padding: 0; margin: 0 } /* Product Archive Breadcrumbs */ .thegem-te-product-archive-breadcrumbs{ position: relative; width: 100%; } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs{ position: relative; display: flex; width: 100%; align-items: center; z-index: 1; } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul{ display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none; } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li{ position: relative; font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); color: var(--thegem-to-breadcrumbs-color); } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li:not(:last-child){ padding-right: 20px; margin-right: 5px; } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li:not(:last-child):after{ font-family: 'thegem-icons'; content: '\e601'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 1; } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li a{ color: var(--thegem-to-breadcrumbs-color); } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li a:hover{ color: var(--thegem-to-breadcrumbs-color-hover); } .thegem-te-product-archive-breadcrumbs .product-breadcrumbs ul li:last-child{ color: var(--thegem-to-breadcrumbs-color-active); } /* Cart Totals */ .thegem-te-cart-totals { position: relative; } .thegem-te-cart-totals .cart_totals .cart_totals-inner table.shop_table th, .thegem-te-cart-totals .cart_totals .cart_totals-inner table.shop_table td { background-color: transparent; } .thegem-te-cart-totals.cart-totals-title--hide .cart_totals .cart_totals-inner table tr:first-child th, .thegem-te-cart-totals.cart-totals-title--hide .cart_totals .cart_totals-inner table tr:first-child td { border: 0 !important; padding-top: 0 !important; } .thegem-te-cart-totals .cart_totals .cart_totals-inner .cart_totals_title span{ position: relative; display: block; margin-top: 0; margin-bottom: 1.13em; } .thegem-te-cart-totals.cart-totals-title--hide .cart_totals .cart_totals-inner .cart_totals_title{ display: none !important; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout{ position: relative; display: flex; flex-wrap: wrap; } .thegem-te-cart-totals.checkout-btn--hide .cart_totals .wc-proceed-to-checkout{ display: none !important; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout .gem-button{ width: auto; padding: 0 17px !important; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--left{ justify-content: left; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--center{ justify-content: center; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--right{ justify-content: right; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--fullwidth{ justify-content: space-between; } .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--fullwidth .checkout-button-button, .thegem-te-cart-totals .cart_totals .wc-proceed-to-checkout.checkout-btn--fullwidth .checkout-button-button .gem-button{ width: 100%; } .thegem-te-cart-totals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form{ display: none; } .thegem-te-cart-totals .cart_totals .woocommerce-shipping-calculator .form-row .select2-container, .thegem-te-cart-totals .cart_totals .woocommerce-shipping-calculator .form-row .select2-selection--single{ background-color: transparent !important; } .thegem-te-cart-totals .cart_totals .woocommerce-shipping-calculator .form-row .select2-selection__rendered{ background-color: #FFFFFF; } /* Checkout Payment */ .thegem-te-checkout-payment .checkout-navigation-buttons{ position: relative; display: flex !important; flex-wrap: wrap; } .thegem-te-checkout-payment .checkout-navigation-buttons .checkout-place-order .gem-button { width: auto !important; padding: 0 17px !important; } .thegem-te-checkout-payment.place-order-btn--hide .checkout-navigation-buttons{ display: none !important; } .thegem-te-checkout-payment.place-order-btn--left .checkout-navigation-buttons{ justify-content: left; } .thegem-te-checkout-payment.place-order-btn--center .checkout-navigation-buttons{ justify-content: center; } .thegem-te-checkout-payment.place-order-btn--right .checkout-navigation-buttons{ justify-content: right; } .thegem-te-checkout-payment.place-order-btn--fullwidth .checkout-navigation-buttons{ justify-content: space-between; } .thegem-te-checkout-payment.place-order-btn--fullwidth .checkout-navigation-buttons .checkout-place-order, .thegem-te-checkout-payment.place-order-btn--fullwidth .checkout-navigation-buttons .checkout-place-order .gem-button{ width: 100% !important; } .thegem-te-checkout-payment #order_review_heading{ display: none !important; } .thegem-te-checkout-payment.payment-box-paddings--hide .payment_methods li .payment_box{ padding: 0 !important; margin-top: 16px !important; } /* Checkout Billing / Shipping Details */ .woocommerce form.checkout .thegem-te-checkout-billing .form-row-first, .woocommerce form.checkout .thegem-te-checkout-billing .form-row-last, .woocommerce form.checkout .thegem-te-checkout-shipping .form-row-first, .woocommerce form.checkout .thegem-te-checkout-shipping .form-row-last { width: calc(50% - 8px); } .woocommerce form.checkout .thegem-te-checkout-billing .form-row .input-text, .woocommerce form.checkout .thegem-te-checkout-shipping .form-row .input-text{ background-color: transparent; } .woocommerce form.checkout .thegem-te-checkout-billing .select2-container, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-container, .woocommerce form.checkout .thegem-te-checkout-billing .select2-selection--single, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-selection--single { background-color: transparent !important; } .woocommerce form.checkout .thegem-te-checkout-billing .select2-selection__rendered, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-selection__rendered{ background-color: transparent; } .woocommerce form.checkout .thegem-te-checkout-billing .select2-selection--single, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-selection--single { min-height: 40px; } .woocommerce form.checkout .thegem-te-checkout-billing .select2-selection__rendered, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-selection__rendered, .woocommerce form.checkout .thegem-te-checkout-billing .select2-selection__arrow, .woocommerce form.checkout .thegem-te-checkout-shipping .select2-selection__arrow { min-height: 38px; line-height: 38px; } /* Checkout Billing / Shipping Compact */ .woocommerce form.checkout .thegem-te-checkout-billing .checkout-billing-title, .woocommerce form.checkout .thegem-te-checkout-shipping .checkout-shipping-title{ margin: 0 0 1.13em 0; } .woocommerce form.checkout .thegem-te-checkout-billing .woocommerce-billing-fields__field-wrapper { margin-top: -16px; } @media (min-width: 768px) { .woocommerce form.checkout .thegem-te-checkout-billing.compact .woocommerce-billing-fields__field-wrapper, .woocommerce form.checkout .thegem-te-checkout-shipping.compact .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 16px; } .woocommerce form.checkout .thegem-te-checkout-billing.compact .woocommerce-billing-fields__field-wrapper .clear, .woocommerce form.checkout .thegem-te-checkout-shipping.compact .woocommerce-shipping-fields__field-wrapper .clear { display: none; } .woocommerce form.checkout .thegem-te-checkout-billing.compact .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce form.checkout .thegem-te-checkout-shipping.compact .woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce form.checkout .thegem-te-checkout-shipping.compact #ship-to-different-address.form-row { float:none; width: auto; } .woocommerce form.checkout .thegem-te-checkout-billing.compact .woocommerce-billing-fields__field-wrapper label.screen-reader-text, .woocommerce form.checkout .thegem-te-checkout-shipping.compact .woocommerce-shipping-fields__field-wrapper label.screen-reader-text { position: static !important; height: auto; width: auto; } } /* Checkout Orders */ .woocommerce form.checkout .thegem-te-checkout-order .checkout-order-title{ margin-top: 0; } .woocommerce form.checkout .thegem-te-checkout-order #order_review{ padding: 0; } .woocommerce form.checkout .thegem-te-checkout-order #order_review table.woocommerce-checkout-review-order-table{ border-collapse: separate; } .woocommerce form.checkout .thegem-te-checkout-order #order_review table.woocommerce-checkout-review-order-table .product-name { width: auto; } .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-review-order-table th, .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-review-order-table td { border: 0 !important; } .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-review-order-table tr.cart_item:first-child th, .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-review-order-table tr.cart_item:first-child td, .woocommerce form.checkout .thegem-te-checkout-order.hide-divider-top #order_review .woocommerce-checkout-review-order-table tr.cart_item:first-child th, .woocommerce form.checkout .thegem-te-checkout-order.hide-divider-top #order_review .woocommerce-checkout-review-order-table tr.cart_item:first-child td { border-top: 0 !important; padding-top: 0 !important; } .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-payment-total tr:last-child th, .woocommerce form.checkout .thegem-te-checkout-order.hide-dividers #order_review .woocommerce-checkout-payment-total tr:last-child td, .woocommerce form.checkout .thegem-te-checkout-order.hide-divider-bottom #order_review .woocommerce-checkout-payment-total tr:last-child th, .woocommerce form.checkout .thegem-te-checkout-order.hide-divider-bottom #order_review .woocommerce-checkout-payment-total tr:last-child td { border-bottom: 0 !important; padding-bottom: 0 !important; } .woocommerce form.checkout .thegem-te-checkout-order .wc-gzd-order-submit .gem-button { width: auto !important; padding: 0 17px !important; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--hide .wc-gzd-order-submit{ display: none !important; } .woocommerce form.checkout .thegem-te-checkout-order .wc-gzd-order-submit .gem-button-container{ display: flex; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--left .wc-gzd-order-submit .gem-button-container{ justify-content: left; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--center .wc-gzd-order-submit .gem-button-container{ justify-content: center; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--right .wc-gzd-order-submit .gem-button-container{ justify-content: right; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--fullwidth .wc-gzd-order-submit .gem-button-container{ justify-content: space-between; } .woocommerce form.checkout .thegem-te-checkout-order.place-order-btn--fullwidth .wc-gzd-order-submit .checkout-place-order .gem-button{ width: 100% !important; } /* Checkout Thanks Order Overview */ .thegem-te-checkout-thanks-order-overview .woocommerce-order-overview{ display: flex; flex-direction: column; padding: 0; margin: 0 !important; } .thegem-te-checkout-thanks-order-overview .woocommerce-order-overview li{ display: inline-flex; min-width: max-content; margin-top: 0; } .thegem-te-checkout-thanks-order-overview .woocommerce-order-overview li strong{ padding-left: 5px; } .thegem-te-checkout-thanks-order-overview.list-alignment--left .woocommerce-order-overview{ text-align: left; align-items: flex-start; } .thegem-te-checkout-thanks-order-overview.list-alignment--center .woocommerce-order-overview{ text-align: center; align-items: center; } .thegem-te-checkout-thanks-order-overview.list-alignment--right .woocommerce-order-overview{ text-align: right; align-items: flex-end; } /* Checkout Thanks Customer Details / Billing Details / Shipping Details */ .thegem-te-checkout-thanks-customer-details .woocommerce-customer-details__title, .thegem-te-checkout-thanks-billing-details .woocommerce-billing-details__title, .thegem-te-checkout-thanks-shipping-details .woocommerce-shipping-details__title{ margin-top: 0; margin-bottom: 1.13em; } .thegem-te-checkout-thanks-customer-details .woocommerce-customer-details, .thegem-te-checkout-thanks-billing-details .woocommerce-billing-details, .thegem-te-checkout-thanks-shipping-details .woocommerce-shipping-details{ line-height: calc(var(--thegem-to-body-line-height) * 1.4); font-style: var(--thegem-to-body-font-style, normal); } .thegem-te-checkout-thanks-customer-details.list-alignment--left .woocommerce-customer-details, .thegem-te-checkout-thanks-billing-details.list-alignment--left .woocommerce-billing-details, .thegem-te-checkout-thanks-shipping-details.list-alignment--left .woocommerce-shipping-details{ text-align: left; } .thegem-te-checkout-thanks-customer-details.list-alignment--center .woocommerce-customer-details, .thegem-te-checkout-thanks-billing-details.list-alignment--center .woocommerce-billing-details, .thegem-te-checkout-thanks-shipping-details.list-alignment--center .woocommerce-shipping-details{ text-align: center; } .thegem-te-checkout-thanks-customer-details.list-alignment--right .woocommerce-customer-details, .thegem-te-checkout-thanks-billing-details.list-alignment--right .woocommerce-billing-details, .thegem-te-checkout-thanks-shipping-details.list-alignment--right .woocommerce-shipping-details{ text-align: right; } /* Checkout Thanks Order Details */ .thegem-te-checkout-thanks-order-details .woocommerce-order-details__title{ margin-top: 0; margin-bottom: 1.13em; } .thegem-te-checkout-thanks-order-details table.woocommerce-table--order-details th.product-total{ text-align: right; } .thegem-te-checkout-thanks-order-details.hide-dividers table.woocommerce-table--order-details th, .thegem-te-checkout-thanks-order-details.hide-dividers table.woocommerce-table--order-details td{ border: 0 !important; } .thegem-te-checkout-thanks-order-details.hide-dividers table.woocommerce-table--order-details td{ padding-top: 0 !important; padding-bottom: 0 !important; } /* Checkout Thanks Cart Totals */ .thegem-te-checkout-thanks-cart-totals .woocommerce-cart-totals__title{ margin-top: 0; margin-bottom: 1.13em; } .thegem-te-checkout-thanks-cart-totals.hide-dividers table th, .thegem-te-checkout-thanks-cart-totals.hide-dividers table td{ border: 0 !important; } /* Loading Overlay */ .thegem-template-wrapper .blockOverlay:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 2px; border-color: rgba(0, 0, 0, 0.2); border-top-color: #ffffff; border-radius: 50%; width: 26px; height: 26px; font-size: 0; line-height: 0; animation: blockOverlaySpin 1s linear infinite; } @keyframes blockOverlaySpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Checkout Login/Coupon inline */ .checkout-notice .separator { display: inline-block; vertical-align: middle; width: 1px; height: 20px; background-color: var(--thegem-to-divider-color, #dfe5e8); } input[type="submit"].dokan-btn-theme { margin: 0; }