/* Stylesheet For: Woocommerce Pages: My Account, Cart, Checkout, Single Product, Archive Widgets: Woocommerce, Ocean, Elementor, WordPress Version: 1.0 */ /* --------- TABLE OF CONTENTS --------- */ /* * 01. QUICK EDITS * | 01. A. COLORS * | 01. AA. Primary Color, 01. AB. Primary Background Color, 01. AC. Primary Hover Background Color, 01. AD. Primary Opacity Background Color, 01. AE. Secondary Color Background, 01. AF. Secondary Hover Color Background, 01. AG. Light Gray Background, 01. AH. White Color, 01. AI. White Background, 01. AJ. Black Color, 01. AK. Gray Hover Color, 01. AL. Text Color, 01. AM. Large Header Global Font * | 01. B. FONTS * | 01. BA. Large Header Global Font, 01. BB. Small Header Global Font, 01. BC. Body Global Font, 01. BD. Button Global Font, 01. BE. Description Global Font, 01. BF. Category Global Font, 01. BG. Footer Header Global Font, 01. BH. Recently Viewed Global Font * | 01. C. BORDERS * | 01. CA. Border Width, 01. CB. Primary Border Color, 01. CC. Primary Hover Border Color, 01. CD. Gray Border Color, 01. CE. Gray Hover Border Color * | 01. D. BORDER RADIUS * | 01. DA. Border Radius Small, 01. DB. Border Radius Large, 01. DC. Border Radius Extra Small (Inner, Icons, Etc), 01. DD. Product Buttons Border Radius * | 01. E. WOOCOMMERCE PRICES * | 01. F. PADDING * | 01. FA. Container Padding, 01. FB. Item Padding, 01. FC. Small Item Padding, 01. FD. Button Padding, 01. FE. Zero Padding * 02. GENERAL STYLES * 03. WIDGET: LOGIN/REGISTER POPUPS * 04. WIDGET: TOP BAR CART ICON * 05. WIDGET: SIDEBARS * 06. WIDGET: RECENTLY VIEWED/RECENT POSTS * | 06. A. LI Style * | 06. B. Image Style * | 06. C. Text Style * 07. WIDGET: PRODUCT CAROUSEL * 08. WIDGET: SINGLE PRODUCTS * 09. WIDGET: QUICK VIEW POPUP * | 09. A. Overall Setup * | 09. B. Content Style * | 09. C. Responsive * 10. WIDGET: VARIATIONS * | 10. A. Overall Setup * | 10. B. Dropdown Table * | 10. C. Product Variations Dropdown On Mobile * | 10. D. Price | 10. E. Plus/Minus Add To Cart * 11. WIDGET: PRODUCT DATA TABS * | 11. A. Tabs * | 11. B. Tab Titles * | 11. C. Additional Info Tab * | 11. D. Responsive * 12. PAGE: MY ACCOUNT * | 12. A. Login/Register * | 12. B. Overall Setup * | 12. C. Sidebar * | 12. D. Content Box * | 12. E. Text/Header Style * | 12. F. My Orders * 13. PAGE: PRODUCTS ARCHIVE * | 13. A. Amount Of Products Per Row On Responsive * | 13. B. Product Styling * | 13. C. Pagination * 14. PAGE: CART * | 14. A. Product List * | 14. B. Coupon Code * | 14. C. Cart Totals * 15. PAGE: CHECKOUT * | 15. A. Section Title * | 15. B. Returning Customer * | 15. C. Billing Details - Select Fields * | 15. D. Shipping Section * | 15. E. Add Shipping Title Before Payment Options * | 15. F. Order Notes Section * | 15. G. Your Order Section * | 15. H. Your Order Section - Items and Totals * | 15. I. Coupon Section * | 15. J. Payment Section * | 15. K. Add Payment Title Before Payment Options * / /* --------- 01. QUICK EDITS --------- */ /* ---- 01. A. COLORS ---- */ /* 01. AA. PRIMARY COLOR */ .woocommerce-info::before, .woocommerce-message:before, .woocommerce .owp-account-links li.or, .woocommerce-MyAccount-navigation ul li.is-active a::before, .my-account-box .woocommerce-MyAccount-content-wrapper legend, .my-account-box h3, .oew-cart-dropdown .oew-cart-products li .oew-grid-wrap .oew-grid a.remove:hover, .archive .woocommerce .oceanwp-grid-list a.active, .footerrecent .product_list_widget, .footerrecent .woocommerce-Price-amount.amount, .footerrecent .product-title:hover, .archive .woocommerce ul.products li.product .woo-entry-inner li.title a:hover, .archive ul.products li.product .price .amount, .single-product .product .amount, .oew-cart-dropdown .oew-cart-products li .oew-grid-wrap .oew-grid h3 a:hover, .custom-sidebar ul.product-categories li.current-cat a, .custom-sidebar ul li.cat-item.current-cat a, .custom-sidebar .woocommerce-Price-amount.amount, .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove:hover, .elementor-widget-woocommerce-cart .woocommerce .product-name a:hover, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tr.order-total td .woocommerce-Price-amount, .elementor-widget-woocommerce-cart .woocommerce table.cart td span, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr td.product-subtotal span.woocommerce-Price-amount.amount, .elementor-widget-woocommerce-cart .woocommerce .cart_totals h2, .woocommerce-checkout #customer_details h3, .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-checkout-secondary-title, .elementor-widget-woocommerce-checkout-page #order_comments_field label, .elementor-widget-woocommerce-checkout-page .amount, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > input[type="radio"]:first-child:checked + label, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment::before, .elementor-widget-woocommerce-checkout-page .e-woocommerce-coupon-nudge, .woocommerce ul.product_list_widget li, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address label span, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout .shipping_address .woocommerce-shipping-fields__field-wrapper::before, #owp-qv-wrap .woocommerce div.product .price, .woocommerce div.product .woocommerce-tabs .panel h2:first-child, .my_account_orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number > a:hover { color: var(--e-global-color-primary)!important; } .oew-woo-carousel .swiper-button-prev svg, .oew-woo-carousel .swiper-button-next svg { fill: var( --e-global-color-primary ) !important; } /* 01. AB. PRIMARY BACKGROUND COLOR */ .log-in-forms p.oew-username:before, .log-in-forms p.oew-email:before, .log-in-forms p.oew-password:before, .oew-woo-carousel .swiper-button-prev:hover, .oew-woo-carousel .swiper-button-next:hover, .custom-sidebar ul.product-categories li a:hover, .custom-sidebar ul li.cat-item a:hover, .woocommerce-checkout .e-show-login, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form, .woocommerce-form-login p:first-child:before, .woocommerce-form-login p:nth-child(2):before, .woocommerce-form-register p:first-child:before, .e-login-wrap-start p.form-row:before, .woocommerce .woocommerce-tabs ul.wc-tabs li a:hover, .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a { background: var(--e-global-color-primary)!important; } /* 01. AC. PRIMARY HOVER BACKGROUND COLOR */ .woocommerce-checkout .e-show-login:hover, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form:hover, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.wc-forward:hover, .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover { background: var(--e-global-color-secondary)!important; } /* 01. AD. PRIMARY OPACITY BACKGROUND COLOR */ .oew-woo-carousel .swiper-button-prev, .oew-woo-carousel .swiper-button-next, .custom-sidebar ul.product-categories li.current-cat a, .custom-sidebar ul li.cat-item.current-cat a, .woocommerce .woocommerce-tabs ul.wc-tabs li.active a { background: var( --e-global-color-7bbf8f7 ) !important; } /* 01. AE. SECONDARY COLOR BACKGROUND */ .archive ul.products li.product .product-inner .added_to_cart { background: var( --e-global-color-text ) !important; } .custom-sidebar ul.product-categories li.current-cat a:hover, .custom-sidebar ul li.cat-item.current-cat a:hover, .woocommerce-MyAccount-navigation ul li.is-active a:hover, .woocommerce-MyAccount-navigation ul li.is-active a:hover::before { color: var( --e-global-color-secondary ) !important; } /* 01. AF. SECONDARY HOVER COLOR BACKGROUND */ .archive ul.products li.product .product-inner .added_to_cart:hover { background: var( --e-global-color-accent ) !important; } /* 01. AG. LIGHT GRAY BACKGROUND */ .woocommerce #customer_login > div, .elementor-widget-woocommerce-cart .woocommerce .cart th, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address, .textarea-comment, .woocommerce-variation, .woocommerce table.shop_attributes tr th, .variations_form table th, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number:focus, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"]:focus { background: var(--e-global-color-41f8045)!important; } /* 01. AH. WHITE COLOR */ .log-in-forms p.oew-username:before, .log-in-forms p.oew-email:before, .log-in-forms p.oew-password:before, .oew-cart-footer-buttons .oew-cart-view-cart, .oew-cart-footer-buttons .oew-cart-checkout, .archive ul.products li.product .product-inner .added_to_cart, .woocommerce-checkout .e-show-login, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form, .woocommerce-form-login p:first-child:before, .woocommerce-form-login p:nth-child(2):before, .woocommerce-form-register p:first-child:before, .e-login-wrap-start p.form-row:before, .custom-sidebar ul.product-categories li a:hover, .custom-sidebar ul li.cat-item a:hover, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:hover::before, .elementor-widget-woocommerce-cart .woocommerce button.button, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.wc-forward { color: #fff!important; } .woocommerce-MyAccount-navigation ul li a::before { transition: .3s !important; } .oew-woo-carousel .swiper-button-prev:hover svg, .oew-woo-carousel .swiper-button-next:hover svg { fill: #FFF !important; } /* 01. AI. WHITE BACKGROUND */ .woocommerce-Address address, ul.product_list_widget li, .elementor-widget-woocommerce-cart .woocommerce-message, .elementor-widget-woocommerce-cart .woocommerce .cart th, .elementor-widget-woocommerce-cart .woocommerce .quantity .minus, .elementor-widget-woocommerce-cart .woocommerce .quantity .plus, .elementor-widget-woocommerce-cart .woocommerce .input-text.qty, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li.woocommerce-notice--info, .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], .e-my-account-tab__edit-address .woocommerce-MyAccount-content-wrapper, .woocommerce-info { background: #fff!important; } /* 01. AJ. BLACK COLOR */ .my-account-box .woocommerce .owp-account-links li .owp-account-link, .footerrecent .product-title, .custom-sidebar ul.product-categories li a, .custom-sidebar a.recent-posts-title, .oew-cart-dropdown .oew-cart-products li .oew-grid-wrap .oew-grid h3 a, .elementor-widget-woocommerce-cart .woocommerce .product-name a, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.order-total td::before, .elementor-widget-woocommerce-cart .woocommerce .cart th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.order-total th, .single-blog-post .elementor-post-info__item-prefix, .woocommerce-variation-price:before, #owp-qv-wrap .woocommerce div.product .product_title { color: var(--e-global-color-b7a7612)!important; } /* 01. AK. GRAY HOVER COLOR */ .elementor-widget-woocommerce-cart .woocommerce .input-text.qty, .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove { color: var(--e-global-color-3027e97 )!important; } /* 01. AL. TEXT COLOR */ .elementor-widget-woocommerce-checkout-page #order_comments_field label .optional, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal td .amount, .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > label, .my_account_orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number > a, .woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td::before { color: var( --e-global-color-91dfeb7 ) !important; } /* ---- 01. B. FONTS ---- */ /* 01. BA. LARGE HEADER GLOBAL FONT */ .my-account-box .woocommerce .owp-account-links li .owp-account-link { font-family: var(--e-global-typography-primary-font-family)!important; font-size: var(--e-global-typography-primary-font-size)!important; font-weight: var(--e-global-typography-primary-font-weight)!important; text-transform: var(--e-global-typography-primary-text-transform)!important; letter-spacing: var(--e-global-typography-primary-letter-spacing)!important; line-height: var(--e-global-typography-primary-line-height)!important; text-decoration: var(--e-global-typography-primary-text-decoration)!important; } /* 01. BB. SMALL HEADER GLOBAL FONT */ .my-account-box .woocommerce-MyAccount-content-wrapper legend, .my-account-box h3, .my-account-box .user-info .name, .archive .woocommerce ul.products li.product .woo-entry-inner li.title a, .elementor-widget-woocommerce-cart .woocommerce .cart_totals h2, .woocommerce-checkout #customer_details h3, .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-checkout-secondary-title, .elementor-widget-woocommerce-checkout-page #order_comments_field label, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment::before, .elementor-widget-woocommerce-checkout-page .e-woocommerce-coupon-nudge, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address label span, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout .shipping_address .woocommerce-shipping-fields__field-wrapper::before, #owp-qv-wrap .woocommerce div.product .product_title/*, .woocommerce ul.products li.product .woo-entry-inner li*/ { font-family: var(--e-global-typography-secondary-font-family)!important; font-size: var(--e-global-typography-secondary-font-size)!important; font-weight: var(--e-global-typography-secondary-font-weight)!important; text-transform: var(--e-global-typography-secondary-text-transform)!important; letter-spacing: var(--e-global-typography-secondary-letter-spacing)!important; line-height: var(--e-global-typography-secondary-line-height)!important; text-decoration: var(--e-global-typography-secondary-text-decoration)!important; } /* Changing product title size */ /*.archive .woocommerce ul.products li.product .woo-entry-inner li.title a { font-size: 14px !important; }*/ /* 01. BC. BODY GLOBAL FONT */ .elementor-widget-woocommerce-cart .woocommerce .input-text.qty, .elementor-widget-woocommerce-cart .woocommerce table.cart td span, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr td.product-subtotal span.woocommerce-Price-amount.amount, .elementor-widget-woocommerce-cart .woocommerce .product-name a, .elementor-widget-woocommerce-checkout-page .woocommerce .cart_item, .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > label, .my_account_orders td.woocommerce-orders-table__cell { font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: var( --e-global-typography-text-font-size ); font-weight: var( --e-global-typography-text-font-weight ); text-transform: var( --e-global-typography-text-text-transform ); font-style: var( --e-global-typography-text-font-style ); line-height: var( --e-global-typography-text-line-height ); letter-spacing: var( --e-global-typography-text-letter-spacing ); } .elementor-widget-woocommerce-cart .woocommerce .product-name, .elementor-widget-woocommerce-cart .woocommerce .product-name a { line-height: 1.4em !important; font-size: 12px !important; } /* 01. BD. BUTTON GLOBAL FONT */ .archive ul.products li.product .product-inner .added_to_cart, .woocommerce-checkout .e-show-login, .elementor-widget-woocommerce-checkout-page .lost_password a, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form, .my-account-box header a.edit, .woocommerce-message a.button { font-family: var( --e-global-typography-accent-font-family )!important; font-size: var( --e-global-typography-accent-font-size )!important; font-weight: var( --e-global-typography-accent-font-weight )!important; text-transform: var( --e-global-typography-accent-text-transform )!important; font-style: var( --e-global-typography-accent-font-style )!important; line-height: var( --e-global-typography-accent-line-height )!important; letter-spacing: var( --e-global-typography-accent-letter-spacing )!important; } /* 01. BE. DESCRIPTION GLOBAL FONT */ .woocommerce-info, .woocommerce-message { font-family: var(--e-global-typography-df23512-font-family)!important; font-size: var(--e-global-typography-df23512-font-size)!important; font-weight: var(--e-global-typography-df23512-font-weight)!important; text-transform: var(--e-global-typography-df23512-text-transform)!important; letter-spacing: var(--e-global-typography-df23512-letter-spacing)!important; text-decoration: var(--e-global-typography-df23512-text-decoration)!important; } /* 01. BF. CATEGORY GLOBAL FONT */ .archive .woocommerce ul.products li.product li.category a, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td::before, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td::before, .elementor-widget-woocommerce-checkout-page #order_comments_field label .optional, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.shipping th, .variations_form label, #owp-qv-wrap .product_meta span, .woocommerce-variation-price:before, .woocommerce table.shop_attributes tr th, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td::before, .owp-quick-view, .custom-sidebar ul.product-categories li a, .custom-sidebar ul li.cat-item a, .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a { font-family: var( --e-global-typography-80bc93b-font-family ), Sans-serif !important; font-size: var( --e-global-typography-80bc93b-font-size ) !important; font-weight: var( --e-global-typography-80bc93b-font-weight ) !important; text-transform: var( --e-global-typography-80bc93b-text-transform ) !important; font-style: var( --e-global-typography-80bc93b-font-style ) !important; text-decoration: var( --e-global-typography-80bc93b-text-decoration ) !important; line-height: var( --e-global-typography-80bc93b-line-height ) !important; letter-spacing: var( --e-global-typography-80bc93b-letter-spacing ) !important; word-spacing: var( --e-global-typography-80bc93b-word-spacing ) !important; } /* 01. BG. FOOTER HEADER GLOBAL FONT */ .elementor-widget-woocommerce-cart .woocommerce .cart th, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.order-total td::before, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.order-total th { font-family: var( --e-global-typography-cc9ac8d-font-family ), Sans-serif !important; font-size: var( --e-global-typography-cc9ac8d-font-size ) !important; font-weight: var( --e-global-typography-cc9ac8d-font-weight ) !important; text-transform: var( --e-global-typography-cc9ac8d-text-transform ) !important; font-style: var( --e-global-typography-cc9ac8d-font-style ) !important; text-decoration: var( --e-global-typography-cc9ac8d-text-decoration ) !important; line-height: var( --e-global-typography-cc9ac8d-line-height ) !important; letter-spacing: var( --e-global-typography-cc9ac8d-letter-spacing ) !important; } /* 01. BH. RECENTLY VIEWED GLOBAL FONT */ .footerrecent .product_list_widget, .footerrecent .woocommerce-Price-amount.amount, .custom-sidebar a.recent-posts-title, .custom-sidebar .product_list_widget, .custom-sidebar .woocommerce-Price-amount.amount { font-family: var( --e-global-typography-df23512-font-family )!important; font-size: var( --e-global-typography-df23512-font-size )!important; letter-spacing: var( --e-global-typography-df23512-letter-spacing )!important; font-weight: 800!important; } .custom-sidebar .product_list_widget, .footerrecent .product-title { font-size: 12px !important; line-height: 1.4em !important; } /* ---- 01. C. BORDERS ---- */ /* 01. CA. BORDER WIDTH */ .woocommerce-info, .woocommerce-message, .woocommerce #customer_login > div, .e-my-account-tab__edit-address .woocommerce-MyAccount-content-wrapper, .archive .woocommerce .oceanwp-toolbar, .archive ul.products li.product, .woocommerce .oceanwp-grid-list a, .elementor-widget-woocommerce-cart .woocommerce .input-text.qty, .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove, ul.product_list_widget li, ul.oceanwp-recent-posts li, .elementor-widget-woocommerce-cart .woocommerce .quantity .minus, .elementor-widget-woocommerce-cart .woocommerce .quantity .plus, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address, .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods, #owp-qv-wrap .quantity .plus, #owp-qv-wrap .quantity .minus, .single-product .quantity .minus, .single-product .quantity .plus, .woocommerce-Tabs-panel, .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td, .woocommerce #reviews #comment, .variations_form table th, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], .woocommerce-checkout #payment ul.payment_methods li img { border: 1px solid !important; } @media only screen and (max-width: 767px) { .woocommerce table.shop_attributes tr th { border: 1px solid !important; } } /* 01. CB. PRIMARY BORDER COLOR */ .woocommerce .owp-account-links li.or, .archive .woocommerce .oceanwp-grid-list a.active, .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove:hover { border-color: var(--e-global-color-primary) !important; } /* 01. CC. PRIMARY HOVER BORDER COLOR */ .archive .woocommerce .oceanwp-grid-list a:hover { border-color: var( --e-global-color-secondary ) !important; } /* 01. CD. GRAY BORDER COLOR */ .woocommerce-info, .woocommerce-message, .woocommerce #customer_login > div, .e-my-account-tab__edit-address .woocommerce-MyAccount-content-wrapper, .archive .woocommerce .oceanwp-toolbar, .archive ul.products li.product, .woocommerce .oceanwp-grid-list a, .elementor-widget-woocommerce-cart .woocommerce .input-text.qty, .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove, ul.product_list_widget li, ul.oceanwp-recent-posts li, .elementor-widget-woocommerce-cart .woocommerce .quantity .minus, .elementor-widget-woocommerce-cart .woocommerce .quantity .plus, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address, .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods, #owp-qv-wrap .quantity .plus, #owp-qv-wrap .quantity .minus, .woocommerce div.product form.cart, .woocommerce-variation, .single-product .quantity .minus, .single-product .quantity .plus, .input-text.qty, .woocommerce-Tabs-panel, .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td, .woocommerce #reviews #comment, .product_meta, .variations_form table th, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], .woocommerce-checkout #payment ul.payment_methods li img, .coupon .input-text { border-color: var(--e-global-color-d34dd0e)!important; } @media only screen and (max-width: 767px) { .woocommerce table.shop_attributes tr th { border-color: var(--e-global-color-d34dd0e) !important; } } .elementor-widget-woocommerce-cart .woocommerce .cart_totals h2, .elementor-widget-woocommerce-cart .woocommerce table.cart tr:first-child, .woocommerce-checkout #customer_details h3, .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-checkout-secondary-title, .elementor-widget-woocommerce-checkout-page #order_comments_field label, .elementor-widget-woocommerce-checkout-page .woocommerce #order_review table.shop_table tbody td, .elementor-widget-woocommerce-checkout-page .e-woocommerce-coupon-nudge, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment::before, .woocommerce-cart .cart-collaterals .cart_totals .order-total td, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout .shipping_address .woocommerce-shipping-fields__field-wrapper::before, .textarea-comment, #owp-qv-wrap .input-text.qty, .woocommerce div.product .woocommerce-tabs .panel h2:first-child { border-bottom: 1px solid var(--e-global-color-d34dd0e) !important; } .elementor-widget-woocommerce-cart .woocommerce .cart th { border-top: 1px solid var( --e-global-color-d34dd0e ) !important; border-bottom: 1px solid var( --e-global-color-d34dd0e ) !important; } .elementor-widget-woocommerce-cart .woocommerce .cart th:first-child { border-left: 1px solid var( --e-global-color-d34dd0e ); } .elementor-widget-woocommerce-cart .woocommerce .cart th:last-child { border-right: 1px solid var( --e-global-color-d34dd0e ); } @media only screen and (max-width: 767px) { .variations_form .variations .value .theme-select, .variations_form .variations .value select { border-left: 1px solid var( --e-global-color-d34dd0e ) !important; } } /* 01. CE. GRAY HOVER BORDER COLOR */ .elementor-widget-woocommerce-cart .woocommerce .input-text:focus, .textarea-comment:focus { border-color: var( --e-global-color-105b289 ) !important; } @media only screen and (max-width: 767px) { .variations_form .variations .value .theme-select:focus, .variations_form .variations .value select:focus { border-left: 1px solid var( --e-global-color-105b289 ) !important; } } /* ---- 01. D. BORDER RADIUS ---- */ /* 01. DA. BORDER RADIUS SMALL */ .archive .woocommerce .oceanwp-toolbar, .archive ul.products li.product, .archive ul.products li.product .woo-entry-image, .custom-sidebar ul.product-categories li a, .custom-sidebar ul li.cat-item a, ul.product_list_widget li, ul.oceanwp-recent-posts li, .woocommerce-checkout .e-show-login, .woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address, .textarea-comment, .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods, .woocommerce-variation, .woocommerce-Tabs-panel, .woocommerce .woocommerce-tabs ul.wc-tabs li a, .woocommerce #reviews #comment, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"], .woocommerce-message a.button { border-radius: 0px !important; } .woocommerce table.shop_attributes tr th, .variations_form table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th:first-child { border-radius: 0px !important; } .woocommerce table.shop_attributes tr td, .variations_form .variations .value .theme-select, .variations_form .variations .value select, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th:last-child { border-radius: 0 !important; } @media only screen and (max-width: 767px) { .woocommerce table.shop_attributes tr th, .variations_form table th { border-radius: 0 !important; } .woocommerce table.shop_attributes tr td, .variations_form .variations .value .theme-select, .variations_form .variations .value select { border-radius: 0px !important; } } /* 01. DB. BORDER RADIUS LARGE */ .woocommerce-info, .woocommerce-message, .woocommerce #customer_login > div, .single-blog-post .blog-post-image img, .header-searchform, .owp-qv-content-inner { border-radius: 0px; overflow: hidden; } #owp-qv-wrap li img { border-radius: 0px; } @media only screen and (max-width: 767px) { #owp-qv-wrap li img { border-radius: 0px; } } /* 01. DC. BORDER RADIUS EXTRA SMALL (Inner, Icons, Etc) */ .archive .oceanwp-grid-list a, .archive .woocommerce .woocommerce-ordering select, .archive .woocommerce .woocommerce-ordering .orderby, .elementor-widget-woocommerce-cart .woocommerce table.cart img, .footerrecent .woocommerce ul.product_list_widget li img { border-radius: 0px; } .log-in-forms p.oew-username:before, .log-in-forms p.oew-email:before, .log-in-forms p.oew-password:before, .woocommerce ul.product_list_widget li img, .oceanwp-recent-posts .recent-posts-thumbnail, .oew-cart-dropdown .oew-cart-products li .oew-grid-wrap .oew-grid.thumbnail img, .woocommerce ul.product_list_widget li img, .oceanwp-recent-posts .recent-posts-thumbnail, ul.oceanwp-recent-posts li img, .elementor-widget-woocommerce-cart .woocommerce .quantity .minus, .elementor-widget-woocommerce-cart .woocommerce .cart th:first-child, #owp-qv-wrap .quantity .minus, .single-product .quantity .minus,.woocommerce-form-login p:first-child:before, .woocommerce-form-login p:nth-child(2):before, .woocommerce-form-register p:first-child:before, .e-login-wrap-start p.form-row:before { border-radius: 0px!important; } .elementor-widget-woocommerce-cart .woocommerce .quantity .plus, .elementor-widget-woocommerce-cart .woocommerce .cart th:last-child, #owp-qv-wrap .quantity .plus, .single-product .quantity .plus { border-radius: 0; } /* 01. DD. PRODUCT BUTTONS BORDER RADIUS */ .oew-woo-carousel .product-inner .btn-wrap a, .home-prod .product-inner .btn-wrap a, .archive ul.products li.product .button, .archive ul.products li.product .product-inner .added_to_cart { border-radius: 0px !important; } /* ---- 01. E. WOOCOMMERCE PRICES ---- */ .oew-woo-carousel .woocommerce ul.products li.product .price, .home-prod .woocommerce ul.products li.product .price, .archive ul.products li.product .price, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tr.order-total td .woocommerce-Price-amount, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tr.order-total td .amount, #owp-qv-wrap .woocommerce div.product p.price { background: var( --e-global-color-7bbf8f7 ); padding: 10px 16px; border-radius: 0px; font-family: var( --e-global-typography-542c186-font-family ), Sans-serif; font-size: var( --e-global-typography-542c186-font-size ); font-weight: var( --e-global-typography-542c186-font-weight ); text-transform: var( --e-global-typography-542c186-text-transform ); font-style: var( --e-global-typography-542c186-font-style ); line-height: var( --e-global-typography-542c186-line-height ); letter-spacing: var( --e-global-typography-542c186-letter-spacing ); } /* ---- 01. F. PADDING ---- */ /* 01. FA. CONTAINER PADDING */ .e-my-account-tab__edit-address .woocommerce-MyAccount-content-wrapper, .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields #ship-to-different-address, .woocommerce-Tabs-panel { padding: 20px!important; } /* 01. FB. ITEM PADDING */ .custom-sidebar ul.product-categories li a, .custom-sidebar ul li.cat-item a, .woocommerce .woocommerce-tabs ul.wc-tabs li a, .sidebar-iconlist li a { padding: 15px!important; } /* 01. FC. SMALL ITEM PADDING */ .oew-cart-dropdown .oew-cart-products li, .oew-cart-footer-buttons, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th, .elementor-widget-woocommerce-checkout-page .woocommerce #order_review table.shop_table tbody td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.order-total th, .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods, .woocommerce-variation { padding: 10px !important; } /* 01. FD. BUTTON PADDING */ .archive ul.products li.product .product-inner .added_to_cart { padding: 12px 24px !important; } .my-account-box :not(form) .woocommerce-Button, .my-account-box header a.edit, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form, .woocommerce #respond input#submit, .woocommerce-message a.button, .restore-item, ul.products li.product .button { padding: 16px 24px!important; } /* 01. FE. ZERO PADDING */ .elementor-widget-woocommerce-my-account .e-my-account-tab__orders .woocommerce-MyAccount-content-wrapper { padding: 0!important; } /* --------- 02. GENERAL STYLES --------- */ .woocommerce-info, .woocommerce-message, .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-checkout-secondary-title, .elementor-widget-woocommerce-checkout-page .e-woocommerce-coupon-nudge { line-height: 44px !important; } /* --------- 03. WIDGET: LOGIN/REGISTER POPUPS --------- */ .log-in-forms p.oew-username, .log-in-forms p.oew-email { width: calc(50% - 5px); display: inline-block; float: left; margin-right: 10px; position: relative; margin-bottom: 20px; } .log-in-forms p.oew-username, .log-in-forms p.oew-email, .log-in-forms p.oew-password, .woocommerce-form-login p:first-child:before { width: calc(50% - 5px); display: inline-block; float: left; margin-right: 10px; position: relative; margin-bottom: 20px; } .log-in-forms p.oew-email, .log-in-forms p.oew-password { margin-right: 0; } .account-original-style .woocommerce #customer_login .col-1 .form-row.form-row-wide, .woocommerce-form-row, .e-login-wrap p.form-row { position: relative; } .log-in-forms p.oew-username:before, .log-in-forms p.oew-email:before, .log-in-forms p.oew-password:before, .woocommerce-form-login p:first-child:before, .woocommerce-form-login p:nth-child(2):before, .woocommerce-form-register p.woocommerce-form-row:first-child:before, .e-login-wrap-start p.form-row:before { content: '\f007'; font-family: 'Font Awesome 6 Pro'; font-weight: 800; font-size: 16px; position: absolute; left: 5px; top: 5px; height: calc(100% - 10px); width: 46px; display: flex; align-items: center; justify-content: center; } .log-in-forms p.oew-email:before, .woocommerce-form-register p.woocommerce-form-row:first-child:before, .e-login-wrap-start p.form-row:first-child:before { content: '\f0e0'; } .log-in-forms p.oew-password:before, .woocommerce-form-login p:nth-child(2):before, .e-login-wrap-start p.form-row:nth-child(2):before { content: '\f30d'; } .log-in-forms #reg_passmail { padding-bottom: 15px; margin-top: 0px; } .woocommerce-form-login p:first-child:before, .woocommerce-form-login p:nth-child(2):before, .woocommerce-form-register p.woocommerce-form-row:first-child:before { height: calc(100% - 43px)!important; top: 35px!important; z-index: 1 !important; } .e-login-wrap-start p.form-row:before { top: 38px!important; height: calc(100% - 46px)!important; } .woocommerce-form-login input[type="text"], .woocommerce-form-login input[type="password"], .woocommerce-form-register input[type="email"], .e-woocommerce-login-anchor .form-row .input-text { padding-left: 60px!important; } @media only screen and (max-width: 767px) { .log-in-forms p.oew-username, .log-in-forms p.oew-email, .log-in-forms p.oew-password { width: 100%; display: block; float: none; clear: both; margin-right: 0px; position: relative; margin-bottom: 10px; } .log-in-forms p.oew-email, .log-in-forms p.oew-password { margin-bottom: 20px; } } /* --------- 04. WIDGET: TOP BAR CART ICON --------- */ .oew-cart-dropdown .oew-cart-products li .oew-grid-wrap .oew-grid a.remove { right: 0px !important; } /* --------- 05. WIDGET: SIDEBARS --------- */ .custom-sidebar ul { margin-left: 0!important; } .custom-sidebar ul.product-categories li, .custom-sidebar ul li.cat-item { margin: 0 0 5px 0!important; list-style: none!important; } .custom-sidebar ul.product-categories li a, .custom-sidebar ul li.cat-item a, .sidebar-iconlist li { display: block!important; width: 100%!important; } .custom-sidebar ul.product-categories li a:before, .custom-sidebar ul li.cat-item a:before, .custom-sidebar ul li.cat-item ul li a:before { content: '\f101'; font-family: 'Font Awesome 6 Pro'!important; font-weight: 400!important; display: inline-block !important; border: 0!important; background: none!important; position: relative!important; } .custom-sidebar ul li.cat-item a:before { padding: 1px 7px 0 0!important; } .custom-sidebar ul.product-categories li a:before { padding: 1px 17px 0 0!important; } .custom-sidebar .recent-posts-info .sep, .custom-sidebar .recent-posts-info .recent-posts-comments { display: none!important; } .sidebar-iconlist li { transition: .3s ease!important; } .sidebar-iconlist li a:hover{ background: var(--e-global-color-primary)!important; color: #fff!important; } .sidebar-iconlist li:hover i { color: #fff!important; } /* CHILD CATEGORY */ .custom-sidebar ul li.cat-item ul li a { padding-left: 32px !important; } /* RESPONSIVE */ @media only screen and (min-width: 600px) and (max-width: 1024px) { .custom-sidebar ul.product-categories li, .custom-sidebar ul li.cat-item, ul.product_list_widget li, ul.oceanwp-recent-posts li { width: 100% !important; margin-right: 0px!important; float: left; } .custom-sidebar ul.product-categories li:nth-child(even), .custom-sidebar ul li.cat-item:nth-child(even), ul.product_list_widget li:nth-child(even), ul.oceanwp-recent-posts li:nth-child(even) { margin-right: 0px!important; margin-top: 0!important; } } /* --------- 06. WIDGET: RECENTLY VIEWED/RECENT POSTS --------- */ /* 06. A. LI STYLE */ ul.product_list_widget li, ul.oceanwp-recent-posts li { padding: 5px 5px 5px 89px!important; display: flex; align-content: center; align-items: center; flex-wrap: wrap; position: relative; } .footerrecent ul.product_list_widget li { padding: 0 0 0 55px!important; border: 0!important; } ul.product_list_widget li a, ul.product_list_widget li .woocommerce-Price-amount, ul.oceanwp-recent-posts li a, ul.oceanwp-recent-posts li span:first-child { flex-grow: 1; width: 100%; display: flex; } ul.product_list_widget li .woocommerce-Price-amount { width: auto !important; flex-grow: 0; margin-right: 5px !important; } ul.product_list_widget li .woocommerce-Price-amount:last-child { width: auto !important; flex-grow: 0; margin-left: 5px !important; } .woocommerce ul.product_list_widget li, ul.oceanwp-recent-posts li { min-height: 86px!important; } /* 06. B. IMAGE STYLE */ .woocommerce ul.product_list_widget li img, .oceanwp-recent-posts .recent-posts-thumbnail { top: 5px!important; left: 5px!important; position: absolute!important; } .woocommerce ul.product_list_widget li img, ul.oceanwp-recent-posts li img { width: 74px !important; height: calc(100% - 10px)!important; object-fit: cover!important; } .footerrecent .woocommerce ul.product_list_widget li img { top: 0!important; left: 0!important; width: 50px!important; } .footerrecent .woocommerce ul.product_list_widget li img { height: 100%!important; } /* 06. C. TEXT STYLES */ .custom-sidebar a.recent-posts-title, .footerrecent .product-title { line-height: 1.4 !important; display: inline-block; transition: .3s; font-size: 11.5px !important; font-weight: 600 !important; } .custom-sidebar .oceanwp-recent-posts .recent-posts-info { margin-top: 0!important; } /* --------- 07. WIDGET: PRODUCT CAROUSEL --------- */ .oew-woo-carousel .swiper-container, .oew-woo-carousel .swiper { width: 100% !important; } .oew-woo-carousel .woocommerce ul.products .product { padding-bottom: 30px !important; } .oew-woo-carousel .products .product, .oew-woo-carousel .owp-content-center .product-inner { height: 100% !important; } .oew-woo-carousel .swiper-button-prev, .oew-woo-carousel .swiper-button-next { top: -65px !important; border-radius: 0px !important; padding-left: 2px !important; } .oew-woo-carousel .swiper-button-prev { right: 50px !important; left: auto !important; padding-left: 0px !important; padding-right: 2px !important; } .oew-woo-carousel .swiper-button-prev svg, .oew-woo-carousel .swiper-button-next svg { width: 14px !important; } .oew-woo-carousel .woocommerce ul.products li.product .product-inner .added_to_cart { position: absolute; top: 0px; } .woocommerce ul.products li.product .price { display: inline-block !important; margin-bottom: 20px !important; position: relative !important; } .oew-woo-carousel .woocommerce ul.products li.product li.title h2 { margin-bottom: 0 !important; } .oew-woo-carousel .woocommerce ul.products li.product li.btn-wrap { display: block !important; position: absolute !important; border: 0 !important; width: calc(100% + 2px) !important; bottom: -28px !important; left: -1px !important; } .oew-woo-carousel .product-inner .btn-wrap a { width: 100% !important; display: block !important; } /* --------- 08. WIDGET: SINGLE PRODUCTS --------- */ .home-prod .woocommerce ul.products .product { padding-bottom: 0px; margin-bottom: 0px; } .home-prod .elementor-widget-container, .home-prod .woocommerce, .home-prod .products, .home-prod .products .product, .home-prod .owp-content-center .product-inner { height: 100% !important; } @media only screen and (max-width: 767px) { .home-prod .elementor-widget-container, .home-prod .woocommerce, .home-prod .products, .home-prod .products .product, .home-prod .owp-content-center .product-inner { height: auto !important; } } .home-prod .woocommerce ul.products li.product .price { display: inline-block; margin-bottom: 20px; position: relative; } .home-prod .woocommerce ul.products li.product li.btn-wrap { display: block; position: absolute !important; border: 0; width: calc(100% + 2px); bottom: -1px; left: -1px; } .home-prod .product-inner .btn-wrap a { width: 100%; display: block; } .single-product .woocommerce-notices-wrapper { max-width: 1200px; margin: 0px auto; } .single-product .woocommerce-notices-wrapper .woocommerce-message { margin-top: 60px !important; margin-bottom: 0 !important; } /* --------- 09. WIDGET: QUICK VIEW POPUP --------- */ /* 09. A. OVERALL SETUP */ #owp-qv-wrap { z-index: 1010!important; } #owp-qv-wrap .product { display: grid; align-content: stretch; align-items: stretch; align-self: stretch; grid-template-columns: 50% 50%; } #owp-qv-wrap .owp-qv-image, #owp-qv-wrap .summary { height: 100%!important; align-self: stretch!important; align-items: center!important; width: 100%!important; } #owp-qv-wrap .owp-qv-slides { align-self: stretch!important; height: 100%!important; } #owp-qv-wrap .woocommerce-product-gallery__image { display: flex!important; align-items: stretch!important; align-content: stretch!important; height: 100%!important; } #owp-qv-wrap li img { height: 100%!important; object-fit: cover!important; display: flex!important; align-self: stretch!important; } .owp-qv-overlay { background: var(--e-global-color-5334c55)!important; height: 100vh!important; } /* 09. B. CONTENT STYLES */ #owp-qv-wrap .summary-content { display: grid; grid-template-columns: auto auto; align-items: center; align-content: center; position: relative; } #owp-qv-wrap .woocommerce div.product .product_title { display: grid; align-self: center; align-items: center; margin: 0 20px 0 0!important; min-height: 40px!important; } #owp-qv-wrap .woocommerce div.product p.price { display: block; margin: 0!important; text-align: center; position: absolute; top: 0px; right: 0px; width: auto!important; } #owp-qv-wrap .woocommerce-product-details__short-description, #owp-qv-wrap .woocommerce div.product form.cart, #owp-qv-wrap .product_meta { grid-column: 1 / span 2; } #owp-qv-wrap .product_meta span { font-weight: 800!important; line-height: 1.4!important; } #owp-qv-wrap .product_meta span * { font-weight: 400!important; } /* 09. C. RESPONSIVE */ @media only screen and (max-width: 940px) and (min-width: 850px) { .owp-qv-content-wrap { margin-top: -100vh!important; } } @media only screen and (max-width: 849px) and (min-width: 768px) { .owp-qv-content-wrap { margin-top: calc(50vh - 30px)!important; transform: translateY(-50%)!important; } } @media only screen and (max-width: 767px) { #owp-qv-wrap .summary { padding: 20px; } #owp-qv-wrap .product { grid-template-columns: 100%; } #owp-qv-wrap .summary-content { display: block; } #owp-qv-wrap .woocommerce div.product .product_title { display: block; width: 100% !important; margin-right: 0 !important; margin-top: 60px !important; min-height: auto !important; } #owp-qv-wrap .woocommerce div.product p.price { top: -60px !important; right: auto; left: 0; } } /* --------- 10. WIDGET: VARIATIONS --------- */ .reset_variations { display: none!important; } /* 10. A. OVERALL SETUP */ .woocommerce div.product form.cart { border-bottom: 0!important; padding-bottom: 30px!important; padding-top: 0 !important; border-top: 0 !important; } /* 10. B. DROPDOWN TABLE */ .variations_form table tr { border: 0!important; display: grid; grid-template-columns: 150px auto; } .variations_form table th { padding: 10px!important; border-right: 0; height: 40px; display: grid; align-items: center; margin: 0 !important; } .variations_form table tr th label { margin-bottom: 0!important; } .woocommerce div.product.elementor form.cart table.variations td { display: grid!important; } .product form.cart .variations tr td.value { padding-top: 0 !important; border: 0 !important; } .variations_form .variations .value .theme-select, .variations_form .variations .value select { height: 40px; line-height: 38px; border-left: 0!important; } .variations_form .variations .theme-select::after { height: 41px; border-left: 0; } /* 09. C. PRODUCT VARATIONS DROPDOWN ON MOBILE */ @media only screen and (max-width: 767px) { .variations_form table tr { display: block; } .variations_form table th { border-bottom: 0px !important; } .woocommerce div.product form.cart .variations tr td.value { display: block !important; } .variations_form .variations .value .theme-select { font-size: 14px !important; padding: 0 30px 0 15px !important; } } /* 09. D. PRICE */ .woocommerce-variation { width: 100%; display: block; font-weight: 800; letter-spacing: 2px; margin-bottom: 20px; margin-top: -20px!important; border: 1px solid; } .woocommerce-variation-price:before { content: 'Price'; width: auto!important; display: inline-block; padding-right: 8px!important; } /* 09. E. PLUS/MINUS ADD TO CART */ #owp-qv-wrap .input-text.qty, .single-product .input-text.qty { border-left: 0!important; border-right: 0!important; height: 42px!important; } .single-product .quantity .minus, .single-product .quantity .plus { height: 100% !important; line-height: 40px !important; } .single_add_to_cart_button { height: 42px!important; } /* --------- 11. WIDGET: PRODUCT DATA TABS --------- */ /* 11. A. TABS */ .single-product .product_meta span > span { display: inline-block !important; } .woocommerce div.product .woocommerce-tabs .panel h2:first-child { margin-top: 0 !important; padding-bottom: 10px; margin-bottom: 20px !important; text-transform: capitalize !important; } .woocommerce div.product .woocommerce-tabs .panel p:last-child { margin-bottom: 0 !important; } .single-product .product .woocommerce-tabs { padding-top: 20px !important; } /* 11. B. TAB TITLES */ .woocommerce .woocommerce-tabs ul.tabs { border: 0 !important; text-align: left !important; } .woocommerce .woocommerce-tabs ul.wc-tabs li { line-height: 1 !important; border: 0 !important; } .woocommerce .woocommerce-tabs ul.wc-tabs li a { line-height: 1 !important; transition: .3s !important; border: 0 !important; } .woocommerce .woocommerce-tabs ul.wc-tabs li.active { background: transparent !important; border: 0 !important; } .woocommerce .woocommerce-tabs ul.wc-tabs li.active a { border: 0 !important; } /* 11. C. ADDITIONAL INFO TAB */ .woocommerce table.shop_attributes { border-top: 0 !important; margin-bottom: 0 !important; } .woocommerce table.shop_attributes tr { display: grid; grid-template-columns: 150px auto; } .woocommerce table.shop_attributes tr th { display: grid; min-height: 40px; align-items: center; border-right: 0 !important; margin-bottom: 15px !important; } .woocommerce table.shop_attributes tr td { display: grid; min-height: 40px !important; margin-bottom: 15px !important; } .woocommerce table.shop_attributes tr:last-child th, .woocommerce table.shop_attributes tr:last-child td { margin-bottom: 0 !important; } /* 11. D. RESPONSIVE */ @media only screen and (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs li { margin-bottom: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { margin-bottom: 0px; } .woocommerce .woocommerce-tabs ul.wc-tabs li a { width: 100% !important; } .woocommerce table.shop_attributes tr { display: block; } .woocommerce table.shop_attributes tr th { display: flex; width: 100% !important; border-bottom: 0px !important; margin-bottom: 0 !important; } .woocommerce table.shop_attributes tr td { display: block; height: auto !important; } } /* --------- 12. PAGE: MY ACCOUNT --------- */ /* 12. A. LOGIN/REGISTER */ .my-account-box .woocommerce .owp-account-links li .owp-account-link { opacity: .5!important; } .my-account-box .woocommerce .owp-account-links li .owp-account-link.current, .woocommerce .owp-account-links li.or { opacity: 1!important; } .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register { border: 0!important; padding: 0!important; background: none!important; } .woocommerce-form-register { height: auto!important; } .my-account-box .woocommerce-Button.woocommerce-form-register__submit, .account-original-style .woocommerce #customer_login .form-row label.woocommerce-form__label { margin-left: 0!important; } .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button { margin-left: 10px!important; } /* 12. B. OVERALL SETUP */ .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-MyAccount-tabs { float: left!important; width: 23%!important; margin-right: 2%!important; } @media (max-width: 1024px) { .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content { width: 66.667%!important; } .woocommerce-MyAccount-tabs { float: left!important; width: 31.333%!important; margin-right: 2%!important; } } @media (max-width: 767px) { .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content, .woocommerce-MyAccount-tabs { width: 100%!important; margin-right: 0!important; } } /* 12. C. SIDEBAR */ .my-account-box .user-info { padding: 0!important; } .oceanwp-user-profile { margin-bottom: 10px!important; } .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:after, .oceanwp-user-profile .image { display: none!important; } .woocommerce-MyAccount-navigation ul li, .woocommerce-MyAccount-navigation ul { border: 0!important; } .woocommerce-MyAccount-navigation ul li a::before { float: left!important; text-align: left!important; line-height: 1em!important; opacity: 1!important; } /* 12. D. CONTENT BOX */ .woocommerce-address-fields { padding: 0!important; border: 0!important; background: none!important; } .woocommerce-Address address { padding-top: 20px!important; } .woocommerce-Address address:first-line { font-weight: 600; } .woocommerce-MyAccount-content .addresses .woocommerce-Address .title { border-bottom: 0!important; } .my-account-box header a.edit { top: 0!important; right: 0!important; margin: 0 0 0 10px!important; } .elementor-widget-woocommerce-my-account .e-my-account-tab__orders .woocommerce-MyAccount-content-wrapper { background: none!important; border: 0!important; } .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.wc-forward { padding: 16px 24px!important; } .woocommerce-MyAccount-content .addresses .woocommerce-Address .title { display: flex; align-content: center; } .woocommerce-MyAccount-content .addresses .woocommerce-Address .title h2 { margin: 20px 0px!important; } /* 12. E. TEXT/HEADER STYLE */ .my-account-box .woocommerce-MyAccount-content-wrapper legend, .my-account-box h3 { margin-bottom: 20px!important; } .my-account-box header { background: none!important; padding: 0 0 10px 0!important; } .my-account-box header h3 { margin-bottom: 0!important; height: 44px; line-height: 44px!important; } /* 12. F. MY ORDERS */ .my_account_orders thead { background-color: transparent !important; } .my_account_orders .woocommerce-orders-table__header { font-size: var( --e-global-typography-accent-font-size) !important; font-family: var( --e-global-typography-accent-font-family ) !important; font-weight: var( --e-global-typography-accent-font-weight ) !important; text-transform: var( --e-global-typography-accent-text-transform) !important; font-style: var( --e-global-typography-accent-font-style ) !important; line-height: var( --e-global-typography-accent-line-height) !important; letter-spacing: var( --e-global-typography-accent-letter-spacing) !important; } .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table th, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table td { border-color: var(--e-global-color-8e2787d) !important; } .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button { background: var(--e-global-color-primary); border: 0; padding: 10px 11px 10px 14px; color: #FFF; font-size: var( --e-global-typography-accent-font-size) !important; font-family: var( --e-global-typography-accent-font-family ) !important; font-weight: var( --e-global-typography-accent-font-weight ) !important; text-transform: var( --e-global-typography-accent-text-transform) !important; font-style: var( --e-global-typography-accent-font-style ) !important; line-height: var( --e-global-typography-accent-line-height) !important; letter-spacing: var( --e-global-typography-accent-letter-spacing) !important; } .my_account_orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total { font-size: 12px; text-transform: uppercase; } .my_account_orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total .amount { font-size: 15px; font-weight: 800; } /* 12. G. ORDER DETAILS */ .my-account-box .order_details thead, .my-account-box .order_details thead.product-name { background-color: transparent !important; font-size: var( --e-global-typography-accent-font-size) !important; font-family: var( --e-global-typography-accent-font-family ) !important; font-weight: var( --e-global-typography-accent-font-weight ) !important; text-transform: var( --e-global-typography-accent-text-transform) !important; font-style: var( --e-global-typography-accent-font-style ) !important; line-height: var( --e-global-typography-accent-line-height) !important; letter-spacing: var( --e-global-typography-accent-letter-spacing) !important; } .my-account-box .order_details td.product-name { color: var(--e-global-color-290451c) !important; font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: var( --e-global-typography-text-font-size ); font-weight: var( --e-global-typography-text-font-weight ); text-transform: var( --e-global-typography-text-text-transform ); font-style: var( --e-global-typography-text-font-style ); text-decoration: var( --e-global-typography-text-text-decoration ); line-height: var( --e-global-typography-text-line-height ); letter-spacing: var( --e-global-typography-text-letter-spacing ); } .my-account-box .order_details .product-name a { color: var(--e-global-color-290451c) !important; } .my-account-box .order_details .product-name a:hover { color: var(--e-global-color-primary) !important; } .my-account-box .order_details td.product-total .amount { font-weight: 800 !important; } .my-account-box .order_details tfoot tr:nth-child(1) th, .my-account-box .order_details tfoot tr:nth-child(1) td { border-top: 1px solid var(--e-global-color-8e2787d) !important; } .my-account-box .order_details tfoot th { font-family: var( --e-global-typography-80bc93b-font-family ), Sans-serif !important; font-size: var( --e-global-typography-80bc93b-font-family ) !important; font-weight: var( --e-global-typography-80bc93b-font-family ) !important; text-transform: var( --e-global-typography-80bc93b-font-family ) !important; font-style: var( --e-global-typography-80bc93b-font-family ) !important; text-decoration: var( ---e-global-typography-80bc93b-font-family ) !important; line-height: var( --e-global-typography-80bc93b-font-family ) !important; letter-spacing: var( --e-global-typography-80bc93b-font-family ) !important; word-spacing: var( --e-global-typography-80bc93b-font-family ) !important; background: transparent !important; border: 0 !important; padding-bottom: 0 !important; } .my-account-box .order_details tfoot td { border: 0 !important; font-weight: 800 !important; padding-bottom: 0 !important; } h2.woocommerce-order-details__title, h2.woocommerce-column__title { border-bottom: 1px solid var(--e-global-color-8e2787d) !important; padding-bottom: 8px !important; margin-bottom: 20px !important; } /* --------- 13. PAGE: PRODUCTS ARCHIVE --------- */ /* 13. A. AMOUNT OF PRODUCTS PER ROW ON RESPONSIVE */ /* --- tablet --- */ @media only screen and (max-width: 1024px) { .archive .products { grid-template-columns: repeat(3,1fr); } } /* --- mobile --- */ @media only screen and (max-width: 767px) { .archive .products { grid-template-columns: repeat(1,1fr); } } /* 13. B. PRODUCT STYLING */ .archive .woocommerce .oceanwp-toolbar { padding: 10px 10px 0px 10px !important; } .archive ul.products li.product { padding: 20px 20px 0 20px !important; overflow: visible !important; } .archive ul.products li.product .woo-entry-image { overflow: hidden !important; } .archive .woocommerce ul.products li.product .woo-entry-inner li.title h2 { margin-bottom: 0px !important; } .archive .woocommerce ul.products li.product .woo-entry-inner li.title { margin-bottom: 5px !important; } .archive ul.products li.product .price { display: inline-block !important; margin-bottom: 40px !important; position: relative !important; } .archive .woocommerce ul.products li.owp-content-center .product-inner { height: 100% !important; } .archive .woocommerce ul.products li.product li.btn-wrap { display: block !important; position: absolute !important; border: 0 !important; width: calc(100% + 42px) !important; bottom: -1px !important; left: -21px !important; } .archive ul.products li.product .button, .archive ul.products li.product .product-inner .added_to_cart { width: 100% !important; } .archive ul.products li.product .product-inner .added_to_cart { border: 0 !important; } /* 13. C. PAGINATION */ .archive .woocommerce-pagination .page-numbers { border-radius: 0%; width: auto!important; height: auto!important; display: block!important; line-height: 30px!important; background: none!important; transition: .3s ease; } .archive .woocommerce-pagination .page-numbers li .page-numbers { border-radius: 0%; width: 30px!important; min-width: 30px!important; height: 30px!important; display: block!important; line-height: 30px!important; background: var( --e-global-color-40a87286 )!important; transition: .3s ease; font-family: var( --e-global-typography-accent-font-family ) !important; font-size: var( --e-global-typography-accent-font-size ) !important; font-weight: var( --e-global-typography-accent-font-weight ) !important; text-transform: var( --e-global-typography-accent-text-transform ) !important; font-style: var( --e-global-typography-accent-font-style ) !important; letter-spacing: var( --e-global-typography-accent-letter-spacing ) !important; border-color: var( --e-global-color-8e2787d ) !important; } .archive .woocommerce-pagination .page-numbers.current:hover { color: inherit!important; } .archive .woocommerce-pagination .page-numbers li .page-numbers.current { background: var( --e-global-color-8e2787d ) !important; } .archive .woocommerce-pagination .page-numbers:hover { background: none!important; } .archive .woocommerce-pagination .page-numbers li:hover .page-numbers { background: var( --e-global-color-primary )!important; color: #FFF !important; border-color: var( --e-global-color-primary ) !important; } .archive .woocommerce-pagination .page-numbers.current { background: none; } .archive .woocommerce-pagination ul.page-numbers li:last-child a { margin-right: 0 !important; } /* --------- 14. PAGE: CART --------- */ /* 14. A. PRODUCT LIST */ .elementor-widget-woocommerce-cart .woocommerce table.shop_table thead { background: transparent; } .elementor-widget-woocommerce-cart .woocommerce .cart th { padding: 10px 10px 10px 0 !important; letter-spacing: 0.5px !important; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table a.remove { font-size: 13px; width: 20px; height: 20px; line-height: 19px; margin-right: 5px; } .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail { padding-right: 10px; } .elementor-widget-woocommerce-cart .woocommerce .product-name a { font-weight: 800 !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart td span, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr td.product-subtotal span.woocommerce-Price-amount.amount { font-weight: 800 !important; } .elementor-widget-woocommerce-cart .woocommerce .input-text.qty { padding: 17px 0px; text-align: center; border-radius: 0; } /* 14. B. CART TOTALS */ .elementor-widget-woocommerce-cart .woocommerce .cart_totals h2 { padding: 0 0 10px 0 !important; margin: 0 0 20px 0; border: 0; background: transparent !important; } .elementor-widget-woocommerce-cart .cart-collaterals .cart_totals { padding: 0 !important; overflow: hidden !important; border: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td::before, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.cart-subtotal td { padding-right: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table tr.order-total td { padding: 10px 0 30px 0 !important; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.order-total td::before { letter-spacing: 0.5px !important; } .elementor-widget-woocommerce-cart .wc-proceed-to-checkout .checkout-button { width: 100% !important; } .elementor-widget-woocommerce-cart .woocommerce .quantity .minus { border-right: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce .quantity .plus { border-left: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td::before { width: auto !important; margin-top: 10px !important; } .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td { text-align: right !important; padding-top: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td ul { padding-bottom: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-destination { text-align: right !important; font-size: 12px !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart td span, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr td.product-subtotal { text-align: right !important; } /* 14. C. RESPONSIVE */ @media only screen and (max-width: 767px) { .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove { padding: 0 !important; text-align: right !important; margin-top: -5px !important; vertical-align: top; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table .product-remove a { text-align: center !important; margin-right: 0 !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail { padding-top: 0 !important; margin-top: -29px !important; } .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td::before { margin-top: 10px !important; } .elementor-widget-woocommerce-cart .cart-collaterals .cart_totals { margin-bottom: 0px !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart td { padding: 10px 0 !important; } .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-name { text-align: left; } .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-name::before { float: none; } .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-name a { display: block; } .elementor-widget-woocommerce-cart .woocommerce-cart-form .e-cart-section:first-child { padding: 20px 20px 10px 20px; } .elementor-widget-woocommerce-cart .woocommerce table.cart tr:first-child { padding: 0 0 5px 0 !important; margin-bottom: 25px !important; display: inline-block; } .elementor-widget-woocommerce-cart .e-cart-totals { margin-bottom: 0px !important; } } /* --------- 15. PAGE: CHECKOUT --------- */ /* 15. A. SECTION TITLES */ .woocommerce-checkout #customer_details h3, .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-checkout-secondary-title, .elementor-widget-woocommerce-checkout-page #order_comments_field label { padding-bottom: 10px !important; margin: 0 0 20px 0 !important; } /* 15. B. RETURNING CUSTOMER */ .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section { padding-bottom: 10px !important; } .elementor-widget-woocommerce-checkout-page .e-woocommerce-login-section .e-login-actions-wrap { margin-bottom: 10px; } .woocommerce-checkout .e-show-login { position: relative; float: right; padding: 16px 24px; } .elementor-widget-woocommerce-checkout-page .lost_password a { margin-top: 10px; display: inline-block; } .elementor-widget-woocommerce-checkout-page .woocommerce-form-login__submit { width: calc(100% - 30px) !important; margin-top: 30px; } .elementor-widget-woocommerce-checkout-page #order_comments_field { margin-bottom: 0px !important; } /* 15. C. BILLING DETAILS - SELECT FIELDS */ .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { content: '\f107'; font-family: 'Font Awesome 6 Pro'; font-size: 12px !important; position: relative; margin-top: -5px; display: block; } /* 15. D. SHIPPING SECTION */ .woocommerce .woocommerce-checkout #customer_details h3 input[type="checkbox"] { margin-top: 4px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .woocommerce-shipping-fields .form-row:last-child { margin-bottom: 0px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-shipping-totals td { max-width: 225px !important; } .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods { border: 0 !important; background: transparent !important; padding: 0 !important; text-align: right !important; } /* 15. E. ADD SHIPPING TITLE BEFORE PAYMENT OPTIONS */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout .shipping_address .woocommerce-shipping-fields__field-wrapper::before { content: 'Shipping Details'; padding-bottom: 10px !important; margin: 0 0 20px 0 !important; display: block; } /* 15. F. ORDER NOTES SECTION */ .elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields h3 { display: none !important; } /* 15. G. YOUR ORDER SECTION */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout h3#order_review_heading { display: block; float: none; width: 100% !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #order_review { float: none; width: 100% !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #order_review table { margin-bottom: 0 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th:first-child { border-right: 0px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table thead tr th:last-child { border-left: 0px !important; } /* 15. H. YOUR ORDER SECTION - ITEMS AND TOTALS */ .elementor-widget-woocommerce-checkout-page .woocommerce #order_review table.shop_table tbody td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.shipping th { background-color: transparent; } .elementor-widget-woocommerce-checkout-page .woocommerce .cart_item, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal td .amount { font-weight: 800 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.cart-subtotal td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.shipping th { padding: 20px 10px 10px !important; } .woocommerce #order_review table.shop_table .woocommerce-shipping-totals td { padding: 20px 0 10px 10px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr.order-total th { letter-spacing: 0.5px !important; background: transparent; } .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tr.order-total td { padding-right: 0 !important; } .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods li:last-child { padding-bottom: 0 !important; } /* 15. I. COUPON SECTION */ .elementor-widget-woocommerce-checkout-page .e-coupon-box { padding-bottom: 10px !important; } .elementor-widget-woocommerce-checkout-page .coupon-container-grid { margin-bottom: 10px; } .elementor-widget-woocommerce-checkout-page .e-woocommerce-coupon-nudge { padding-bottom: 10px !important; margin: 0 0 20px 0 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .e-show-coupon-form { position: relative; float: right; } .elementor-widget-woocommerce-checkout-page button.e-apply-coupon { width: calc(100% - 30px) !important; } /* 15. J. PAYMENT SECTION */ .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li.woocommerce-notice--info { padding: 10px 17px; line-height: var( --e-global-typography-text-line-height ) !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li { padding: 0; background: transparent; overflow: hidden; } .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > label { padding: 0px !important; } .woocommerce-checkout #payment ul.payment_methods li:hover { background-color: transparent !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > input[type="radio"]:first-child:checked + label { font-weight: 700 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods .payment_box { padding: 0 !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order { width: 100% !important; } .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"] { max-height: 40px !important; } .elementor-1281 .elementor-element.elementor-element-e96e1c5 .woocommerce-checkout #payment .payment_methods .payment_box, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment ul.payment_methods .wc_payment_method > input[type="radio"]:first-child:checked + label { background: transparent !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li { margin-top: 10px !important; } .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li:first-child { margin-top: 0 !important; } .woocommerce-checkout #payment .payment_methods .payment_box { background: transparent !important; } .sq-card-wrapper .sq-card-iframe-container, .sq-card-wrapper .sq-card-component { border-radius: 0px !important; } /* 15. K. ADD PAYMENT TITLE BEFORE PAYMENT OPTIONS */ .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment::before { content: 'Payment'; padding-bottom: 10px !important; margin: 0 0 20px 0 !important; display: block; } /* FIX SHOW PASSWORD BUTTON ON FORGOT PASSWORD PAGE */ .woocommerce button.show-password-input { width: auto !important; padding: 0 !important; background-color: #F3f3f3 !important; } .woocommerce form .show-password-input::after { margin-right: .618em !important; }