Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
test
/
wp-content
/
themes
/
goya
/
assets
/
css
:
shop.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/* WooCommerce Styles */ /* Table of Contents ------------------------------------------------------- # General # Control Bar # Filters # Category Products # Products List # List View # Single Product Page # Showcase Product # Sticky Product Bar # Quick View # Mini Cart # Cart Page # Checkout # Forms # Distraction Free # Thank You # Login/Register # My Account # Order Tracking # Other Plugins ## Plugin: WOOF Products Filter ## Plugin: WC Ajax Product Filter ## Plugin: WooCommerce Wishlist ## Plugin: Yith Wishlist ## Plugin: WooCommerce Product Filter ## Plugin: Yith Ajax Search # Gutenberg */ /* # General ------------------------------------------------------- */ /* Shop Titles */ .et-shop-title { margin: 3vh 0; } .page-padding .hero-header-container .et-shop-title { margin: 0; } .term-description, .shop-intro-text { margin: 15px auto 0; max-width: 768px; line-height: 1.6; } .woocommerce-checkout .et-shop-title { margin-bottom: 30px; } body.archive.woocommerce .hero-header .hero-title { margin-bottom: 0; } @media only screen and (max-width: 575px) { .page-header-transparent:not(.header-transparent-mobiles) .hero-header .hero-header-container .woocommerce-products-header { margin-top: 0; } body:not(.post-type-archive-product) .hero-header .hero-title { min-height: 25vh; } } @media only screen and (max-width: 767px) { body:not(.post-type-archive-product) .hero-header .hero-title { min-height: 25vh; } body:not(.post-type-archive-product).page-header-transparent .hero-header .hero-title { min-height: 30vh; } .term-description, .shop-intro-text { font-size: 0.9em; } } /* Categories List */ .shop_categories_list { list-style: none; margin-top: 15px; } .shop_categories_list li { padding: 0 10px; display: inline-flex; } .shop_categories_list li:first-child { padding-left: 0; } .shop_categories_list li:last-child { padding-right: 0; } .shop_categories_list li a, .woocommerce-MyAccount-navigation ul li a { position: relative; display: inline-flex; padding: 0.1em 0; } .shop_categories_list li a { flex-direction: column; } .shop_categories_list li img { max-width: 90px; } /* PhotoSwipe */ .pswp__bg { background: rgba(0,0,0,0.6); } /* Breadcrumbs */ .woocommerce-breadcrumb, .woocommerce-breadcrumb a { color: #999; } .woocommerce-breadcrumb i { font-style: normal; display: inline-flex; margin: 0 3px; } .et-product-detail.et-product-layout-no-padding .product-showcase { padding-top: 0; } /* Badges */ .badge { display: block; font-size: 0.75em; font-weight: 400; color: #777; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: .1em .7em; line-height: 1.5em; text-align: center; letter-spacing: normal; } .products .badge { position: absolute; top: 5%; left: 5%; z-index: 2; } .products .badge + .badge { margin-top: 30px; } .badge.onsale { background: #fff; color: #ef5c5c; direction: initial; } .badge .onsale-off { display: none; } .badge.out-of-stock { background: #fff; color: #585858; } .badge.new { background: #fff; color: #585858; } /* Common */ .remove, a.remove { width: 16px; height: 16px; color: transparent; text-indent: -9999px; } /* Price */ .price { display: block; } .price>span { display: inline-flex; vertical-align: middle; } .price del { margin: 0 5px; opacity: 0.7; } .price ins,.price>.amount { background: transparent; text-decoration: none; } .woocommerce-store-notice { display: block; background: #e5e5e5; font-size: 12px; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; font-weight: 400; margin: 0; line-height: 30px; z-index: 9; } .woocommerce-store-notice__dismiss-link { margin: 0 10px; } /* Stock */ .stock.in-stock, .stock.out-of-stock { display: inline-block; line-height: 1; padding: 4px 10px; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-bottom: 10px; } .stock.out-of-stock { background: rgba(0,0,0,0.2); } .stock.in-stock { color: #7cc0a6; border: 1px solid #7cc0a6; } /* Quantity Box */ .quantity { display: flex; align-items: center; } .quantity.hidden, .quantity .screen-reader-text { display: none !important; } .quantity .qty { padding: 0; width: 20%; min-width: 30px; max-height: 24px; text-align: center; border: 0; color: #282828; outline: 0; -webkit-appearance: none; background: transparent; -moz-appearance: textfield; } .quantity .qty::-webkit-inner-spin-button, .quantity .qty::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .quantity span:hover { cursor: pointer; } .quantity .plus, .quantity .minus { display: flex; outline: 0; justify-content: center; align-items: center; border: 0; width: 30px; height: 30px; border-radius: 50%; text-decoration: none; overflow: visible; text-decoration: none; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .quantity .plus svg, .quantity .minus svg { width: 16px; height: 16px; } .quantity .plus:active, .quantity .plus:hover, .quantity .minus:active, .quantity .minus:hover { background: rgba(0,0,0,0.05); color: #333; } .quantity .disabled, .quantity .disabled:hover { opacity: 0.3; cursor: unset; color: inherit; background: inherit; } /* Forms */ .required { opacity: 0.4; border: 0; } /* Related/Up-Sells */ .related, .up-sells, .cross-sells { width: 100%; margin: 0 0 40px; } .related h2, .up-sells h2, .cross-sells h2 { margin-bottom: 46px; } /* Related/Up-Sells carousel */ .et-main-products .slick-prev svg, .et-main-products .slick-next svg { height: 28px; } /* Info Boxes */ .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-notice--success, .wc-block-components-notice-banner { color: #03a678; border-radius: 5px; text-align: center; justify-content: center; padding: 10px 45px; width: 100%; max-width: 850px; margin: 20px auto; line-height: 1.5em; position: relative; animation: 0.7s et-fadeInUp; } .wc-block-components-notice-banner.is-success, .wc-block-components-notice-banner.is-info, .wc-block-components-notice-banner.is-error { background: none !important; border: 0 !important; font-size: initial; padding: 10px 25px !important; margin: 0 auto 16px !important; } .wc-block-components-notice-banner svg, .summary .wc-block-components-notice-banner .button, .summary .woocommerce-message .button, .summary .woocommerce-error .button, .summary .woocommerce-info .button { display: none; } .product-showcase #woo-notices-wrapper div { text-align: initial; padding-left: 0 !important; padding-right: 0 !important; } .woocommerce-message a, .woocommerce-error a, .woocommerce-info a { display: inline-flex; margin: 10px 0; } .wc-block-components-notice-banner.is-success { color: #03a678; } .woocommerce-info, .wc-block-components-notice-banner.is-info { color: #282828; } .woocommerce-error, .wc-block-components-notice-banner.is-error { color: #f27362; border-color: #f27362; list-style: none; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { flex-basis: auto; } .woocommerce-error li { display: block; } .woocommerce-error li:last-of-type { margin: 0; } .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content:before, .woocommerce-error li:first-of-type:before { font-family: "et-icon"; content: "\e929"; margin: 0 5px; } /* # Control Bar ------------------------------------------------------- */ /* Full Width Catalog */ .woocommerce .shop-full-width .shop_bar .container, .woocommerce .shop-full-width .shop-products.container { max-width: none; } .shop_bar { margin: 20px 0; } .shop-products .woocommerce-ordering { display: none; } .shop_bar .woocommerce-ordering { margin: 0; display: inline-flex; align-items: center; } .shop_bar .category_bar, .shop_bar .shop-filters { display: flex; align-items: center; line-height: 1; } .shop_bar .category_bar { flex-wrap: wrap; } .shop_bar .shop-filters { justify-content: flex-end; padding-left: 0; padding-right: 0; } /* Result count */ p.woocommerce-result-count { display: block; padding: 4px 8px; font-size: 13px; background: rgba(0,0,0,0.1); border-radius: 2px; margin: 10px; display: none; } /* Order By */ .shop_bar .shop-filters .orderby { border: 0; color: inherit; background-color: transparent; background-image: none; width: 100%; max-width: 160px; height: auto; padding-top: 8px; padding-bottom: 8px; padding-right: 26px; display: block; overflow: hidden; text-overflow: ellipsis; } .shop_bar .woocommerce-ordering:not(.select2-styled):after { content: "\e925"; font-family: "et-icon"; font-weight: normal; vertical-align: middle; margin-left: -20px; } .shop_bar .woocommerce-ordering .select2-container--default .select2-selection--single { height: auto; margin: 0; border: 0; background: transparent; color: #282828; padding: 8px 0; } .shop_bar .woocommerce-ordering .select2 .select2-selection .select2-selection__rendered { padding-right: 1.5rem; white-space: nowrap; font-size: inherit; } .shop_bar .woocommerce-ordering .select2 .select2-selection .select2-selection__rendered, .woocommerce-page.archive .select2-container--open .select2-dropdown { min-width: 220px; } .shop_bar .woocommerce-ordering .select2-container--default .select2-selection__arrow { padding: 0; top: 10px; height: auto; width: 16px; } .woocommerce-ordering .select2-container--open .select2-dropdown--above, .woocommerce-ordering .select2-container--open .select2-dropdown--below { min-width: 180px; border: 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); } .shop_bar .woocommerce-ordering .select2-container--default.select2-container--open .select2-selection--single:after { width: 0; } .woocommerce-ordering .select2-results__option { padding: 8px 10px; font-size: inherit; } /* Filter trigger */ .filter-trigger { display: inline-flex; align-items: center; background: transparent; border: 0; outline: none; padding: 8px 0; } .shop_bar .filter-trigger-box { border-right: 1px solid #eee; padding-right: 10px; margin-right: 10px; } .filter-trigger .icon-close, .filter-trigger.filter-visible .icon-filter { display: none; } .filter-trigger.filter-visible .icon-close { display: inline-block; border-radius: 50%; height: 18px; width: 18px; } .filter-trigger.filter-visible .icon-close svg { width: 100%; height: 100%; } .filter-trigger span { margin: 0 8px 0 0; } .filter-trigger svg { width: 18px; height: 18px; } @media (min-width: 576px) { .woocommerce .shop-full-width .shop_bar .container, .woocommerce .shop-full-width .shop-products.container { padding-left: 30px; padding-right: 30px; } .shop_bar .shop-filters .orderby { max-width: 160px; } } @media (min-width: 1490px) { .woocommerce .shop-full-width .shop_bar .container, .woocommerce .shop-full-width .shop-products.container { padding-right: 2.5%; padding-left: 2.5%; } } /* # Filters ------------------------------------------------------- */ .shop-sidebar-default ul, .shop-sidebar { list-style: none; padding-left: 0; } #side-filters.ajax-loader .side-panel-content:before, .shop-sidebar.et-loader:before { content: ''; position: absolute; margin: 0; width: 100%; height: 100%; left: 0; top: 0; bottom: auto; background: rgba(255,255,255,0.4); z-index: 99; } .shop-sidebar-header .yith-woo-ajax-reset-navigation { margin-bottom: 10px; order: -1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .yith-wcan-reset-navigation { font-size: 11px; padding: 6px 12px; margin-bottom: 10px; } #side-filters .header-active-filters .active-filters-title { display: block; padding: 0 0 10px 4px; } #side-filters .header-active-filters .active-filters-title, #side-filters .widgettitle { font-size: 1em; font-weight: normal; letter-spacing: 0.1rem; } #side-filters .et-close { padding: 6px 15px; background: #282828; border: 0; color: #fff; border-radius: 0; -webkit-transition: background-color 0.65s linear; -moz-transition: background-color 0.65s linear; transition: background-color 0.65s linear; width: auto; height: auto; transform: none; } #side-filters .et-close:before, #side-filters .et-close:after { content: ''; display: none; } #side-filters.ajax-loader .et-close { animation: 0.95s et-fadeInLeft; } .category_bar .header-active-filters { display: flex; align-items: center; color: #999; } .header-active-filters .widget { display: inline-block; margin: 0; } .header-active-filters .woocommerce.widget_layered_nav_filters li.chosen a, .header-active-filters .filter-reset-all { position: relative; padding: 0 30px 0 10px; display: inline-block; line-height: 30px; color: #000; background: rgba(0,0,0,.08); border-radius: 15px; margin-right: 10px; margin-bottom: 5px; } .header-active-filters .widget.widget_layered_nav li.chosen, .header-active-filters .widget.widget_layered_nav_filters li.chosen, .header-active-filters .widget li, .header-active-filters .widget li:last-of-type { display: inline-block; margin: 0 0 0 10px; padding: 0; } .shop_bar .widget_wcapf-active-filters { margin: 0; } .shop_bar .widget_wcapf-active-filters .widgettitle { display: none; } .shop_bar .wcapf-active-filters { display: block !important; } .filter-trigger .et-active-filters-count { display: none; justify-content: center; align-items: center; height: 17px; width: 17px; line-height: 17px; background: #b9a16b; color: #fff; border-radius: 50px; font-size: 10px; text-align: center; margin: 0 0 0 5px; font-family: Arial, Helvetica, sans-serif; } .filter-trigger .et-active-filters-count.active { display: inline-flex; } #side-filters { right: auto; left: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .panel-open-filters #side-filters { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; z-index: 604; } @media only screen and (min-width: 992px) { /*Show on content sidebar */ .shop-sidebar-col { max-width: 25%; } .shop-sidebar-col #side-filters { right: auto; left: auto; top: auto; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; position: relative; width: auto; z-index: auto; opacity: 1; background: transparent; } .shop-sidebar-col #side-filters .side-panel-content { padding-left: 0; padding-right: 0; padding-top: 20px; } .shop-sidebar-col #side-filters header, .shop-sidebar-sidebar .shop-sidebar .header-active-filters, .shop-sidebar-sidebar #et-shop-filters, .shop-sidebar-header .filter-popup { display: none; } .shop-sidebar-sidebar.shop-sidebar-position-right .shop-sidebar-col { order: 10; } /* Sticky sidebar */ .shop-sidebar-col .side-panel.et-fixed { height: auto; } /* Shop Sidebar on Top */ .shop-sidebar-header #side-filters { transform: none; left: auto; right: auto; position: relative; opacity: 1; display: block; width: auto; top: auto; z-index: inherit; } .shop-sidebar-header #side-filters.side-panel header { display: none; } .shop-sidebar-header #side-filters { position: relative; display: none; opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; padding: 0; } .shop-sidebar-header #side-filters .side-panel-content { padding: 25px 0; } .shop-sidebar-header #side-filters .side-panel-content .shop-sidebar { overflow: hidden; position: relative; } .shop-sidebar-header #side-filters.fade-in { opacity: 1; } .shop-sidebar-header #side-filters .widget { border: 0; } .shop-sidebar-header #side-filters .widgettitle { cursor: default; } .shop-sidebar-header #side-filters .widgettitle span, .shop-sidebar-header #side-filters .widget .woof_front_toggle { display: none; } .shop-sidebar-header #side-filters .widget .wcaf-widget-inner, .shop-sidebar-header .shop-widget-scroll .widget > ul, .shop-sidebar-header .shop-widget-scroll .widgettitle + *, .shop-sidebar-header .shop-widget-scroll .wcapf-layered-nav { display: block !important; /* override inline style */ } .shop-sidebar-header #side-filters .widget_wcapf-active-filters { display: flex; align-items: center; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shop-sidebar-header #side-filters .widget_wcapf-active-filters:first-child { border-bottom: 1px solid rgba(0,0,0,0.05); } .shop-sidebar-header #side-filters .widget_wcapf-active-filters:last-child { border-top: 1px solid rgba(0,0,0,0.05); padding-top: 20px; padding-bottom: 0; margin-bottom: 0; } .shop-sidebar-header #side-filters .widget_wcapf-active-filters .widgettitle { padding: 0 0 5px 0; margin: 0 4px; } } @media only screen and (min-width: 1200px) { .shop-sidebar-col { max-width: 300px; } } /* Slide filters from bottom on smaller screens */ @media only screen and (max-width: 991px) { #et-shop-filters-header { display: none; } .shop-sidebar-col, .shop-products-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #side-filters .widget, #side-filters .header-active-filters, #side-filters .WOOF_Widget .woof_container { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* Sticky sidebar */ .shop-sidebar-col .side-panel.et-fixed { position: fixed !important; top: 0 !important; } .admin-bar .shop-sidebar-col .side-panel.et-fixed { top: 32px !important; } } @media only screen and (max-width: 782px) { .admin-bar .shop-sidebar-col .side-panel.et-fixed { top: 46px !important; } } @media only screen and (max-width: 600px) { .admin-bar.header_on_scroll .side-panel.et-fixed { top: 0 !important; } } /* Slide filters from bottom on smaller screens */ @media only screen and (max-width: 767px) { .shop_bar .shop-filters { border: 1px solid rgba(0,0,0,0.1); border-width: 1px 0; padding: 9px 0; margin-top: 20px; } .shop_bar .woocommerce-ordering .select2 .select2-selection .select2-selection__rendered { min-width: auto; max-width: 160px; display: block; overflow: hidden; text-overflow: ellipsis; } .shop_bar .shop-filters.sticky-filters { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; margin: 0; z-index: 590; padding: 10px 20px; background: #f8f8f8; box-shadow: -2px 2px 45px -15px rgba(0, 0, 0, 0.3); border-bottom: 0; } #side-filters .filter-reset-all { margin-bottom: 10px; } .shop_bar .shop-filters { justify-content: center; } #side-filters.side-panel { width: 100%; } #side-filters { bottom: 0; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } .panel-open-filters #side-filters { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; z-index: 604; } } /* Remove yith loading icon */ .yith-wcan-loading { background: none !important; /* override inline style */ } /* Filter Widgets */ #side-filters .widget, #side-filters .header-active-filters { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.08); } #side-filters .header-active-filters { padding: 0; } #side-filters .widget_layered_nav_filters { border: 0; padding: 0; } #side-filters .widgettitle { margin-bottom: 10px; padding: 10px 4px; font-size: 14px; } #side-filters .widget .collapsible { cursor: pointer; } #side-filters .widgettitle.active { margin-bottom: 0; } #side-filters .widget:last-child { border: 0; } .wcapf-widget-hidden { display: none !important; /* Override plugin style */ } /* YITH WooCommerce Ajax Product Filter */ .yith-wcan-filters { background-color: transparent; } .yith-wcan-filters .filter-item label input { display: inherit; } .yith-wcan-reset-filters { border: 2px solid currentColor; background: inherit; } /* Grid for filters in shop header */ @media only screen and (max-width: 991px) { .shop-sidebar[class*="block-grid-"] > li, .shop-sidebar[class*="block-grid-"] > div { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } } /* # Category Products ------------------------------------------------------- */ .products .product.product-category { display: flex; flex-direction: column; width: 100%; text-align: left; margin-bottom: 30px; overflow: hidden; } .products .product.product-category .et-category-inner { padding-bottom: 90%; overflow: hidden; height: 0; width: 100%; position: relative; background-color: #f8f8f8; } .rounded-corners .product-category .et-category-inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .products .product.product-category a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 90%; overflow: hidden; height: 0; background-size: cover; background-position: top center; width: 100%; backface-visibility: hidden; transform-origin: center center; } .products .product.product-category:hover a { width: calc(100% + 30px); } @-moz-document url-prefix() { .products .product.product-category a { height: auto; padding: 0; } .products .product.product-category a:before { content: ''; display: block; width: 100%; padding-bottom: 90%; } } .products .product.product-category .category-caption { position: absolute; bottom: 0; left: 0; padding: 40px 30px 30px; z-index: 2; width: 100%; text-align: left; color: #fff; } .products .product.product-category .category-caption:before { content: ""; pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(to top,rgba(0,0,0,0.5) 0%,transparent 100%); z-index: -1; } .products .product.product-category .category-caption h2 { text-align: left; text-transform: none; margin: 0; color: #fff; font-size: 1.2em; } .products .product.product-category .category-caption h2 .count { display: inline-block; background: none; vertical-align: super; height: 18px; line-height: 18px; color: #fff; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; } .products .product.product-category.double-height .et-category-inner, .products .product.product-category.double-height a { padding-bottom: calc(180% + 28px); } .products .product.product-category.single-height .et-category-inner, .products .product.product-category.single-height a { padding-bottom: calc(45% - 14px); } @-moz-document url-prefix() { .products .product.product-category.double-height .et-category-inner, .products .product.product-category.double-height a { padding: 0; } .products .product.product-category.double-height .et-category-inner:before, .products .product.product-category.double-height a:before { padding-bottom: calc(180% + 28px); } } @media only screen and (max-width: 575px) { .products .product.col-6:nth-child(odd) { padding-right: 7.5px; } .products .product.col-6:nth-child(even) { padding-left: 7.5px; } .products.slick .product.col-6:nth-child(odd), .products.slick .product.col-6:nth-child(even) { padding-left: 7.5px; padding-right: 7.5px; } .shop-products .product.product-category a .category-caption h2 { font-size: 14px; } } /* # Products List ------------------------------------------------------- */ .category-separator { width: 100%; /* when categories appear on top of products */ margin: 0 15px 30px; border-bottom: 1px solid #ddd; } .products .product { display: flex; margin-bottom: 30px; flex-direction: column; } /* Thumbnails */ .products .product .product_thumbnail { position: relative; width: 100%; overflow: hidden; margin-bottom: 0; } .products .product .product_thumbnail img { width: 100%; } .products .product .product_thumbnail img.lazyload { background-color: rgba(0,0,0,0.1); } .products .product .product_thumbnail > a { display: block; overflow: hidden; position: relative; } .products .product .caption { padding-top: 1em; } /* Hide popup message */ #yith-wcwl-popup-message { display: none !important; /* override inline style */ } /* Tooltips */ .et-tooltip .text, .et-listing-style2 .button .text, .et-listing-style2 .added_to_cart .text, .et-listing-style3 .button .text, .et-listing-style3 .added_to_cart .text, .tinvwl-tooltip { background-color: rgba(51,51,51,.9); font-size: 12px; line-height: 1; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: auto; right: 130%; visibility: hidden; opacity: 0; pointer-events: none; white-space: nowrap; padding: 8px 9px 8px 9px; color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 7px 15px rgba(0,0,0,.3); -webkit-transition: opacity .3s linear,right .3s linear; transition: opacity .3s linear,right .3s linear; } .et-tooltip:hover .text, .et-listing-style2 .button:hover .text, .et-listing-style2 .added_to_cart:hover .text, .et-listing-style3 .button:hover .text, .et-listing-style3 .added_to_cart:hover .text, .tinv-wishlist:hover .tinvwl-tooltip { right: 120%; visibility: visible; opacity: 1; } .et-tooltip .text:after, .et-listing-style2 .button .text:after, .et-listing-style2 .added_to_cart .text:after, .et-listing-style3 .button .text:after, .et-listing-style3 .added_to_cart .text:after, .tinvwl-tooltip:after { position: absolute; top: 50%; margin-top: -5px; right: -10px; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent transparent rgba(51,51,51,.9); } /* Hover Animations */ @media screen and (min-width: 768px) { /*Jump*/ .no-touch .products.hover-animation-jump .product-inner:hover .product_thumbnail, .no-touch .products.hover-animation-zoom-jump .product-inner:hover .product_thumbnail { transform: translateY(-5px); } .no-touch .products.hover-animation-jump .slick-slide, .no-touch .products.hover-animation-zoom-jump .slick-slide { padding-top: 5px; } /*Zoom*/ .products .product .product_thumbnail img { width: 100%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: center center; } .no-touch .products.hover-animation-zoom .product-inner:hover .product_thumbnail img, .no-touch .products.hover-animation-zoom-jump .product-inner:hover .product_thumbnail img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } /* hover image loading */ .product_thumbnail.et-loader:after { display: none; } .products .product.hover-image-loading .product_thumbnail.et-loader:after { display: block; } .products .product .product_thumbnail.et-image-hover { position: relative; } .products .product .product_thumbnail.et-image-hover .product_thumbnail_hover { position: absolute; top: 0; left: 0; width: 100%; height: auto; height: 100%; opacity: 0; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } .no-touch .products .product .product_thumbnail.et-image-hover > a:hover .product_thumbnail_hover { opacity: 1; } .products .product.wvs-img-replaced .product_thumbnail.et-image-hover .product_thumbnail_hover { opacity: 0 !important; } @media screen and (max-width: 767px) { .touch .products .product .product_thumbnail.et-image-hover .product_thumbnail_hover { display: none; } } /* Product caption */ .products .product .product-title { margin: 0 0 5px; } .products .product .product-title h2 { font-family: inherit; font-size: inherit; font-weight: 400; margin: 0; } .products .product_after_title { position: relative; overflow: hidden; } .atc-visible-mobile-desktop.products .product_after_title, .atc-visible-desktop.products .product_after_title { overflow: inherit; } .product .product-excerpt, .products .product_after_title .button:not(.added_to_cart) .icon, .products .product .product-title h2:before { display: none; } .products .product_after_title > div > .price { line-height: 25px; } .products.show-rating .product_after_shop_loop_price { display: flex; align-items: center; } .products.show-rating .product_after_shop_loop_price .price { margin-right: auto; } .products.show-rating .product_after_shop_loop_price .star-rating { font-size: 0.9em; overflow: hidden; } /*Hide Variation Labels*/ .products .product .variations { margin: 0; } .products .product .variations .label, .products .product .variations_form_loop:not(.show-all-variants) .reset_variations, .products .product .variations .variable-item:before, .products .product .variations .variable-item:after { display: none !important; /* Override plugin style */ } .products .product .variations tr { border: 0; } .products .product .variations tr td { padding: 0; border: 0; } /* Color/image swatches only on product archives */ .products .after_shop_loop_actions { background: transparent; opacity: 1; bottom: auto; box-shadow: none; } /* Hide other variations */ .products .variations_form_loop:not(.show-all-variants) .button-variable-wrapper, .products .variations_form_loop:not(.show-all-variants) .button-variable-items-wrapper, .products .product-type-variable .single_variation_wrap, .products .variations select { display: none !important; /* override inline style */ } /* Swatches END*/ /* Add to cart buttons */ .products .after_shop_loop_actions .button, .products .button, .products .added_to_cart { width: auto; text-transform: none; letter-spacing: 0; text-align: left; border: 0; font-weight: 400; background: transparent; border-radius: 0; color: #777; padding: 2px 0; font-weight: 400; } .products .button:hover, .products .add_to_cart_button:hover { color: #282828; border-color: #282828; } .products .after_shop_loop_actions, .products .after_shop_loop_actions .woocommerce-variation-add-to-cart { display: flex; } .products .product-type-variable .after_shop_loop_actions { display: block; } .products .product-type-variable .after_shop_loop_actions table.variations { display: inline-block; margin-bottom: 0; } .products .after_shop_loop_actions .et-quickview-btn, .products .after_shop_loop_actions .woocommerce-variation-add-to-cart .et-quickview-btn { font-size: 1.1rem; cursor: pointer; } /* Product Styles: Variations */ .products.swatches-position-side .variable-items-wrapper { position: absolute; z-index: 9999999; right: 0; top: 0; padding: 10px; opacity: 0; transform: scale(0.85); -webkit-transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; display: flex; flex-direction: column; } .products.swatches-position-side .product:hover .variable-items-wrapper { opacity: 1; transform: scale(1); } /* Color swatches on loops */ .variations_form_loop .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item, .variations_form_loop .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item { width: 22px; height: 22px; } .no-touch .products .type-product:not(.et-listing-style2):not(.et-listing-style3):not(.et-listing-style4):hover .product_after_title .product_after_shop_loop_price, .no-touch .products .type-product:not(.et-listing-style2):not(.et-listing-style3):not(.et-listing-style4).cart-clicked .product_after_title .product_after_shop_loop_price { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .products .type-product.et-listing-style1 .product_after_title .after_shop_loop_actions { position: absolute; top: 100%; left: 0; width: 100%; } .no-touch .products .type-product:not(.et-listing-style2):not(.et-listing-style3):hover .product_after_title .after_shop_loop_actions, .no-touch .products .type-product:not(.et-listing-style2):not(.et-listing-style3).cart-clicked .product_after_title .after_shop_loop_actions { top: 0; animation: 0.65s fadeIn; } .products .actions-wrapper a .icon, .products .caption .yith-wcwl-add-to-wishlist a .icon, .products .actions-wrapper .tinvwl_add_to_wishlist_button, .products .caption .tinvwl_add_to_wishlist_button { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; } .products .actions-wrapper a:hover .icon, .products .caption .yith-wcwl-add-to-wishlist a:hover .icon, .products .actions-wrapper .tinvwl_add_to_wishlist_button:hover, .products .caption .tinvwl_add_to_wishlist_button:hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .products .yith-wcwl-add-to-wishlist a:hover .et-heart:before { content: "\e91c"; } .products .actions-wrapper .icon, .products .caption .icon, .yith-wcwl-add-to-wishlist .icon, .yith-wcwl-wishlistexistsbrowse .icon { color: #777; } .products .actions-wrapper a:hover .icon, .products .caption a:hover .icon, .yith-wcwl-add-to-wishlist a:hover .icon, .yith-wcwl-wishlistexistsbrowse a:hover .icon { color: #282828; } /* Added to cart */ .products .add_to_cart_button.ajax_add_to_cart.added, .products .button.wvs_add_to_cart_button.added { display: none !important; } .products .added_to_cart, .products .added_to_cart .icon, .products a.added_to_cart:hover .icon { color: #03a678; } .products .button.wvs_add_to_cart_button + .added_to_cart { font-size: 0; } .products .button.wvs_add_to_cart_button + .added_to_cart:before { display: block; content: "\e92c"; font-family: 'et-icon'; font-size: 18px; } /* Login to see prices */ .login-to-see-prices .products .product_after_title .product_after_shop_loop_price { transform: none !important; } .login-to-see-prices .add_to_cart_button { display: none !important; } .login-to-see-prices .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .summary .yith-wcwl-add-to-wishlist > div { margin-left: 0 !important; margin-right: 0 !important; } /* Product Style 1 */ .et-listing-style1 .product-title { display: flex; } .products .et-listing-style1 .product-title h2 { margin-right: auto; } .et-listing-style1 .yith-wcwl-add-to-wishlist, .et-listing-style1 .tinvwl_add_to_wishlist_button { position: relative; float: right; margin: 0; padding-left: 10px; line-height: 1; } .et-listing-style1 .added_to_cart .icon { float: left; margin: 0 5px 0 0; } .et-listing-style1 .yith-wcwl-add-to-wishlist .blockOverlay { position: absolute; left: 0; top: 0; } .et-listing-style1 .product_thumbnail .et-quickview-btn { opacity: 0; position: absolute; bottom: -10px; width: 100%; background: rgba(255,255,255,0.8); font-size: 0.9em; text-align: center; padding: 10px; -moz-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -webkit-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition-delay: 0s; } .et-listing-style1 .product_thumbnail .et-quickview-btn .text { position: relative; display: inline; visibility: visible; transform: none; background: transparent; color: inherit; text-transform: none; font-size: inherit; animation: none; right: auto; left: auto; opacity: 1; box-shadow: none; padding: 0; } .et-listing-style1 .product_thumbnail .et-quickview-btn .text:after, .et-listing-style1 .product_thumbnail .et-quickview-btn .et-icon, .et-listing-style1 .caption .et-tooltip .text { display: none; } .no-touch .et-listing-style1:hover .product_thumbnail .et-quickview-btn { opacity: 1; bottom: 0; transition-delay: .15s; } /* Product Style 2 */ .et-listing-style2 .product-title, .et-listing-style3 .product-title { display: block; text-transform: none; position: relative; } .et-listing-style2 .actions-wrapper { position: absolute; width: 160px; height: 54px; bottom: 20px; left: 50%; margin-left: -80px; background: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); opacity: 0; transform: scale(0.85); -webkit-transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; z-index: 9999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .et-listing-style2.cart-clicked .actions-wrapper, .no-touch .et-listing-style2:hover .actions-wrapper { opacity: 1; transform: scale(1); } .et-listing-style2 .actions-wrapper { align-items: center; justify-content: center; display: flex; } .et-listing-style2 .button, .et-listing-style2 .added_to_cart { padding: 0; width: 100%; } .et-listing-style2 .et-quickview-btn, .et-listing-style2 .tinv-wishlist, .et-listing-style2 .yith-wcwl-add-to-wishlist, .et-listing-style2 .yith-wcwl-add-to-wishlist > div, .et-listing-style2 .yith-wcwl-add-to-wishlist a, .et-listing-style2 .button, .et-listing-style2 .added_to_cart { background: transparent; font-size: 18px; display: inline-flex; width: auto; float: none; position: relative; top: auto; left: auto; right: auto; width: 100%; height: 100%; align-items: center; justify-content: center; margin: 0; } .et-listing-style2 .actions-wrapper > *:not(:first-child), .et-listing-style2 .actions-wrapper > *:not(:first-child):hover { border-left: 1px solid rgba(0,0,0,0.1); } .et-listing-style2 .yith-wcwl-add-to-wishlist .blockOverlay { position: absolute; left: 10%; top: 30%; } .et-listing-style2 .button .text, .et-listing-style2 .et-tooltip .text, .et-listing-style2 .product_after_title .after_shop_loop_actions > .button { display: none !important; } /* Style: 2-3 */ .et-listing-style2 .button.wvs_add_to_cart_button, .et-listing-style3 .button.wvs_add_to_cart_button { font-size: 0; } .et-listing-style2 .button.wvs_add_to_cart_button:before, .et-listing-style3 .button.wvs_add_to_cart_button:before { display: block; content: "\e91a"; font-family: 'et-icon'; font-size: 18px; } /* Product Style 3: */ .et-listing-style3 .actions-wrapper { position: absolute; top: 5%; right: 5%; } .et-listing-style3 .button.wvs_add_to_cart_button span { display: none; } /* Style: 3-4 */ .et-listing-style3 a .icon, .et-listing-style4 a .icon, .et-listing-style3 .tinvwl_add_to_wishlist_button, .et-listing-style4 .tinvwl_add_to_wishlist_button, .et-listing-style3 .button.wvs_add_to_cart_button { border-radius: 50%; background: rgba(255,255,255,0.7); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; opacity: 0; -webkit-transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; } .et-listing-style3:hover a .icon, .et-listing-style4:hover a .icon, .et-listing-style3.cart-clicked a .icon, .et-listing-style4.cart-clicked a .icon, .et-listing-style3:hover .tinvwl_add_to_wishlist_button, .et-listing-style4:hover .tinvwl_add_to_wishlist_button, .et-listing-style3:hover .button.wvs_add_to_cart_button { opacity: 1; } .et-listing-style3 a:hover .icon, .et-listing-style4 a:hover .icon, .et-listing-style3 .tinvwl_add_to_wishlist_button:hover, .et-listing-style4 .tinvwl_add_to_wishlist_button:hover { background: #fff; } .et-listing-style3 .yith-wcwl-add-to-wishlist a .icon, .et-listing-style4 .yith-wcwl-add-to-wishlist a .icon, .et-listing-style3 .tinvwl_add_to_wishlist_button, .et-listing-style4 .tinvwl_add_to_wishlist_button { background: transparent; opacity: 1; } .et-listing-style3:hover .yith-wcwl-add-to-wishlist a .icon, .et-listing-style4:hover .yith-wcwl-add-to-wishlist a .icon, .et-listing-style3:hover .tinvwl_add_to_wishlist_button, .et-listing-style4:hover .tinvwl_add_to_wishlist_button { background: rgba(255,255,255,0.7); } .et-listing-style3 .yith-wcwl-add-to-wishlist, .et-listing-style4 .yith-wcwl-add-to-wishlist, .et-listing-style3 .actions-wrapper .button, .et-listing-style3 .actions-wrapper .added_to_cart, .et-listing-style3 .tinvwl_add_to_wishlist_button, .et-listing-style4 .tinvwl_add_to_wishlist_button, .et-listing-style3 .et-quickview-btn, .et-listing-style4 .et-quickview-btn { position: relative; display: block; margin: 0 0 10px 0; padding: 0; background: transparent; opacity: 1; } .et-listing-style3 .variable-item:not(.radio-variable-item).color-variable-item, .et-listing-style3 .variable-item:not(.radio-variable-item).image-variable-item { width: 22px; height: 22px; } .et-listing-style3 .product_after_title .after_shop_loop_actions .add_to_cart_button { display: none !important; } /* Product Style 4: */ .et-listing-style4 > div { position: relative; } .products .et-listing-style4 .product_thumbnail { margin-bottom: 0; border-radius: 5px; } .products .et-listing-style4 .button .icon { display: none; } .products .et-listing-style4 .product_after_title .after_shop_loop_actions { position: relative; top: 0; } .et-listing-style4 .caption { position: absolute; bottom: -10px; left: 0; width: 100%; padding: 20px; opacity: 0; } .et-listing-style4:hover .caption { opacity: 1; bottom: 0; } .products:not(.shop_display_list) .et-listing-style4 .product_after_title > div > .price, .products:not(.shop_display_list) .et-listing-style4 .button { line-height: 1.1; border-radius: 3px; display: inline-flex; } .products:not(.shop_display_list) .et-listing-style4 .product_after_title .price ins, .products:not(.shop_display_list) .et-listing-style4 .product_after_title .price>.amount { color: #fff; } .products:not(.shop_display_list) .et-listing-style4 .product-title h2 { font-size: 1em; } .products:not(.shop_display_list) .et-listing-style4 .product-title a { padding: 5px 10px; border-radius: 3px; background: rgba(255,255,255,0.5); display: inline-block; } .products:not(.shop_display_list) .et-listing-style4:hover .product-title a { background: rgba(255,255,255,0.8); } .et-listing-style4 .actions-wrapper { position: absolute; top: 5%; right: 5%; z-index: 10; color: #282828; font-weight: 400; margin: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0; } .et-listing-style4 .variable-items-wrapper { margin-top: 10px; } /* Add to cart always visible */ @media only screen and (min-width: 768px) { .atc-visible-desktop .et-listing-style1 .product_after_title .after_shop_loop_actions, .atc-visible-mobile-desktop .et-listing-style1 .product_after_title .after_shop_loop_actions { display: block !important; position: relative !important; top: auto !important; animation: none !important; } .atc-visible-desktop .product .after_shop_loop_actions .button, .atc-visible-mobile-desktop .product .after_shop_loop_actions .button { display: inline-block; position: relative; width: auto; letter-spacing: 0; text-transform: none; text-align: center; font-size: 14px; margin: 5px 0; box-shadow: none; border: 2px solid #ddd; padding: 4px 10px; border-radius: 3px; } .atc-visible-desktop .et-listing-style4 .after_shop_loop_actions .button .icon, .atc-visible-desktop .after_shop_loop_actions .button .text:after { display: none; } .atc-visible-desktop .type-product .product_after_title .product_after_shop_loop_price, .atc-visible-mobile-desktop .type-product .product_after_title .product_after_shop_loop_price { transform: none !important; } } @media only screen and (max-width: 767px) { /* Add to cart always visible */ .atc-visible-mobile .type-product .product_after_title .after_shop_loop_actions, .atc-visible-mobile-desktop .type-product .product_after_title .after_shop_loop_actions { display: block !important; position: relative !important; top: auto !important; animation: none !important; } .atc-visible-mobile .product .after_shop_loop_actions .button, .atc-visible-mobile-desktop .product .after_shop_loop_actions .button { display: inline-block; position: relative; width: auto; letter-spacing: 0; text-transform: none; font-size: 14px; margin: 5px 0; box-shadow: none; border: 2px solid #ddd; padding: 4px 10px; border-radius: 3px; } .atc-visible-mobile .after_shop_loop_actions .button .text, .atc-visible-mobile-desktop .after_shop_loop_actions .button .text { text-transform: none; font-size: 14px; display: inline-block; visibility: visible; position: relative; left: auto; right: auto; padding: 0; opacity: 1; background: none; box-shadow: none; font-size: inherit; color: inherit; line-height: 1.6; } .atc-visible-mobile .et-listing-style4 .after_shop_loop_actions .button .icon, .atc-visible-mobile .after_shop_loop_actions .button .text:after, .atc-visible-mobile-desktop .et-listing-style4 .after_shop_loop_actions .button .icon, .atc-visible-mobile-desktop .after_shop_loop_actions .button .text:after { display: none; } .atc-visible-mobile .type-product .product_after_title .product_after_shop_loop_price, .atc-visible-mobile-desktop .type-product .product_after_title .product_after_shop_loop_price { transform: none !important; } .et-listing-style1 .actions-wrapper, .et-listing-style2 .actions-wrapper, .et-listing-style3 .actions-wrapper .button, .et-listing-style3 .actions-wrapper .added_to_cart, .et-listing-style3 .et-quickview-btn, .et-listing-style4 .et-quickview-btn { display: none; } /* Styles on mobiles */ .products .type-product:not(.et-listing-style2):not(.et-listing-style3):hover .product_after_title .product_after_shop_loop_price { transform: none !important; } .products .type-product:not(.et-listing-style2):not(.et-listing-style3) .product_after_title .after_shop_loop_actions, .products .type-product:not(.et-listing-style2):not(.et-listing-style3):hover .product_after_title .after_shop_loop_actions { display: none; } .products .product:not(.et-listing-style2) .variable-items-wrapper { position: relative; padding: 0; opacity: 1; transform: none; } .products .et-listing-style2 .variations_form.cart table { width: 100%; } .products.swatches-position-side .variable-items-wrapper { flex-direction: row; opacity: 1; transform: none; position: relative; padding: 10px 0 0; margin: 0 0 -4px 0; } /* Style 4 */ .products:not(.shop_display_list) .et-listing-style4 .button { line-height: 1; margin: 5px; } .products .et-listing-style4 .caption { padding: 1em 0 0; position: relative; bottom: auto; left: auto; right: auto; opacity: 1; } .products:not(.shop_display_list) .et-listing-style4 .product-title a { padding: 0; margin: 0; } .products:not(.shop_display_list) .et-listing-style4 .product_after_title > div > .price, .products:not(.shop_display_list) .et-listing-style4 .product_after_title .price ins, .products:not(.shop_display_list) .et-listing-style4 .product_after_title .price>.amount { color: inherit; background: transparent; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 575px) { .products.show-rating .product_after_shop_loop_price { flex-direction: column; align-items: start; } .products.show-rating .product_after_shop_loop_price .star-rating { margin-top: 6px; display: block; float: left; } } @media only screen and (min-width: 768px) { .products:not(.shop_display_list) .et-listing-style4 .button, .products:not(.shop_display_list) .et-listing-style4 .product_after_title > div > .price { background: rgba(0,0,0,0.3); color: #fff; box-shadow: none; border: 0; line-height: 1; padding: 5px 10px; } .products:not(.shop_display_list) .et-listing-style4 .button { background: #282828; font-size: inherit; margin: 5px 0; } .products:not(.shop_display_list) .et-listing-style4 .price .woocommerce-Price-amount { color: #fff; } } /* # List View ------------------------------------------------------- */ .shop-views { display: none; } .shop-views.list-1, .shop-views.small-1 { display: flex; } .shop-views:before { display: block; content: ''; border-left: 1px solid #eee; margin: 0 10px 0 5px; } .shop-views button { display: none; padding: 8px 2px; margin-left: 10px; border: 0; background: transparent; color: #282828; outline: none; opacity: 0.4; } .shop-views button:hover, .shop-views button.active { opacity: 1; } .shop-views button.active:after { width: 100%; } .shop-views button svg { width: 18px; height: 18px; } .shop-views .small-icon svg { fill: currentColor; } .shop-views .grid-icon, .shop-views.list-1 .list-icon, .shop-views.small-1 .small-icon { display: block; } .shop_display_list .product { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; flex-direction: row; } .shop_display_list .product > div { width: 100%; } .shop_display_list.products .product .after_shop_loop_actions { position: relative; top: auto; display: block; animation: unset; } .shop_display_list.products .type-product:not(.et-listing-style2):not(.et-listing-style3):hover .product_after_title .after_shop_loop_actions { top: auto; animation: unset; } .shop_display_list.products .product .after_shop_loop_actions .button { display: inline-block; position: relative; width: auto; letter-spacing: 0; text-transform: none; font-size: 14px; margin: 5px 0; box-shadow: none; border: 2px solid #ddd; padding: 4px 10px; border-radius: 3px; } .shop_display_list.products .product .after_shop_loop_actions .button .text { display: block; position: relative; left: auto; right: auto; color: #777; visibility: visible; opacity: 1; background: none; box-shadow: none; font-size: inherit; line-height: 1.6; padding: 0; } .shop_display_list.products .product .after_shop_loop_actions .button .text:after, .shop_display_list.products .product .after_shop_loop_actions .button .icon { display: none; } .shop_display_list.products .product .product_after_title .product_after_shop_loop_price { justify-content: space-between; display: flex; transform: none !important; } .shop_display_list.products .type-product:not(.et-listing-style2):not(.et-listing-style3):hover .product_after_title .product_after_shop_loop_price { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } .shop_display_list.products .product .caption .variable-items-wrapper { flex-direction: row; opacity: 1; transform: scale(1); position: relative; padding: 0; } @media screen and (max-width: 575px) { .shop-views.mobile-cols-1 { display: none; } } @media screen and (max-width: 767px) { .shop_display_list .et-listing-style2 .actions-wrapper, .shop_display_list .product .product-excerpt { display: none; } } @media screen and (min-width: 768px) { .shop_display_list .product > div { display: flex; width: 100%; flex-direction: row; } .shop_display_list .product .product-excerpt { display: block; margin: 10px 0; } .shop_display_list .product .product-excerpt p { margin: 0; } .shop_display_list .product .product_thumbnail { width: 45%; margin-bottom: 0; } .shop_display_list .product .caption { padding: 20px 0 0 30px; width: 55%; position: relative; left: auto; right: auto; bottom: auto; text-align: initial; opacity: 1; } .shop_display_list.products .product .caption .et-tooltip .text { display: block; } } @media screen and (min-width: 992px) { [class*="columns-"] > .products.shop_display_list .product, .shop_display_list .product { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 1200px) { .shop_display_small .product.small_grid_3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .shop_display_small .product.small_grid_4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .products:not(.shop_display_list) .product.large_grid_5, .shop_display_small .product.small_grid_5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .shop_display_small:not(.shop_display_list) .product.small_grid_6 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } } @media screen and (min-width: 1490px) { [class*="columns-"] > .products.shop_display_list .product, .shop_display_list .product { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } /* Small Grid View */ @media screen and (max-width: 1199px) { #shop-display-small { display: none; } } /* # Product Carousel ------------------------------------------------------- */ .entry-content .et-main-products, .et-main-products.et-product-slider, .slick-slider.products .product { margin-bottom: 0; } .slick-slider.products .product { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .et-main-products.et-product-slider .slick-list { margin-top: -5px; padding-top: 5px; } /* # Single Product Page ------------------------------------------------------- */ .single-product .page-padding { padding-top: 0; } .page-header-regular.single-product .header-spacer { display: none; } .et-product-detail .product-showcase { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 45px; } .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-row { justify-content: center; } .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner { padding-top: 20px; } .page-header-transparent .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner { padding-top: 25px; } /* Product Layout: Full Width ; */ .et-product-detail.et-product-layout-full-width .product-showcase:not(.product-title-top) .woocommerce-breadcrumb { display: none; } .et-product-detail.et-product-layout-full-width .woocommerce-product-gallery { text-align: center; } .et-product-detail.et-product-layout-full-width .et-featured-video.video-gallery { display: block; clear: both; text-align: center; padding-top: 40px; position: relative; right: auto; left: auto; top: auto; } /* Gallery */ .woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce-product-gallery__wrapper:before, .woocommerce-product-gallery__wrapper:after { content: ''; display: block; clear: both; } .et-product-detail .product-gallery { z-index: 0; } .et-product-detail .product-gallery img { font-size: 0; } .et-product-detail .lightbox-disabled.zoom-enabled .woocommerce-product-gallery__image a { cursor: crosshair; } .et-product-detail .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:after { content: "\e917"; font-family: "et-icon"; font-size: 18px; position: absolute; right: 15px; top: 15px; background: rgba(255,255,255,0.3); border-radius: 50px; display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; opacity: 0; color: initial; } .product-gallery .woo-variation-product-gallery, .product-gallery .rtwpvg-images { max-width: none !important; /* Override plugin style */ width: 100%; margin: 0; float: none; display: block; } .touch .woo-variation-gallery-wrapper .zoomImg, .touch .rtwpvg-wrapper .zoomImg, .zoom-disabled .rtwpvg-wrapper .zoomImg, .zoom-disabled .woo-variation-gallery-wrapper .zoomImg { display: none !important; /* Override plugin style */ } .et-product-detail .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .et-product-detail .rtwpvg-wrapper .rtwpvg-trigger { position: absolute; right: 15px; top: 15px; background: rgba(255,255,255,0.3); border-radius: 50px; display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; z-index: 9999; } .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .woo-variation-gallery-wrapper .slick-slider .wvg-gallery-image, .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .rtwpvg-wrapper .slick-slider .rtwpvg-gallery-image { cursor: move; cursor: -webkit-grab; cursor: grab; } .et-product-detail .rtwpvg-wrapper .rtwpvg-trigger .dashicons, .woo-variation-gallery-wrapper .woo-variation-gallery-trigger .dashicons { font-family: "et-icon"; font-size: 18px; display: none; } .et-product-detail .rtwpvg-wrapper .rtwpvg-trigger:after, .woo-variation-gallery-wrapper .woo-variation-gallery-trigger:after { content: "\e917"; font-family: "et-icon"; font-size: 18px; } .touch .et-product-detail .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .touch .et-product-detail .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:after, .touch .et-product-detail .rtwpvg-wrapper .rtwpvg-trigger, .et-product-detail .woo-variation-gallery-wrapper:hover .woo-variation-gallery-trigger, .et-product-detail .rtwpvg-wrapper:hover .rtwpvg-trigger, .et-product-detail .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:hover:after { opacity: 1; } .et-product-detail .product-gallery .woo-variation-gallery-wrapper .woo-variation-gallery-slider-wrapper div { background: transparent; height: auto !important; } @media only screen and (max-width: 991px) { .gallery-transition-fade .woocommerce-product-gallery__image { position: absolute; max-width: none !important; min-height: 0 !important } .gallery-transition-fade .woocommerce-product-gallery__image:first-child { position: relative } } @media only screen and (min-width: 992px) { .et-product-detail.et-product-layout-no-padding .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .et-product-detail.et-product-layout-no-padding .rtwpvg-wrapper .rtwpvg-trigger, .et-product-detail.et-product-layout-no-padding .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:after { top: 15%; right: 15%; } .et-product-detail.et-product-layout-no-padding .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:after { display: none; } .et-product-detail.et-product-layout-no-padding:not(.et-product-gallery-carousel) .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .et-product-detail.et-product-layout-no-padding:not(.et-product-gallery-carousel) .rtwpvg-wrapper .rtwpvg-trigger, .et-product-detail.et-product-layout-no-padding.et-product-gallery-carousel .showcase-disabled .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .et-product-detail.et-product-layout-no-padding.et-product-gallery-carousel .showcase-disabled .rtwpvg-wrapper .rtwpvg-trigger { top: 90px; right: 40px; } } /* Flexslider nav */ .woocommerce-product-gallery .flex-direction-nav { list-style: none; } .woocommerce-product-gallery .flex-direction-nav a { display: inline-flex; justify-content: center; align-items: center; position: absolute; z-index: 500; top: 50%; opacity: 0; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; padding: 0; border: none; outline: none; cursor: pointer; background: transparent; font-size: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .woocommerce-product-gallery .flex-direction-nav a:after { font-family: 'et-icon'; font-size: 24px; content: '\e924'; } .woocommerce-product-gallery .flex-direction-nav .flex-next:after { content: '\e923'; } .woocommerce-product-gallery:hover .flex-direction-nav a { opacity: 1; } .woocommerce-product-gallery .flex-direction-nav .flex-prev { left: 0; } .woocommerce-product-gallery .flex-direction-nav .flex-next { right: 0; } .woocommerce-product-gallery:hover .flex-direction-nav .flex-prev { left: 22px; } .woocommerce-product-gallery:hover .flex-direction-nav .flex-next { right: 22px; } .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover, .woocommerce-product-gallery .flex-direction-nav .flex-next:hover { background: rgba(255,255,255,0.3); } @media only screen and (max-width: 991px) { .touch .woocommerce-product-gallery .flex-direction-nav a { opacity: 1; } .touch .woocommerce-product-gallery .flex-direction-nav .flex-prev { left: 22px; } .touch .woocommerce-product-gallery .flex-direction-nav .flex-next { right: 22px; } } /* Gallery: Lightbox (PhotoSwipe) */ .pswp__bg, .pswp__img--placeholder--blank { background: rgba(255,255,255,.96); } .pswp__top-bar { background-color: transparent; top: 10px; padding-right: 10px; } .pswp__counter { color: inherit; } button.pswp__button { width: 40px; height: 40px; background-image: none !important; /* Override plugin style */ color: inherit; } button.pswp__button svg { width: 20px; height: 20px; position: relative; z-index: -1; } .pswp__share-tooltip { right: 48px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background: #282828; } a.pswp__share--facebook:before { border-bottom-color: #282828; } a.pswp__share--pinterest:hover { background: #CE272D; color: #fff; } .pswp__share-tooltip a { padding: 12px 14px; } .pswp__share-tooltip a:not(:hover) { color: #eee; } .pswp__share-modal { background: rgba(255,255,255,0.5); } .pswp__button--arrow--left, .pswp__button--arrow--right { margin-top: -20px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; } .pswp__button--arrow--left { left: 20px; } .pswp__button--arrow--right { right: 20px; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background-image: none; display: none; height: 0; width: 0; } button.pswp__button--arrow--left svg, button.pswp__button--arrow--right svg { height: 24px; width: 24px; } .pswp__caption { display: none; } @media all and (max-width: 767px) { .single-product .pswp__button--arrow--left svg, .single-product .pswp__button--arrow--right svg { width: 24px; height: 24px } } /* Featured video in gallery */ .product-thumbnails .et-feat-video-btn .et-featured-video-label { display: none; } .et-featured-video.video-gallery { position: relative; margin-top: 20px; display: inline-block; color: inherit; white-space: nowrap; text-overflow: ellipsis; } .et-feat-video-btn { display: inline-flex; align-items: center; font-size: 0.95em; } .et-featured-video-icon { display: inline-block; width: 34px; height: 34px; text-align: center; vertical-align: middle; z-index: 1; position: relative; } .et-featured-video.video-gallery .et-featured-video-icon { width: 40px; height: 40px; } .et-featured-video-icon:before { display: block; position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; border-radius: 200px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid currentColor; } .et-featured-video-icon:after { content: " "; height: 72px; width: 72px; top: 0; left: 0; width: 100%; height: 100%; position: absolute; border-radius: 50%; background: transparent; opacity: 0; transition: background .5s linear; } .et-featured-video.video-multiple a { display: inline-flex; text-align: center; align-items: center; justify-content: center; width: 20px; padding: 0; position: relative; } .et-feat-video-btn:hover .et-featured-video-icon:after { animation: 1s circlePulse linear; } .et-featured-video-icon svg { display: block; position: absolute; height: 13px; width: 13px; top: 50%; left: 50%; margin-left: 2px; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); } .et-feat-video-btn:hover svg { fill: currentColor; } .et-featured-video-label { margin: 0 .75em; } /* Featured video in product summary */ .summary .et-featured-video { margin: 10px 0; } .single-product .et-feat-video-popup.et-mfp-fade-in.mfp-bg.mfp-ready, .single-product .et-feat-video-popup.et-mfp-zoom-in.mfp-bg.mfp-ready, .single-product .et-feat-video-popup.mfp-bg { opacity: 0.86; } .et-feat-video-popup.vertical-true .mfp-content{ height: 100%; } .et-feat-video-popup .mfp-close:before, .et-feat-video-popup .mfp-close:after { background-color: #fff; } .woocommerce-product-gallery .flex-control-thumbs li, .woo-variation-product-gallery .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image { cursor: pointer; } @media all and (max-width: 991px) { .et-product-detail .product-showcase { height: auto !important; /* override js inline style */ } /* Gallery */ .woocommerce-product-gallery { float: none; height: auto; width: auto; margin-right: auto; margin-left: auto; padding-right: 0; position: relative; overflow: hidden; } .et-product-layout-full-width .woocommerce-product-gallery { max-width: none; } .thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs { width: 100%; float: none; } .product-gallery .woo-variation-product-gallery, .product-gallery .rtwpvg-images { height: auto; } /* Featured video */ .et-product-detail.et-product-layout-no-padding .et-featured-video.video-gallery { left: 15px; } /* Gallery: Pagination */ .woocommerce-product-gallery .flex-control-thumbs, .woo-variation-product-gallery .woo-variation-gallery-thumbnail-wrapper { display: block; float: none; width: auto; text-align: center; position: absolute; bottom: 16px; z-index: 9; width: 100%; margin: 0; } .woocommerce-product-gallery .flex-control-thumbs li, .woo-variation-product-gallery .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image { position: relative; float: none; display: inline-block; width: auto; max-width: 80px; vertical-align: middle; margin: 0; cursor: pointer; } .thumbnails-mobile-thumbs .woocommerce-product-gallery .flex-control-thumbs { position: relative; bottom: auto; margin-top: 20px; } /* Only dots on mobiles */ .thumbnails-mobile-dots .woocommerce-product-gallery .flex-control-thumbs li img { display: block; width: 6px; height: 6px; margin: 0 8px; padding: 6px 6px 0 0; opacity: 1; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; background: #aaa; -webkit-box-sizing: border-box; box-sizing: border-box; } .thumbnails-mobile-dots .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { width: 8px; height: 8px; margin: 0 4px; padding: 8px 8px 0 0; opacity: 1; background: #282828; } .thumbnails-mobile-dots .woo-variation-gallery-thumbnail-wrapper, .thumbnails-mobile-dots .rtwpvg-thumbnail-wrapper { display: none; } .thumbnails-mobile-dots .slick-slider .slick-dots { position: relative; bottom: auto; margin-top: 10px; left: auto; transform: none; text-align: center; } .thumbnails-mobile-dots .flex-control-thumbs.slick-slider .slick-arrow { display: none !important; } .thumbnails-mobile-dots .flex-control-nav .slick-track { transform: none !important; width: auto !important; } .thumbnails-mobile-dots .flex-control-nav .slick-slide { width: auto !important; display: inline-flex; float: none; } } .woo-variation-gallery-slider .slick-dots, .rtwpvg-slider .slick-dots { position: absolute; bottom: 30px; z-index: 500; max-width: 1280px; padding: 0 27px; text-align: left; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* Gallery: Thumbnails */ .woocommerce-product-gallery .flex-control-thumbs li img { -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; width: 100%; border: 1px solid rgba(0,0,0,0); border-color: transparent; opacity: 0.7; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: none; width: auto; } .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border-color: rgba(0,0,0,0.3); opacity: 1; } .has-additional-thumbnails .flex-control-thumbs { margin-bottom: 0; } .flex-control-thumbs.slick-slider .slick-arrow { opacity: 1; } .flex-control-thumbs.slick-slider .slick-arrow.slick-disabled { opacity: 0; } .has-additional-thumbnails .flex-control-thumbs .slick-prev { left: 0; } .has-additional-thumbnails .flex-control-thumbs .slick-next { right: 0; } @media all and (min-width: 992px) { .et-featured-video.video-gallery { position: absolute; margin: 0; top: 25px; left: 40px; z-index: 99; } .et-featured-video.video-gallery .et-featured-video-icon:before { background: rgba(255,255,255,0.5); } .et-product-detail:not(.et-product-layout-full-width) .et-featured-video.video-gallery .et-featured-video-label { display: none; } .thumbnails-vertical .has-additional-thumbnails .woocommerce-product-gallery, .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs { overflow: visible !important; } .thumbnails-vertical .et-featured-video.video-gallery { left: 140px; } .woocommerce-product-gallery .slick-dots { display: none; } .woocommerce-product-gallery .product-images.slick:after { top: 250px; } /* Gallery: Thumbnails - Vertical */ .thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs { position: relative; float: left; width: 80px; } .thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs li { margin-bottom: 10px; } .thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs li:last-child { margin-bottom: 0; } /* Thumbnails Side */ .thumbnails-vertical:not(.et-product-layout-no-padding) .has-additional-thumbnails .woocommerce-product-gallery, .thumbnails-vertical:not(.et-product-layout-no-padding) .woo-variation-gallery-slider-wrapper, .thumbnails-vertical:not(.et-product-layout-no-padding) .rtwpvg-slider-wrapper { float: right; width: calc(100% - 90px); margin-left: 20px; } .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs, .thumbnails-vertical .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper, .thumbnails-vertical .has-additional-thumbnails .rtwpvg-thumbnail-wrapper { width: 70px; z-index: 9; } .thumbnails-vertical .has-additional-thumbnails .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-slider:not(.slick-initialized) { display: block; } .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs { position: absolute; top: 0; left: 0; margin-left: -90px; } .thumbnails-vertical .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image, .thumbnails-vertical .has-additional-thumbnails .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-image { height: auto; width: 100%; margin-bottom: 10px; } .thumbnails-vertical.et-product-layout-no-padding .has-additional-thumbnails .flex-control-thumbs, .thumbnails-vertical.et-product-layout-no-padding .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper, .thumbnails-vertical.et-product-layout-no-padding .has-additional-thumbnails .rtwpvg-thumbnail-wrapper { left: 15px; position: absolute; margin: 0; } .thumbnails-vertical.et-product-layout-no-padding .has-additional-thumbnails .woocommerce-product-gallery:hover .flex-direction-nav .flex-prev { left: 112px; } /* Vertical thumbs slider */ .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs .slick-arrow { transform: rotate(90deg); left: 25px; right: auto; background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.1); } .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs .slick-arrow:hover { border-color: rgba(0,0,0,0.3); } .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs .slick-prev { top: -20px; } .thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs .slick-next { bottom: -20px; } /* Gallery: Thumbnails - Horizontal */ .thumbnails-horizontal .showcase-disabled .woocommerce-product-gallery { height: auto !important; } .thumbnails-horizontal .showcase-disabled .woocommerce-product-gallery .flex-control-thumbs, .thumbnails-horizontal .showcase-disabled .woo-variation-gallery-thumbnail-slider { margin-top: 10px; display: flex; } .et-product-layout-full-width .woocommerce-product-gallery .flex-control-thumbs, .et-product-layout-full-width .woo-variation-gallery-thumbnail-wrapper, .et-product-layout-full-width .woo-variation-gallery-thumbnail-slider { justify-content: center; } .thumbnails-horizontal .woocommerce-product-gallery .flex-control-thumbs li { float: left; max-width: 80px; margin-bottom: 10px; padding: 0 5px; cursor: pointer; } .thumbnails-horizontal .woocommerce-product-gallery .flex-control-thumbs li img { width: 100%; padding: 3px; } .woocommerce-product-gallery { position: relative; } .woo-variation-gallery-container:before, .woo-variation-gallery-container:after, .woocommerce-product-gallery:before, .woocommerce-product-gallery:after { content: ''; display: block; clear: both; } .et-product-detail:not(.et-product-layout-full-width):not(.et-product-layout-no-padding) .woocommerce-product-gallery { max-width: 1000px; margin: 0 auto; } /* Slick Gallery */ .et-product-gallery-carousel .woocommerce-product-gallery .slick.slick-initialized.product-thumbnails { display: block; } .flex-control-thumbs.slick:after { display: none; } .et-product-detail .flex-control-thumbs .woocommerce-product-gallery__image img { padding: 3px; border: 1px solid transparent; cursor: pointer; } .et-product-detail .flex-control-thumbs .woocommerce-product-gallery__image.slick-current img { border-color: #aaa; } .woo-variation-gallery-slider .wvg-gallery-image { display: none; } .woo-variation-gallery-slider .wvg-gallery-image:first-child, .woo-variation-gallery-slider.slick-initialized .wvg-gallery-image { display: block; } /* Single Column / Grid */ .et-product-detail.et-product-gallery-column .woocommerce-product-gallery__wrapper, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__wrapper, .et-product-detail.et-product-gallery-column .flex-viewport, .et-product-detail.et-product-gallery-grid .flex-viewport { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; transform: translate3d(0px, 0px, 0px) !important; } .et-product-detail.et-product-gallery-column .woocommerce-product-gallery, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery { height: auto !important; } .et-product-detail.et-product-gallery-column .woocommerce-product-gallery .flex-viewport, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery .flex-viewport { height: 100% !important; } .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper, .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper { min-height: auto !important; } .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper .wvg-gallery-image, .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper .slick-slide, .et-product-detail.et-product-gallery-column .rtwpvg-slider-wrapper .rtwpvg-gallery-image, .et-product-detail.et-product-gallery-column .rtwpvg-slider-wrapper .swiper-slide, .et-product-detail.et-product-gallery-column .woocommerce-product-gallery__image { float: none !important; /* Override plugin style */ top: auto !important; left: auto !important; margin: 0 auto !important; max-width: 1000px; width: 100% !important; opacity: 1 !important; } .et-product-detail.et-product-gallery-column .woo-variation-gallery-slider-wrapper div { display: block; } .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper .slick-slide, .et-product-detail.et-product-gallery-column .rtwpvg-slider-wrapper .swiper-slide, .et-product-detail.et-product-gallery-column .woocommerce-product-gallery__image { padding-top: 20px; } .et-product-detail.et-product-gallery-column.et-product-layout-no-padding .woo-variation-gallery-wrapper .wvg-gallery-image, .et-product-detail.et-product-gallery-column.et-product-layout-no-padding .rtwpvg-slider-wrapper .rtwpvg-gallery-image, .et-product-detail.et-product-gallery-column.et-product-layout-no-padding .woocommerce-product-gallery__image { max-width: 100%; } .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper .slick-slide:first-child, .et-product-detail.et-product-gallery-column .woo-variation-gallery-wrapper .slick-cloned + .slick-slide, .et-product-detail.et-product-gallery-column .rtwpvg-slider-wrapper .swiper-slide:first-child, .et-product-detail.et-product-gallery-column .woocommerce-product-gallery__image:first-child { padding: 0; } .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image, .et-product-detail.et-product-gallery-grid .product-gallery .slick-slide, .et-product-detail.et-product-gallery-grid .woo-variation-gallery-wrapper .wvg-gallery-image, .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper .rtwpvg-gallery-image { margin-right: 0 !important; /* Override plugin style */ margin-left: 0 !important; top: auto !important; left: auto !important; opacity: 1 !important; width: 50% !important; position: relative; } .et-product-detail.et-product-gallery-column .swiper-wrapper, .et-product-detail.et-product-gallery-grid .swiper-wrapper { flex-wrap: wrap; } .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image:first-child, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child:last-child, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image.slick-cloned + .slick-slide:not(.slick-cloned), .et-product-detail.et-product-gallery-grid .woo-variation-gallery-wrapper .wvg-gallery-image:first-child, .et-product-detail.et-product-gallery-grid .woo-variation-gallery-wrapper .wvg-gallery-image.slick-cloned + .slick-slide:not(.slick-cloned), .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper .rtwpvg-gallery-image:first-child, .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper .rtwpvg-gallery-image.slick-cloned + .slick-slide:not(.slick-cloned), .et-product-detail.et-product-gallery-grid .product-gallery .slick-slide:first-child, .et-product-detail.et-product-gallery-grid .product-gallery .slick-slide.slick-cloned + .slick-slide:not(.slick-cloned) { width: 100% !important; /* Override plugin style */ } /* When variation images are included in the additional gallery */ .et-product-gallery-grid .woocommerce-product-gallery__image.flex-active-slide { order: -1; width: 100% !important; } .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image:not(.flex-active-slide) { width: 50% !important; } .et-product-detail.et-product-gallery-grid .woo-variation-gallery-wrapper, .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__wrapper { margin-left: -10px; margin-right: -10px; } .et-product-detail.et-product-gallery-grid .woo-variation-gallery-wrapper .wvg-gallery-image, .et-product-detail.et-product-gallery-grid .rtwpvg-slider-wrapper .rtwpvg-gallery-image, .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .et-product-detail.et-product-gallery-grid:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner { padding-bottom: 25px; } .et-product-gallery-column .product-gallery .slick-list, .et-product-gallery-grid .product-gallery .slick-list, .et-product-gallery-column .product-gallery .slick-track, .et-product-gallery-grid .product-gallery .slick-track { height: auto !important; /* Override plugin style */ width: 100% !important; transform: none !important; } .et-product-detail.et-product-gallery-column .woocommerce-product-gallery__image.flex-active-slide { order: -1; width: 100% !important; /* Override plugin style */ } .et-product-detail.et-product-gallery-grid .woocommerce-product-gallery__image.flex-active-slide .easyzoom-flyout { display: block !important; /* Override plugin style */ } .et-product-gallery-column .product-gallery .slick-cloned, .et-product-gallery-grid .product-gallery .slick-cloned, .et-product-gallery-column .woo-variation-gallery-thumbnail-wrapper, .et-product-gallery-grid .woo-variation-gallery-thumbnail-wrapper, .et-product-gallery-column .rtwpvg-thumbnail-wrapper, .et-product-gallery-grid .rtwpvg-thumbnail-wrapper, .et-product-gallery-column .product-gallery .flex-control-thumbs, .et-product-gallery-grid .product-gallery .flex-control-thumbs, .et-product-gallery-column .product-gallery .slick-arrow, .et-product-gallery-grid .product-gallery .slick-arrow, .et-product-gallery-column .product-gallery .slick-dots, .et-product-gallery-grid .product-gallery .slick-dots, .et-product-gallery-column .product-gallery .flex-direction-nav, .et-product-gallery-grid .product-gallery .flex-direction-nav { display: none !important; /* Override plugin style */ } .et-product-layout-full-width .product-information .entry-summary { display: flex; flex-wrap: wrap; max-width: 1140px; margin: 0 auto; } .et-product-layout-full-width .product-information .et-pro-summary-top { width: 55%; } .et-product-layout-full-width .product-information .et-pro-summary-content { padding-left: 40px; width: 45%; } .et-product-detail.et-product-layout-full-width form.variations_form.cart { width: auto !important; /* Override plugin style */ max-width: none !important; } .et-product-detail.et-product-layout-full-width #woo-notices-wrapper div { text-align: center; } } /* Product Info */ .et-product-detail .product-information .entry-summary { padding-top: 30px; padding-bottom: 30px; } .et-product-detail.et-product-layout-full-width.et-wishlist-next .summary .et-wishlist-div-open { padding: 30px 0; } @media only screen and (max-width: 575px) { .et-product-detail.et-product-layout-no-padding .showcase-inner { padding: 0; margin: 0; max-width: 100%; } .et-product-detail.et-product-layout-no-padding .showcase-inner .product-information { padding: 0 35px; } } @media only screen and (max-width: 991px) { .et-product-detail .summary, .et-product-detail .product-gallery-inner, .et-product-detail.thumbnails-mobile-thumbs .product-gallery > div { position: static !important; /* override js inline style */ } } @media only screen and (min-width: 992px) { .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner { padding-top: 45px; padding-bottom: 45px; } .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner .product-information .entry-summary { padding-bottom: 0; } .product-gallery-inner:before, .product-gallery-inner:after { display: block; clear: both; content: ''; } .taller_no_sticky { position: static !important; } .et-product-detail:not(.et-product-layout-full-width) .product-showcase:not(.showcase-active) .product-information .entry-summary { padding-left: 45px; max-width: 590px; } /* Product Layout - No Padding */ .et-product-detail.et-product-layout-no-padding .product-showcase { padding: 0; } .et-product-detail.et-product-layout-no-padding.product-header-transparent .product-header-spacer { display: none; } .et-product-detail.et-product-layout-no-padding .showcase-disabled .showcase-inner { padding: 0; margin: 0; max-width: 100%; } .et-product-detail.et-product-layout-no-padding .showcase-inner .product-information { padding: 6vh 5% 0 15px; flex-direction: column; } .et-product-detail.et-product-layout-no-padding.product-header-transparent .product-information { padding-top: 70px; } .et-product-detail .showcase-active .showcase-inner { padding: 0; } .et-product-detail .showcase-active .showcase-inner, .et-product-detail .showcase-active .showcase-row, .et-product-detail .showcase-active .product-gallery, .et-product-detail .showcase-active .product-gallery .product-gallery-inner, .et-product-detail .showcase-active .woocommerce-product-gallery, .et-product-detail .showcase-active .woocommerce-product-gallery .flex-viewport, .et-product-detail .showcase-active .woocommerce-product-gallery__wrapper, .et-product-detail .showcase-active .woocommerce-product-gallery .woocommerce-product-gallery__image, .et-product-detail .showcase-active .woocommerce-product-gallery .woocommerce-product-gallery__image a, .et-product-detail .showcase-active .woo-variation-product-gallery, .et-product-detail .showcase-active .woo-variation-gallery-wrapper, .et-product-detail .showcase-active .woo-variation-gallery-container, .et-product-detail .showcase-active .woo-variation-gallery-slider-wrapper, .et-product-detail .showcase-active .woo-variation-gallery-slider-wrapper div, .et-product-detail .showcase-active .rtwpvg-images, .et-product-detail .showcase-active .rtwpvg-wrapper, .et-product-detail .showcase-active .rtwpvg-container, .et-product-detail .showcase-active .rtwpvg-slider-wrapper, .et-product-detail .showcase-active .rtwpvg-slider-wrapper div, .et-product-layout-no-padding .showcase-active .woocommerce-product-gallery, .et-product-layout-no-padding .showcase-active .product-gallery .woo-variation-gallery-slider-wrapper .slick-list, .et-product-layout-no-padding .showcase-active .product-gallery .rtwpvg-container .slick-list { height: 100%; } .et-product-layout-no-padding .showcase-active .woocommerce-product-gallery .flex-viewport, .et-product-layout-no-padding .showcase-active .woocommerce-product-gallery, .et-product-layout-no-padding .showcase-active .product-gallery .woo-variation-gallery-slider-wrapper .slick-list, .et-product-layout-no-padding .showcase-active .product-gallery .rtwpvg-container .slick-list { height: 100% !important; } .et-product-detail.et-product-layout-no-padding .showcase-disabled .product-gallery .woo-variation-gallery-slider-wrapper img, .et-product-detail.et-product-layout-no-padding .showcase-disabled .product-gallery .rtwpvg-slider-wrapper img, .et-product-detail.et-product-layout-no-padding .showcase-disabled .zoom-disabled .woocommerce-product-gallery__image img { width: 100%; } .et-product-detail:not(.et-product-layout-full-width) .product-gallery .rtwpvg-wrapper .rtwpvg-slider-wrapper .rtwpvg-slider img, .et-product-detail:not(.et-product-layout-full-width) .product-gallery .woo-variation-gallery-wrapper img { width: auto; } .et-product-detail .product-gallery .woo-variation-gallery-wrapper .wvg-gallery-image div, .et-product-detail .woocommerce-product-gallery .woocommerce-product-gallery__image a { display: flex; align-items: center; justify-content: center; text-align: center; } .et-product-detail.et-product-layout-no-padding .showcase-disabled .product-gallery .rtwpvg-wrapper .rtwpvg-slider-wrapper .rtwpvg-slider img, .et-product-detail.et-product-layout-no-padding .showcase-disabled .product-gallery .woo-variation-gallery-wrapper img, .et-product-detail.et-product-layout-no-padding .showcase-disabled .product-gallery .woo-variation-gallery-wrapper .wvg-gallery-image div { width: 100% } .et-product-layout-no-padding.thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs, .et-product-layout-no-padding.thumbnails-vertical .has-additional-thumbnails .flex-control-thumbs, .et-product-layout-no-padding.thumbnails-vertical .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper, .et-product-layout-no-padding.thumbnails-vertical .has-additional-thumbnails .rtwpvg-thumbnail-wrapper { top: 30px; } .et-product-layout-no-padding.product-header-transparent.thumbnails-vertical .woocommerce-product-gallery .flex-control-thumbs, .et-product-layout-no-padding.product-header-transparent.thumbnails-vertical .woo-variation-gallery-thumbnail-wrapper, .et-product-layout-no-padding.product-header-transparent.thumbnails-vertical .rtwpvg-thumbnail-wrapper, .et-product-layout-no-padding.product-header-transparent .et-featured-video.video-gallery { top: 100px; } .et-product-layout-no-padding .showcase-active .woo-variation-gallery-slider .slick-dots, .et-product-layout-no-padding .showcase-active .rtwpvg-slider .slick-dots { transform: none; left: auto; } /* Full Width layout */ .et-product-detail.et-product-layout-full-width .woocommerce-product-gallery__wrapper { max-height: 100vh; } .et-product-detail.et-product-layout-full-width .woocommerce-product-gallery__wrapper img.lazyload { max-height: 30vh; } .et-product-layout-full-width .variations_form .variations { margin-bottom: 20px; } } .et-product-detail .summary h1 { margin-bottom: 1rem; } .et-product-detail .summary .woocommerce-product-details__short-description { margin-bottom: 15px; font-size: 0.95em; clear: both; } .et-product-detail .summary .woocommerce-product-details__short-description:before { content: ' '; display: table; clear: both; } /* Price */ .et-product-detail .summary .price { font-size: 18px; margin: 0 10px 10px 0; display: inline-block; float: left; } .et-product-detail .summary .single_variation_wrap .price { float: none; margin-top: 0; } .et-product-detail .summary .price > .price { margin-bottom: 0; } .et-product-detail .summary .single_variation_wrap .price > .amount, .et-product-detail .summary .single_variation_wrap .price > ins { font-size: 28px; } /* Rating */ .et-product-detail .summary .woocommerce-product-rating { display: inline; } .et-product-detail .woocommerce-review-link { display: none; } .et-product-detail.product-type-simple.product-details-accordion .woocommerce-product-rating, .et-product-detail .summary .price-separator { margin-bottom: 10px; } /* Badges: Sale, New */ .et-product-detail .summary .badge { display: inline-block; margin-right: 10px; font-size: 13px; border: 1px solid rgba(0,0,0,0.1); } .et-product-detail .summary .badge.onsale { border-color: #ef5c5c; background: transparent; } .et-product-detail .summary .onsale-off { display: inline; } .et-product-detail .summary .onsale-before, .et-product-detail .summary .badge.new, .et-product-detail .summary .badge.out-of-stock { display: none; } /* Sizing guide */ .et-product-detail .summary .sizing_guide { display: inline-block; margin-bottom: 15px; white-space: nowrap; } .et-product-detail.product-type-variable .sizing_guide { margin-bottom: 15px; z-index: 1; position: relative; } .mfp.et-sizing-guide .popup-container { max-width: 820px; background: #fff; padding: 40px; margin: 0 auto; position: relative; } .mfp.et-sizing-guide .page-header { padding: 0; margin-top: 0; } /* Quick View */ .et-product-detail .summary .sizing_guide + .sizing_guide, #et-quickview .summary .sizing_guide { display: none; } #et-quickview .summary .sizing_guide.open-blank { display: inline-flex; } @media (min-width: 1490px) { .mfp.et-sizing-guide .page-header { font-size: 42px; } } /* Wishlist */ /*.tinvwl_add_to_wishlist_button:hover:before, .yith-wcwl-add-to-wishlist a:hover .icon { animation: heartBeat .6s ease-in-out infinite; }*/ .et-product-detail .summary .post-share { padding: 0; padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.1); text-align: inherit; } .et-product-detail .summary .woocommerce-tabs + .share-article { margin-top: 0; } .et-product-detail .summary .share-article .share-label { font-size: 0.9em; } .yith-wcwl-add-to-wishlist a { display: block; opacity: 1 !important; } .yith-wcwl-add-to-wishlist .blockOverlay { margin: 0; background: transparent !important; } .yith-wcwl-add-to-wishlist .blockOverlay:after, .et-product-detail .summary .yith-wcwl-add-to-wishlist .blockOverlay:after { left: 50%; right: auto; height: 8px; width: 8px; margin: -12px 0 0 -18px; } .et-product-detail .buy-now-container-single-product, .et-product-detail .summary .yith-wcwl-add-to-wishlist, .et-product-detail .summary .tinv-wraper.tinv-wishlist { display: inline-block; display: inline-flex; justify-content: center; margin-top: 0; line-height: 1; position: relative; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist { margin-left: 5px; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist a { height: 100%; line-height: 1; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist .text { display: none !important; } .et-product-detail .summary .yith-wcwl-add-to-wishlist > div > a { display: inline-flex; justify-content: center; align-items: center; flex-direction: row-reverse; position: relative; background: transparent; text-transform: none; letter-spacing: normal; background: rgba(0,0,0,0.07); line-height: 1.6; font-size: inherit; padding: .75rem; border: 2px solid transparent; } .et-product-detail.et-cart-mixed .summary .yith-wcwl-add-to-wishlist > div > a, .et-product-detail.et-cart-stacked .summary .yith-wcwl-add-to-wishlist > div > a { padding: .15rem .75rem; margin-top: 10px; width: 100%; } /* Under Cart button */ .et-product-detail:not(.et-cart-horizontal) .buy-now-container-single-product, .et-product-detail:not(.et-cart-horizontal) .buy-now-container-single-product > div, .et-product-detail:not(.et-cart-horizontal) .summary .yith-wcwl-add-to-wishlist, .et-product-detail:not(.et-cart-horizontal) .summary .yith-wcwl-add-to-wishlist > div { width: 100%; } .et-product-detail .summary .tinvwl_add_to_wishlist_button { display: inline-flex; align-items: center; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .blockOverlay { position: relative !important; width: auto !important; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .blockOverlay:after { margin-left: -10px; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .et-tooltip .text, .et-product-detail .summary .tinvwl_add_to_wishlist-text { position: relative; display: inline; visibility: visible; transform: none; background: transparent; color: inherit; text-transform: none; font-size: inherit; animation: none; right: auto; left: auto; box-shadow: none; opacity: 1; white-space: normal; } .et-product-detail .tinvwl-tooltip, .et-product-detail .summary .yith-wcwl-add-to-wishlist .et-tooltip .text:after { display: none; } /* Next to Cart button */ .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist .blockOverlay { position: absolute; left: 20%; top: 30%; height: 8px; /* Override plugin style */ width: 8px; } /* Fix for some plugins which add a wrapper around add to cart button */ .et-wishlist-next .et-wishlist-div-open .quantity + div { display: inline-flex; } #wcpay-payment-request-wrapper, #wc-stripe-payment-request-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 10px; flex-grow: 1; } #wcpay-payment-custom-button, #wc-stripe-custom-button { display: block; width: 100%; height: auto !important; } @media only screen and (min-width: 576px) { .et-product-detail.et-cart-mixed .summary .gift_card_template_button, .et-product-detail.et-cart-mixed .summary .et-wishlist-div-open { flex-wrap: wrap; } .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .summary .yith-wcwl-add-to-wishlist > div, .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .buy-now-container-single-product > div { margin-left: 114px; } .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .quantity.hidden + .button + .yith-wcwl-add-to-wishlist > div, .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .quantity.hidden + .button + * + .yith-wcwl-add-to-wishlist > div, .product-type-simple.outofstock.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .summary .yith-wcwl-add-to-wishlist > div, .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .quantity.hidden + .button + .buy-now-container-single-product > div, .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .quantity.hidden + .button + * + .buy-now-container-single-product > div, .product-type-simple.outofstock.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .buy-now-container-single-product > div { margin-left: 0; margin-right: 0; } .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .summary #wcpay-payment-request-wrapper, .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .summary #wc-stripe-payment-request-wrapper { width: calc(100% - 114px); } } @media only screen and (max-width: 575px) { .et-product-detail .summary .gift_card_template_button, .et-product-detail .summary .et-wishlist-div-open { flex-direction: column; padding-top: 0; } .et-product-detail .summary .gift_card_template_button .quantity, .et-product-detail .summary .et-wishlist-div-open .quantity { margin: 0 auto 10px; width: 100%; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist { margin: 10px 0 0; } .et-product-detail .summary .yith-wcwl-add-to-wishlist, .et-product-detail .summary .yith-wcwl-add-to-wishlist > div { width: 100%; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist > div > a { padding: 0.15rem 0.75rem; width: 100%; } .et-product-detail.et-cart-horizontal .summary .yith-wcwl-add-to-wishlist .text { display: inline !important; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .blockOverlay { left: 10px; top: 12px; position: absolute; } .et-product-detail.et-wishlist-next .summary .yith-wcwl-add-to-wishlist .blockOverlay { left: 10px; top: 27px; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .icon { margin-right: 6px; } .et-product-detail .summary .yith-wcwl-add-to-wishlist .text { position: relative; display: inline; visibility: visible; transform: none; background: transparent; color: inherit; text-transform: none; font-size: inherit; animation: none; top: auto; right: auto; left: auto; box-shadow: none; opacity: 1; } .et-product-detail.et-wishlist-under .summary .yith-wcwl-add-to-wishlist :after, .et-product-detail .summary .yith-wcwl-add-to-wishlist .text:after { display: none; } } /* Product Meta */ .et-product-detail .product_meta { clear: both; color: #848485; border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0; margin-top: 30px; font-size: 0.9em; } .et-product-detail .tabs-accordion + .product_meta { margin-top: 0; } .et-product-detail .product_meta > span { display: inline-block; margin-right: 15px; align-items: center; } .et-product-detail .product_meta > span * { color: #282828; margin-left: 6px; } .et-product-detail > .product_meta { margin: 40px auto; padding: 20px; max-width: 840px; text-align: center; font-size: inherit; } /* Product Quantity */ .et-product-detail .summary .quantity { width: 104px; border: 2px solid rgba(0,0,0,0.1); border-radius: 3px; background: #fff; height: calc(2.15em + .975rem + 4px); position: relative; justify-content: center; } .et-product-detail.et-cart-stacked .summary .quantity { margin-bottom: 10px; width: 100%; } .el-style-border-width-1 .et-product-detail .summary .quantity { height: calc(2.15em + .75rem + 4px); } .el-style-border-width-1 .sticky-product-bar .quantity, .el-style-border-width-1 .et-product-detail .summary .quantity { border-width: 1px; } .et-product-detail .summary .et-wishlist-div-open { padding-top: 20px; position: relative; } .et-product-detail .summary .et-wishlist-div-open { display: flex; width: 100%; } .single_add_to_cart_button.button { position: relative; flex-grow: 1; display: inline-flex; justify-content: center; align-items: center; } .single_add_to_cart_button.button + .added_to_cart { display: none; } .et-cart-mixed.product-type-external .single_add_to_cart_button.button, .et-cart-stacked .single_add_to_cart_button.button { width: 100%; } .single_add_to_cart_button.et-loader, .single_buy_now_button.et-loader { position: relative; cursor: wait; transition: none; } .single_add_to_cart_button.et-loader:after, .single_buy_now_button.et-loader:after { position: relative; left: auto; right: auto; top: auto; bottom: auto; display: inline-block; margin: 0 -10px 0 10px; height: 10px; width: 10px; } .product-showcase:not(.showcase-active) .buy-now-container-single-product, .et-qv-summary .buy-now-container-single-product { margin-top: 10px; } .single_buy_now_button { width: 100%; } .et-product-detail.sold-individually .quantity { display: none !important; } .ppc-button-wrapper, #ppc-button-minicart { display: block; padding-top: 10px; } .et-product-detail .product_actions_wrap { padding-top: 10px; } /* Grouped Products */ .et-product-detail .group_table { width: 100%; border-spacing: 0; border-collapse: separate; font-size: 0.9em; } .et-product-detail .group_table td { padding: 10px; vertical-align: middle; line-height: 1.4; border-top: 1px solid rgba(0,0,0,0.1); } .et-product-detail .group_table label { margin: 0; } .et-product-detail .group_table .woocommerce-grouped-product-list-item__quantity { padding-left: 0; padding-right: 0; } .et-product-detail .group_table tr td:last-child { text-align: right; max-width: 120px; } .et-product-detail .group_table .et-quickview-btn, .et-product-detail .group_table .add_to_cart_button { display: block; text-align: center; padding: 0 4px; max-width: 120px; background: #f2f2f2; color: initial; } .et-product-detail .group_table .et-quickview-btn .text, .et-product-detail .group_table .button .text { position: relative; display: inline; visibility: visible; transform: none; background: transparent; color: inherit; font-size: inherit; white-space: normal; padding: 0; animation: none; } .et-product-detail .group_table p { margin: 5px; } .et-product-detail .summary .group_table .et-wishlist-div-open { margin: 0; padding: 0; } .et-product-detail .group_table .et-quickview-btn .text:after, .et-product-detail .group_table .add_to_cart_button .text:after, .et-product-detail .group_table .add_to_cart_button .icon { display: none; } .woocommerce-grouped-product-list-item__quantity { text-align: center; } .et-product-detail .summary .group_table .quantity { min-width: 94px; border: 0; margin: 0; height: 40px; display: flex !important; width: 0; } .et-product-detail .group_table .quantity span { height: 24px; width: 24px; } @media only screen and (min-width: 576px) { .et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped) .summary .quantity, .et-product-detail.et-cart-horizontal:not(.sold-individually):not(.product-type-grouped) .summary .quantity { margin-right: 10px; display: inline-flex; } } /* # Showcase Product ------------------------------------------------------- */ .showcase-active .woocommerce-breadcrumb, .showcase-active .product_actions_wrap { display: none; } .product-showcase.product-title-top .product_title { padding-bottom: 2vh; text-align: center; } .product-showcase .woocommerce-breadcrumb { margin-bottom: 15px; } .product-showcase.showcase-active .variations_form .variations { margin-bottom: 20px; } .product-showcase.showcase-active .variations_form .variations > tbody > tr:not(:last-child) { margin-right: 24px; } .et-product-detail .showcase-active .summary .post-share { margin-top: 10px; border: 0; } @media only screen and (max-width: 991px) { .product-showcase.product-title-top .product_title { padding-top: 2vh; } .product-showcase.product-title-top .woocommerce-breadcrumb { margin-bottom: 2vh; } .showcase-inner, .et-product-detail .summary { height: auto !important; /* override js inline style */ } } @media only screen and (max-width: 575px) { .product-showcase-light-text .product-showcase .summary .et-wishlist-div-open .quantity { border-color: rgba(255,255,255,0.2); } .product-showcase-light-text .et-wishlist-next .product-showcase .summary .yith-wcwl-add-to-wishlist > div > a, .product-showcase-light-text .et-wishlist-under .product-showcase .summary .yith-wcwl-add-to-wishlist > div > a { border-color: rgba(255,255,255,0.5); } .product-showcase.showcase-active .variations_form .variations > tbody > tr { display: table-row; } } @media only screen and (min-width: 992px) { .product-showcase.showcase-active { padding-bottom: 0; min-height: 100vh; } .et-product-layout-no-padding:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active { height: 100vh; overflow: hidden; } .page-header-regular .et-product-layout-no-padding:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active { height: auto; min-height: 100vh; } .et-product-detail .showcase-active .showcase-inner .product-information { z-index: 99; padding-bottom: 0; max-height: 100%; } .et-product-detail .showcase-active .product-information .entry-summary { padding-top: 10vh; padding-bottom: 5vh; } .product-type-variable:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .sizing_guide { float: right; } .et-product-layout-no-padding:not(.et-product-gallery-carousel) .showcase-active .showcase-row { flex-direction: row-reverse; } .et-product-detail .showcase-active { position: relative; } .et-product-detail .showcase-active .product-information, .et-product-layout-no-padding:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active { padding-left: 15px; padding-right: 15px; } .et-product-detail .showcase-active .entry-summary { position: relative; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active .entry-summary { height: 90vh; margin-top: auto; padding-top: 10vh; padding-right: 20px; min-height: 600px; position: static; } .et-product-detail .showcase-active .et-pro-summary-top, .et-product-detail .showcase-active .share-article { animation: .78s et-fadeInLeft; } .et-product-detail .showcase-active .woocommerce-product-details__short-description { display: none; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-regular .entry-summary { padding-top: 8vh; padding-top: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; } .et-product-detail .showcase-active.showcase-regular .et-pro-summary-top { animation: .78s et-fadeInLeft; } .et-product-detail .showcase-active.showcase-regular .et-pro-summary-content { animation: .78s et-fadeInUp; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .variations_form .variations { margin: 0; } .et-product-detail .showcase-active.showcase-fixed .post-share { margin: 0; padding: 0; border: 0; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-regular .variations_form .variations { margin: 20px 0 30px; } /* Showcase Fixed */ .product-type-simple.et-product-detail .showcase-active.showcase-fixed form.cart, .product-type-grouped.et-product-detail .showcase-active.showcase-fixed .et-wishlist-div-open, .product-type-external.et-product-detail .showcase-active.showcase-fixed .et-wishlist-div-open, .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed form.variations_form.cart { position: absolute; bottom: 40px; left: 0; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed form.variations_form.cart { left: 0; padding: 0 15px; display: flex; justify-content: space-between; z-index: 99; margin: 0 auto; } .product-showcase.showcase-active .variations_form .variations { width: auto; position: relative; } .product-showcase.showcase-active .variations_form .variations > tbody > tr { display: inline-block; min-width: 120px; } .product-showcase.showcase-active .summary .variations_form .variations .label { display: flex; align-items: center; padding: 5px 0; white-space: nowrap; } .showcase-active .summary .variations_form .variations .label:after { content: ' '; display: block; height: 1px; width: 100%; border-top: 1px solid rgba(0,0,0,0.1); margin-left: 10px; } .product-showcase.showcase-active .summary .variations_form .variations td { border: 0; } .product-showcase.showcase-active .summary .variations_form .variations .value { padding: 0; } .et-product-detail .showcase-active .variations_form .reset_variations { position: absolute; right: 0; bottom: 100%; margin: 5px 0 0 15px; display: none; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .single_variation_wrap { display: flex; align-items: center; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .sizing_guide { position: absolute; bottom: 0; left: 15px; } .et-product-detail .showcase-active.showcase-fixed .summary .et-featured-video { margin: 0 20px 0 0; float: left; } .et-product-detail .showcase-active.showcase-fixed .share-label { display: none; } .et-product-detail .showcase-active.showcase-fixed .et-pro-summary-content { float: left; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .summary .et-wishlist-div-open { padding: 0; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active .single_add_to_cart_button.button { width: auto; min-width: 160px; } .et-product-detail .showcase-active .single_add_to_cart_button { white-space: nowrap; } .et-product-detail:not(.et-product-layout-full-width) .showcase-active.showcase-fixed .single_variation_wrap .single_variation { position: absolute; left: 15px; bottom: 100%; margin: 0 0 10px; } .et-product-detail .showcase-active.showcase-fixed .single_variation_wrap .single_variation .price { margin: 0; } .et-product-detail .showcase-active .single_variation_wrap .single_variation .price del + ins { margin: 0 4px 0 0; padding: 0; } .et-product-detail .showcase-active .summary .variations_form .single_variation_wrap .price > .amount, .et-product-detail .showcase-active .summary .variations_form .single_variation_wrap .price > ins { font-size: 28px; } .et-product-detail .showcase-active .summary .variations_form .single_variation_wrap .price > del { font-size: 0.8em; } /* Gallery */ .thumbnails-vertical .showcase-active .has-additional-thumbnails .woocommerce-product-gallery__wrapper { float: left; margin-left: 0; margin-right: 10px; } .et-product-layout-no-padding.thumbnails-vertical .showcase-active .has-additional-thumbnails .woocommerce-product-gallery__wrapper { float: left; margin: 0; width: 100%; } .showcase-active .product-gallery .woo-variation-gallery-wrapper, .showcase-active .woocommerce-product-gallery__image { text-align: center; } .showcase-active .product-gallery .woo-variation-gallery-wrapper img, .showcase-active .woocommerce-product-gallery__image img { max-height: 100%; width: auto; } .et-product-layout-no-padding.thumbnails-vertical .showcase-active .has-additional-thumbnails .woocommerce-product-gallery__image img.lazyload, .et-product-layout-no-padding.thumbnails-vertical .showcase-active .has-additional-thumbnails .woocommerce-product-gallery__image img.lazyloading { height: 100vh; } .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active .product-gallery { position: absolute; right: 0; padding: 0; } .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active .woocommerce-product-gallery { max-width: 100%; width: auto; margin: 0 auto; } .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active .woocommerce-product-gallery:hover .flex-direction-nav .flex-next, .et-product-detail:not(.et-product-gallery-column):not(.et-product-gallery-grid) .showcase-active .product-gallery .slick-slider:hover .slick-next { right: 105px; } /* Gallery thumbnails: vertical; */ .showcase-active .has-additional-thumbnails .flex-control-thumbs, .showcase-active .has-additional-thumbnails .rtwpvg-thumbnail-wrapper, .showcase-active .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper { float: right; position: absolute; width: 80px; z-index: 9; top: 50% !important; /* Override plugin style */ right: 0; left: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .showcase-active .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper, .showcase-active .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper .woo-variation-gallery-thumbnail-slider { height: auto; } .showcase-active .rtwpvg-wrapper .rtwpvg-thumbnail-slider { display: block; } .showcase-active .has-additional-thumbnails .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-image, .showcase-active .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image { height: auto; width: 100%; margin-bottom: 10px; } .et-product-layout-no-padding .showcase-active .has-additional-thumbnails .flex-control-thumbs, .et-product-layout-no-padding .showcase-active .has-additional-thumbnails .woo-variation-gallery-thumbnail-wrapper { left: auto; right: 15px; } .thumbnails-vertical .showcase-active .woocommerce-product-gallery .flex-direction-nav .flex-prev { left: 22px; } .thumbnails-vertical .showcase-active .woocommerce-product-gallery .flex-direction-nav .flex-next { right: 112px; } .et-product-layout-no-padding .showcase-active .has-additional-thumbnails .slick-prev, .et-product-layout-no-padding .showcase-active .has-additional-thumbnails .slick-next { z-index: 9; } /* Gallery thumbnails: horizontal */ .thumbnails-horizontal .showcase-disabled .woocommerce-product-gallery .flex-control-thumbs { display: block; float: none; width: auto; margin: 10px 0 0 0; } .thumbnails-horizontal .showcase-disabled .woo-variation-gallery-thumbnail-slider:not(.slick-initialized) > div, .thumbnails-horizontal .showcase-disabled .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail { width: auto !important; /* Override plugin style */ padding: 0 10px 0 0; } .thumbnails-horizontal .showcase-disabled .woocommerce-product-gallery .flex-control-thumbs li { position: relative; float: none; display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0; padding: 0 10px 0 0; } .et-product-detail .showcase-active.showcase-fixed form.variations_form.cart { max-width:960px; width:960px; } } @media (min-width: 1200px) { .et-product-detail .showcase-active.showcase-fixed form.variations_form.cart { max-width:1140px; width:1140px; } } @media (min-width: 1490px) { .et-product-detail .showcase-active.showcase-fixed form.variations_form.cart { max-width:1420px; width:1420px; } } /* Variations */ .variations_form .reset_variations, .variations_form_loop .reset_variations { display: inline; margin: 10px 0; color: #777; font-size: 0.9em; line-height: 1; } .variations_form .reset_variations:before, .variations_form_loop .reset_variations:before { content: "\e927"; font-family: "et-icon"; margin-right: 3px; font-size: 14px; } .et-product-detail .variations_form .variations { width: 100%; } .et-product-detail .summary .variations label { color: #282828; font-size: inherit; text-transform: capitalize; padding: 0; padding-right: .75rem; margin: 0; } .et-product-detail .summary .variations .value select { display: block; width: 100%; font-size: 16px; } .et-product-detail.et-variation-style-vertical .summary .variations th, .et-product-detail.et-variation-style-vertical .summary .variations td { display: block; width: 100%; } .et-product-detail .summary .variations th, .et-product-detail.et-variation-style-table .summary .variations td { padding: .75em 0; font-weight: normal; vertical-align: baseline; } .et-product-detail.et-variation-style-table .summary .variations tr td { border-bottom: 1px solid rgba(0,0,0,0.1); } .et-product-detail.et-variation-style-table .summary .variations tr:last-child td { border: 0; } @media only screen and (min-width: 576px) { .et-product-detail .summary .variations .value select { font-size: inherit; padding-top: .15rem; padding-bottom: .15rem; height: calc(2.15em + .375rem + 4px); } } .variations_form .single_variation_wrap .single_variation { margin-bottom: 10px; } .product-type-variable .single_variation_wrap .single_variation { margin: 10px 0 0; display: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .product-type-variable .woocommerce-variation-description { font-size: 0.8em; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; clear: both; margin-top: -1em; } .zoo-cw-attr-item { border-width: 1px; } .zoo-cw-gallery-loading:before { display: none; } .zoo-cw-gallery-loading .woocommerce-product-gallery__wrapper { opacity: 0.5; } .cw-product-gallery.vertical .cw-product-gallery-thumbs { width: 70px; } .cw-product-gallery.vertical .cw-product-gallery-main { width: calc(100% - 80px); } .cw-product-gallery.vertical .cw-product-gallery-thumbs .cw-product-gallery-btn { transform: none; } .cw-product-gallery-thumbs svg { height: 20px; } /* Variation Swatches */ .variable-items-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; } .wvs-archive-variations-wrapper .blockUI.blockOverlay:after { display: none; } /* Variations tooltip */ .woo-variation-items-wrapper .variable-items-wrapper [data-wvstooltip]:before { font-size: 12px; font-weight: 200; margin-bottom: 4px; min-width: 50px; } /* General Variations */ .variable-items-wrapper .variable-item { margin: 0; padding: 0; list-style: none; -webkit-transition: all .2s ease; transition: all .2s ease; } .variable-items-wrapper .variable-item:not(.radio-variable-item), .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item) { margin: 0 4px 4px 0; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; padding: 2px; } .woo-variation-swatches .variable-items-wrapper { margin: 0; } /* Size variations */ .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { padding: 6px !important; vertical-align: middle; background-color: transparent !important; border: 1px solid rgba(0,0,0,0.2); box-shadow: none !important; } .wvs-style-rounded:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { height: 33px; width: auto; min-width: 33px; max-width: 100%; } .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { background: transparent; color: #181818; border-color: currentColor; } .wvs-loaded .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span { font-size: inherit; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item span:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important; } /* Swatches - Color/Image Variations */ .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3); box-shadow: 0 0 0 1px rgba(0,0,0,.3); padding: 2px; margin: 4px 8px 4px 0; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color { width: 100%; height: 100%; position: relative; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents::before, .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents::before { z-index: 9; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item, .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item { border-color: transparent; background-color: transparent !important; padding: 2px; box-shadow: none !important; border: 1px solid transparent; } .woo-variation-swatches.wvs-show-label .variations th { display: block; } .wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item, .wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item, .wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item img, .wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span, .wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span:after, .woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item, .woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).image-variable-item, .woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).image-variable-item img, .woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span, .woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item { border-radius: 100px !important; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span { width: 22px; height: 22px; position: relative; } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected, .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected, .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { background-color: transparent !important; /* Override plugin style */ border-color: rgba(0,0,0,0.8); box-shadow: none !important; transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24); } .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { background-color: transparent !important; /* Override plugin style */ border-color: rgba(0,0,0,0.9); } /* Dark showcase with light text */ .product-showcase-light-text .product-showcase, .product-showcase-light-text .et-product-detail .product_meta { color: #fff; color: rgba(255,255,255,0.6); } .product-showcase-light-text .slick-prev, .product-showcase-light-text .slick-next, .product-showcase-light-text .woocommerce-product-gallery .flex-direction-nav a, .product-showcase-light-text .product-showcase h1.product_title, .product-showcase-light-text .product-showcase .price ins, .product-showcase-light-text .product-showcase .woocommerce-Price-amount, .product-showcase-light-text .product-showcase .summary .variations_form .variations label, .product-showcase-light-text .product-showcase .variations_form .variations .value select, .product-showcase-light-text .product-showcase .summary a, .product-showcase-light-text .et-product-detail .product-showcase .product_meta > span *, .product-showcase-light-text .product-showcase .quantity, .product-showcase-light-text .product-showcase .quantity .qty, .product-showcase-light-text .product-showcase .quantity .plus:active, .product-showcase-light-text .product-showcase .quantity .plus:hover, .product-showcase-light-text .product-showcase .quantity .minus:active, .product-showcase-light-text .product-showcase .quantity .minus:hover, .product-showcase-light-text .product-showcase .summary .price, .product-showcase-light-text .product-showcase .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected, .product-showcase-light-text .product-showcase .shop_attributes tbody tr th, .product-showcase-light-text .et-product-detail.et-cart-mixed .summary .yith-wcwl-add-to-wishlist > div > a, .product-showcase-light-text .et-product-detail.et-cart-stacked .summary .yith-wcwl-add-to-wishlist > div > a, .product-showcase-light-text .product-showcase .yith-wcwl-add-to-wishlist a .icon, .product-showcase-light-text .et-product-detail .summary .yith-wcwl-add-to-wishlist a .icon, .product-showcase-light-text button.pswp__button, .product-showcase-light-text .et-featured-video.video-gallery .et-feat-video-btn, .product-showcase-light-text .woo-variation-gallery-wrapper .woo-variation-gallery-trigger, .product-showcase-light-text .star-rating > span:before, .product-showcase-light-text .comment-form-rating .stars > span:before { color: #fff; } .product-showcase-light-text .product-showcase .variations select { background-image: url('../img/svg/chevron-down-white.svg'); } .product-showcase-light-text .product-showcase .variations_form .variations .value select:focus, .product-showcase-light-text .product-showcase .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected, .product-showcase-light-text .product-showcase .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .product-showcase-light-text .product-showcase .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border-color: #fff; } .product-showcase-light-text .product-showcase .variations_form .variations .value select, .product-showcase-light-text .slick-prev, .product-showcase-light-text .slick-next, .product-showcase-light-text .product-showcase .woocommerce-product-gallery:hover .flex-direction-nav .flex-prev, .product-showcase-light-text .product-showcase .woocommerce-product-gallery:hover .flex-direction-nav .flex-next { background-color: transparent; } .product-showcase-light-text .product-showcase .single_add_to_cart_button, .product-showcase-light-text .slick-dots li.slick-active button { background: #fff; } .product-showcase-light-text .product-showcase .single_add_to_cart_button { color: #111111; } .product-showcase-light-text .slick-prev:hover, .product-showcase-light-text .slick-next:hover, .product-showcase-light-text .product-showcase .woocommerce-product-gallery:hover .flex-direction-nav .flex-prev:hover, .product-showcase-light-text .product-showcase .woocommerce-product-gallery:hover .flex-direction-nav .flex-next:hover, .product-showcase-light-text .product-showcase .quantity .plus:hover, .product-showcase-light-text .product-showcase .quantity .minus:hover, .product-showcase-light-text .product-showcase .yith-wcwl-add-to-wishlist > div > a { background: rgba(255,255,255,0.07); } .product-showcase-light-text .product-showcase .summary .sizing_guide:before, .product-showcase-light-text .product-showcase .summary .woocommerce-product-rating:before, .product-showcase-light-text .slick-dots li button { background: rgba(255,255,255,0.2); } .product-showcase-light-text .et-product-detail.et-variation-style-table .summary .variations_form .variations td, .product-showcase-light-text .tabs-accordion .tab-title a, .product-showcase-light-text .et-product-detail .summary .product_meta, .product-showcase-light-text .et-product-detail .summary .post-share { border-color: rgba(255,255,255,0.1); } .product-showcase-light-text .et-feat-video-btn, .product-showcase-light-text .et-product-detail .product-showcase .quantity, .product-showcase-light-text .et-product-detail .summary .variations_form .variations td, .product-showcase-light-text .et-product-detail .group_table tr td, .product-showcase-light-text .et-product-detail .group_table tr:first-child td, .product-showcase-light-text .et-product-detail .group_table tr:last-child td, .product-showcase-light-text .et-product-detail .group_table tr td:first-child, .product-showcase-light-text .et-product-detail .group_table tr td:last-child, .product-showcase-light-text .showcase-active .variations_form .variations .label:after { border-color: rgba(255,255,255,0.15); } .product-showcase-light-text .product-showcase .variations_form .variations .value select, .product-showcase-light-text .et-wishlist-next .product-showcase .yith-wcwl-add-to-wishlist > div > a:hover, .product-showcase-light-text .product-showcase .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { border-color: rgba(255,255,255,0.4); } .product-showcase-light-text .et-featured-video.video-gallery .et-featured-video-icon:before, .product-showcase-light-text .et-product-detail .lightbox-enabled:not(.zoom-enabled) .woocommerce-product-gallery__image a:after, .product-showcase-light-text .product-showcase .quantity { background: rgba(0,0,0,0.1); } .product-showcase-light-text .product-showcase .stock.out-of-stock { background: transparent; border: 1px solid #fff; color: #fff; } .product-showcase-light-text.single-product .pswp__share-modal { background: rgba(255,255,255,0.2); } .product-showcase-light-text.single-product button.pswp__button--arrow--left:hover, .product-showcase-light-text.single-product button.pswp__button--arrow--right:hover { background-color: rgba(255,255,255,0.02); } /* Change arrow position for specific slider types */ .products.slick .slick-prev, .products.slick .slick-next, .et-post-slider.slick .slick-prev, .et-post-slider.slick .slick-next { top: 35%; } /* Tabs */ .woocommerce-tabs { margin-bottom: 60px; width: 100%; } .woocommerce-tabs .tabs { list-style: none; text-align: center; margin-bottom: 20px; } .woocommerce-tabs .tabs li { display: flex; justify-content: center; } .woocommerce-tabs .tabs li.active { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .woocommerce-tabs .tabs { font-size: 1.1em; margin-bottom: 40px; } .woocommerce-tabs .tabs li, .woocommerce-tabs .tabs li.active { display: inline-flex; margin: 0 15px; } } .woocommerce-tabs .tabs li a { color: inherit; padding: 0.3em 0; position: relative; } .woocommerce-tabs .tabs li a:after { content: ''; background-color: currentColor; position: absolute; bottom: 0; left: 50%; height: 2px; width: 0; } .woocommerce-tabs .tabs li.active a:after { width: 100%; left: 0; } .woocommerce-tabs .tabs li a:hover, .woocommerce-tabs .tabs li.active a { color: #282828; } .woocommerce-tabs .tabs li a span, .product-details-vertical.woocommerce-tabs .reviews_tab span, .woocommerce-tabs .wc-tab .woocommerce-Reviews-title a span { font-size: 14px; vertical-align: top; } .woocommerce-Reviews .commentlist, .woocommerce-Reviews { margin-left: auto !important; margin-right: auto !important; } .woocommerce-Reviews { padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .woocommerce-Reviews { max-width:540px;} } @media (min-width: 768px) { .woocommerce-Reviews { max-width:720px;} } @media (min-width: 992px) { .woocommerce-Reviews .commentlist { max-width:860px;} .woocommerce-Reviews { max-width:960px;} } @media (min-width: 1200px) { .woocommerce-Reviews { max-width:1140px;} } @media (min-width: 1490px) { .woocommerce-Reviews { max-width:1420px;} } .woocommerce-Reviews-title > span:before, .woocommerce-Reviews-title > span:after { content: '"'; } .woocommerce-Reviews .comment-reply-title { display: block; line-height: inherit; min-width: 200px; max-width: 300px; cursor: pointer; text-transform: none; font-weight: inherit; font-size: inherit; color: initial; border: 2px solid currentColor; padding: 0.75rem 1.75rem; margin: 0 auto; } .woocommerce-Reviews .comment-reply-button { /* compatibility mode */ border: 0; padding: 0; font-size: initial; line-height: initial; } .woocommerce-Reviews .comment-reply-title small, .woocommerce-Reviews .comment-form { display: none; } .woocommerce-Reviews .comment-form { animation: 0.8s et-fadeInUp; margin-top: 40px; } .woocommerce-Reviews .comment-reply-title:hover { color: #282828; border-color: currentColor; } .woocommerce-tabs .wc-tab h2 { display: none; margin-bottom: 40px; } .woocommerce-tabs .description-inner h2 { display: block; } .woocommerce-Tabs-panel { display: none; margin-bottom: 20px; animation: 0.8s fadeIn; } .product-details-vertical.woocommerce-tabs .wc-tabs { display: none !important; /* override inline style */ } .product-details-vertical .woocommerce-Reviews > .container { padding: 0; } .woocommerce-Tabs-panel--description .desc-layout-boxed, .full_description .desc-layout-boxed, .woocommerce-tabs .wc-tab > .container > .row > div > h2 + *, .woocommerce-tabs .wc-tab:not(#tab-reviews) > .container > .row > div > * { max-width: 820px; margin-left: auto; margin-right: auto; } .full_description.desc-layout-full > .container, .desc-layout-full .woocommerce-Tabs-panel--description > .container, .desc-layout-full .description-inner { max-width: 100% !important; padding: 0; } .desc-layout-full .tab-panel-inner > h2:first-child { display: none !important; } .woocommerce-tabs .wc-tab .wpb_wrapper h2, .woocommerce-Tabs-panel--description .wpb_wrapper h2, .product-details-vertical.woocommerce-tabs .wc-tab h2 { display: block; } .product-details-vertical .woocommerce-Tabs-panel { display: block !important; /* override inline style */ } .product-details-vertical .woocommerce-Tabs-panel:not(:last-child) { margin-bottom: 40px; } /* Attributes */ table.shop_attributes { border: 0; width: 100%; border-spacing: 0; text-align: left; max-width: 820px; margin: 0 auto; padding-top: 10px; } table.shop_attributes tbody tr th, table.shop_attributes tbody tr td { font-weight: normal; padding-left: 0; background: none; border: 0; } table.shop_attributes tbody tr td { padding-right: 0; } .shop_attributes tbody tr th { text-overflow: ellipsis; overflow: hidden; width: 40%; } .shop_attributes tbody tr td p { margin: 0; } .shop_attributes tbody tr.alt, .shop_attributes tbody tr.alt th { background: none; } @media only screen and (min-width: 768px) { .shop_attributes tbody tr th { width: 35%; } } /* Turn tabs to Accordion */ .et-product-detail .full_description { margin-bottom: 45px; } .full_description .wc-description-title { display: none; } .woocommerce-tabs.tabs-accordion { margin: 20px 0 0; } .tabs-accordion .tab-title a { display: flex; clear: both; width: 100%; border: 0; border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-top: 1px solid rgba(0,0,0,0.1); color: #333; padding: .75em .75em .75em 0; text-decoration: none; font-size: 1.1em; justify-content: space-between; } .tabs-accordion .tab-title:first-child a { border: 0; } .tabs-accordion .tab-title a:after { content: "\e920"; font-family: "et-icon"; } .tabs-accordion .tab-title.opened a:after { content: "\e914"; } .tab-title.opened + .wc-tab { display: block !important; } .tabs-accordion .woocommerce-Tabs-panel { display: none; position: relative; } .tabs-accordion .woocommerce-Tabs-panel.ps { padding-right: 20px; } .tabs-accordion .woocommerce-Tabs-panel.ps > .ps__scrollbar-y-rail { opacity: 0.6; } .tabs-accordion .shop_attributes tbody tr th { width: 30%; } .tabs-accordion table.shop_attributes tbody tr th, .tabs-accordion table.shop_attributes tbody tr td { font-size: 0.9em; } .product-details-accordion #reviews { margin-bottom: 45px; } .product-details-accordion .woocommerce-Reviews-title { display: inline-flex; position: relative; margin-bottom: 40px; } /* # Sticky Product Bar ------------------------------------------------------- */ .sticky-product-bar { position: fixed; top: -100px; left: 0; width: 100%; z-index: 602; font-size: 0.9em; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: -2px 2px 45px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 45px -15px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 45px -15px rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0,0,0,0.1); height: 80px; display: flex; align-items: center; animation: 0.48s et-fadeIn; } .sticky-product-bar.active { top: 0; opacity: 1; display: flex; position: fixed; visibility: visible; } /* Bar on the bottom */ .fixed-product-bar-bottom .sticky-product-bar { top: auto; bottom: -100px; } .fixed-product-bar-bottom .sticky-product-bar.active { bottom: 0; } @media screen and (min-width: 576px) { /* Hide sticky header */ .fixed-product-bar-top.product_on_scroll .site-header { display: none; } .product-bar-visible.single-product.fixed-product-bar-bottom .footer, .product-bar-visible.single-product.fixed-product-bar-bottom .elementor-location-footer { margin-bottom: 80px; } .product-bar-visible.single-product.fixed-product-bar-bottom #scroll_to_top.active { bottom: 90px; } } .sticky-product-bar .container-fluid { padding-left: 30px; padding-right: 30px; } .sticky-product-bar-content, .sticky-product-bar-content form.cart { display: flex; justify-content: center; align-items: center; } .sticky-product-bar-image { height: 80px; width: 80px; margin-right: 15px; display: inline-flex; align-items: center; } .sticky-product-bar-title h4 { font-size: 1.1em; font-weight: normal; margin: 0; } .sticky-product-bar-image img { max-width: 100%; max-height: 80px; width: auto; } .sticky-product-bar-content.sticky-product-type-variable form.cart { width: 100%; justify-content: space-between; } .sticky-product-bar .single_add_to_cart_button, .sticky-product-bar .add_to_cart_button, .sticky-product-bar select { white-space: nowrap; padding-top: .25rem; padding-bottom: .25rem; height: auto; } .sticky-product-bar .reset_variations, .sticky-product-bar .sizing_guide, .sticky-product-bar .yith-wcwl-add-to-wishlist, .sticky-product-bar .woocommerce-variation-description, .sticky-product-bar #wc-stripe-payment-request-wrapper, .sticky-product-bar #wcpay-payment-request-wrapper, #wc-stripe-payment-request-button-separator, #wcpay-payment-request-button-separator { display: none !important; /* override inline style */ } .sticky-product-bar .variations > tbody, .sticky-product-bar .variations > tbody > tr, .sticky-product-bar .single_variation_wrap { display: flex; align-items: center; } .sticky-product-bar .variations label { text-transform: capitalize; margin: 0 0 0 15px; } .sticky-product-bar .variations .value { padding: 0 10px; } .sticky-product-bar .variations ul li { margin-bottom: 0; } .sticky-product-bar .single_variation_wrap .single_variation { margin: 0; } /* Admin Bar */ .fixed-product-bar-top.admin-bar.product_on_scroll .sticky-product-bar { top: 46px; } /* Variation Swatches */ .sticky-product-bar .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item, .sticky-product-bar .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item { width: 24px; height: 24px; } .sticky-product-bar .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { height: 24px; line-height: 24px; min-width: 24px; } .fixed-product-bar-top .sticky-product-bar .variable-items-wrapper [data-wvstooltip]:before, .fixed-product-bar-top .sticky-product-bar .variable-items-wrapper [data-wvstooltip]:after { display: none; } .sticky-product-bar .et-wishlist-div-open { display: flex; } .sticky-product-bar .quantity { margin-right: 10px; width: 92px; border: 2px solid rgba(0,0,0,0.15); justify-content: center; max-height: 45px; } .el-style-border-width-1 .sticky-product-bar .quantity { border-width: 1px; } .sticky-product-bar .quantity .plus, .sticky-product-bar .quantity .minus { width: 24px; height: 24px; } .sticky-product-bar .price { display: flex; align-items: center; margin-right: 10px; } .sticky-product-bar .stock { margin: 0 10px 0 0; } .sticky-product-bar .price > .amount, .sticky-product-bar .price > ins { font-size: 18px; } @media screen and (max-width: 575px) { .site-content .sticky-product-bar { display: none; } .fixed-product-bar-mobile-1.product_on_scroll .sticky-product-bar { display: flex; top: auto !important; bottom: 0 !important; opacity: 1; position: fixed; visibility: visible; } .fixed-product-bar-mobile-1.product-bar-visible.single-product .footer, .fixed-product-bar-mobile-1.product-bar-visible.single-product .elementor-location-footer { margin-bottom: 60px; } } @media screen and (max-width: 767px) { .sticky-product-bar { height: auto; padding: 15px 0; } .sticky-product-bar-image, .sticky-product-bar .quantity, .sticky-product-bar-content.sticky-product-type-variable form.cart { display: none; } .sticky-product-bar-content .sticky-product-bar-title { margin-right: auto; } } @media screen and (min-width: 768px) { .sticky-product-bar:not(.trigger-only) .sticky_add_to_cart { display: none; } .sticky-product-bar-title { width: 25%; max-width: 200px; margin-right: 15px; } .sticky-product-bar-content .sticky-product-bar-title { margin-right: auto; } } @media screen and (max-width: 600px) { .sticky-product-bar .stock, .sticky-product-bar .price { display: none; } } @media screen and (min-width: 783px) { .fixed-product-bar-top.admin-bar.product_on_scroll .sticky-product-bar { top: 32px; } } @media screen and (max-width: 991px) { .sticky-product-bar .sticky-product-bar-title, .sticky-product-bar .sticky-product-bar-image { display: none; } .sticky-product-bar .container { max-width: 100%; } } /* # Quick View ------------------------------------------------------- */ #et-quickview { position: relative; display: none; max-width: 960px; margin: 0 auto; background: #fff; box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.2) } .mfp-wrap #et-quickview { display: block; } #et-quickview button.mfp-close { background: #fff; } #et-quickview button.mfp-close:hover { background: rgba(0,0,0,0.05); } #et-quickview-overlay .dot3-loader { position: absolute; top: 50%; left: 50%; top: calc(50% - 12px); left: calc(50% - 12px); display: none; } #et-quickview-overlay.show-loader .dot3-loader { display: block; } /* Summary */ #et-quickview .summary { display: flex; flex-direction: column; margin: 0; padding: 60px 55px 25px 20px; position: relative; } #et-quickview .summary.custom_scroll { max-height: 550px; min-height: 100%; } #et-quickview .et-qv-summary-content.align-bottom { margin-top: auto; } #et-quickview .summary .product_title { font-size: 1.5rem; padding-top: 0; } #et-quickview .summary .single_variation_wrap .price > .amount, #et-quickview .summary .single_variation_wrap .price > ins { font-size: inherit; } /* Reviews */ #et-quickview .summary .woocommerce-product-rating { padding-left: 0; } #et-quickview .summary .woocommerce-product-rating:before, #et-quickview .woocommerce-product-rating .write_review { display: none; } #et-quickview .summary .post-share { padding: 20px 0; margin: 10px 0; border: 0; } /* Variations */ #et-quickview .summary .variations tr:not(.open) td, #et-quickview .single_variation { border-color: #e7e7e7; } #et-quickview .summary .group_table tr td { border-bottom-color: #eee; } #et-quickview .free-shipping-progress-bar { display: none; } #et-quickview .summary .quantity { min-width: 78px; } #et-quickview .summary .quantity .minus, #et-quickview .summary .quantity .plus { width: 20px; height: 20px; } #et-quickview .summary .quantity .minus svg, #et-quickview .summary .quantity .plus svg { width: 13px; height: 13px; } #et-quickview .summary .single_add_to_cart_button { position: relative; padding: .75rem; } #et-quickview .et-wishlist-under .yith-wcwl-add-to-wishlist > div { margin-left: 88px; } .et-qv-details-button { display: inline-block; text-decoration: none; margin-left: .5em; padding: 2px 4px; background: #f2f2f2; border-radius: 3px; line-height: 1; text-align: center; } /* Gallery */ #et-quickview .woo-variation-gallery-thumbnail-wrapper { display: none; } .et-qv-product-image > .images { height: 100%; } #et-quickview-slider { width: 100%; overflow: hidden; } #et-quickview-slider .slick-dots-inside .slick-dots { bottom: auto; top: 30px; } #et-quickview-slider .woocommerce-product-gallery__image { position: static; opacity: 1; } #et-quickview .woo-variation-gallery-wrapper .wvg-gallery-image, #et-quickview .rtwpvg-wrapper .rtwpvg-gallery-image, #et-quickview-slider img { width: 100%; height: auto; } #et-quickview .slick-slider .slick-prev { left: 3%; opacity: 1; } #et-quickview .slick-slider .slick-next { right: 3%; opacity: 1; } #et-quickview .rtwpvg-slider-wrapper, #et-quickview .woo-variation-gallery-slider-wrapper { margin-bottom: 0; } #et-quickview .woo-variation-gallery-trigger, #et-quickview .rtwpvg-trigger, #et-quickview .woo-variation-gallery-thumbnail-wrapper, #et-quickview .rtwpvg-thumbnail-wrapper, .mfp-bg.et-mfp-quickview { display: none; } #et-quickview .et-qv-product-image { align-self: center; } /* Product image/slider */ #et-quickview .et-product-detail .woocommerce-product-gallery, #et-quickview .et-product-detail .woocommerce-product-gallery .flex-viewport, #et-quickview .et-product-detail .woocommerce-product-gallery__wrapper, #et-quickview .et-product-detail .woocommerce-product-gallery .woocommerce-product-gallery__image, #et-quickview .et-product-detail .woocommerce-product-gallery .woocommerce-product-gallery__image a { height: 100%; width: 100%; } @media (max-width: 991px) { #et-quickview { max-width: 550px; } #et-quickview .summary.custom_scroll { max-height: 100%; } #et-quickview .summary { padding: 30px 45px 45px; } #et-quickview .et-qv-summary-content.align-bottom { position: static; width: 100%; padding: 0; } /* Product image/slider */ #et-quickview .et-qv-product-image { float: none; width: 100%; } } @media all and (max-width: 576px) { .et-mfp-quickview .mfp-content { height: 100%; } #et-quickview { height: 100%; overflow-y: auto; } #et-quickview .summary .product_title { font-size: 20px; line-height: 1.5; } } /* # Mini Cart ------------------------------------------------------- */ #side-cart { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .panel-open-cart #side-cart { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); z-index: 604; opacity: 1; } #side-cart.side header .container { padding: 0; } /* Slide from top */ #side-cart.top.side-panel { width: 100%; height: auto; max-height: 100%; padding-bottom: 0; } #side-cart.top { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .panel-open-cart #side-cart.top { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } #side-cart.top .et-close { background: rgba(0,0,0,0.05); } .minicart-counter { display: inline-flex; justify-content: center; align-items: center; height: 17px; width: 17px; line-height: 17px; background: #b9a16b; color: #fff; border-radius: 50px; font-size: 10px; text-align: center; margin-left: 4px; font-family: Arial, Helvetica, sans-serif; } .minicart-counter.do-animation { animation: .48s zoomIn; } .minicart-counter.et-count-zero { display: none; } .side-panel .side-panel-title .minicart-counter { margin-top: -5px; background: transparent; color: inherit; font-size: 0.8em; } /* Cart Contents */ #side-cart .side-panel-content { position: relative; display: flex; height: 100%; max-height: 100%; overflow: hidden; padding: 35px 25px 50px; } #side-cart .widget_shopping_cart_content, .elementor-menu-cart__main .widget_shopping_cart_content { flex: 1; z-index: 10; } #side-cart .widgettitle { display: none; } .elementor-menu-cart__main .widget_shopping_cart_content, .elementor-menu-cart__main .widget_shopping_cart_content > div, #side-cart .widget_shopping_cart_content, #side-cart .widget_shopping_cart_content > div { overflow: hidden; height: 100%; display: flex; flex-direction: column; } .elementor-menu-cart__main .widget_shopping_cart_content .woocommerce-mini-cart, #side-cart .widget_shopping_cart_content .woocommerce-mini-cart { flex-grow: 1; overflow: hidden; position: relative; } #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .ps__scrollbar-x-rail, #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .ps__scrollbar-y-rail { display: block; opacity: 1; } #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item { padding-bottom: 20px; padding-top: 20px; margin: 0; border-top: 1px solid #eee; display: flex; } #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item:first-child { border-top-color: transparent !important; padding-top: 0; } #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .et-cart-panel-thumbnail-wrap { position: relative; } #side-cart .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item img { margin: 0; max-width: 60px; float: none; } #side-cart .et-cart-panel-item-details { padding: 0 0 0 15px; width: 100%; position: relative; } #side-cart .et-cart-panel-product-title { margin-right: 28px; display: block; } .widget_shopping_cart_content .et-cart-panel-item-details .remove { position: absolute; right: 0; top: 0; border: 4px solid transparent; border-radius: 100%; height: 20px; width: 20px; } .widget_shopping_cart_content .blockUI.blockOverlay:after { left: 26px; } .widget_shopping_cart_content .et-cart-panel-item-details .remove:hover { background: rgba(0,0,0,0.05); } .widget_shopping_cart_content .et-cart-panel-item-details .remove:before, .widget_shopping_cart_content .et-cart-panel-item-details .remove:after { height: 1px; background: rgba(0,0,0,0.5); } .widget_shopping_cart_content .et-cart-panel-quantity-pricing { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; } .widget_shopping_cart_content .quantity .plus, .widget_shopping_cart_content .quantity .minus { width: 20px; height: 20px; } .widget_shopping_cart_content .quantity .plus svg, .widget_shopping_cart_content .quantity .minus svg { width: 13px; height: 13px; color: #777; } .widget_shopping_cart_content li .quantity .qty { font-size: inherit; } .widget_shopping_cart_content .woocommerce-mini-cart-item .et-loader, .et-cart-panel-item-price { display: none; } .widget_shopping_cart_content .woocommerce-mini-cart-item.loading-item .et-loader { display: block; z-index: 9; } .widget_shopping_cart_content .woocommerce-mini-cart-item.loading-item .et-cart-panel-product-title, .widget_shopping_cart_content .woocommerce-mini-cart-item.loading-item .et-cart-panel-item-thumbnail img, .widget_shopping_cart_content .woocommerce-mini-cart-item.loading-item .et-cart-panel-item-subtotal .amount, .widget_shopping_cart_content .loading .woocommerce-mini-cart-item .quantity { opacity: 0.5; } .widget_shopping_cart_content .cart_list.loading:after, .widget_shopping_cart_content .loading .woocommerce-mini-cart-item .quantity:after { border-radius: 3px; content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .widget_shopping_cart_content .subscription-details { font-size: 0.8em; display: block; } .et-cart-panel-item-subtotal, .et-cart-panel-summary-subtotal { animation: .78s fadeIn; position: relative; text-align: end; } dl.variation { display: flex; flex-wrap: wrap; font-size: 13px; margin-bottom: 0; } dl.variation p, dl.variation dd { margin: 0; } dl.variation dd { margin-right: 10px; padding-right: 10px; } dl.variation dd:not(:last-child) { border-right: 1px solid #ddd; } dl.variation dt { margin-right: 5px; font-weight: normal; } .widget_shopping_cart_content .product_list_widget { opacity: 1; padding: 0 25px; } #side-cart.cart-loading .product_list_widget { opacity: 0; } .elementor-menu-cart__wrapper .elementor-menu-cart__container .elementor-menu-cart__main { width: 400px; padding-bottom: 50px; } /* Cart panel overlay */ #minicart-loader { position: absolute; top: 45px; left: 60px; z-index: 0; display: none; } #minicart-loader .et-loader { position: relative; font-size: 16px; font-weight: normal; padding-left: 24px; } #minicart-loader .et-loader:after { top: 7px; width: 12px; height: 12px; right: auto; left: 0; margin: 0; } /* Cart Totals */ .widget_shopping_cart_content .woocommerce-mini-cart__total { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; color: #282828; font-size: 16px; } .widget_shopping_cart_content .woocommerce-mini-cart__total strong { font-weight: normal; } /* Empty Cart */ .widget_shopping_cart_content .et-cart-empty { padding: 6vh 0; } #side-cart.cart-loading .et-cart-empty { opacity: 0; } /* Top Position */ #side-cart.top .side-panel-title { opacity: 0; visibility: hidden; } #side-cart.top .et-close svg { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .cart-panel-summary { padding: 10px 25px 0; } .woocommerce-mini-cart__buttons { margin: 0; } .woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent; border: 2px solid currentColor; } .woocommerce-mini-cart__buttons .button { width: 100%; padding: 8px 12px; } .woocommerce-mini-cart__buttons .button + .button { margin-top: 10px; } .woocommerce-mini-cart__buttons.buttons.wcppec-cart-widget-spb { margin: 10px 0 -10px; padding-top: 0; max-height: 60vh; overflow-y: auto; /* IE, Edge and Firefox */ -ms-overflow-style: none; scrollbar-width: none; } /* Chrome, Safari and Opera */ .woocommerce-mini-cart__buttons.buttons.wcppec-cart-widget-spb::-webkit-scrollbar { display: none; } @media only screen and (max-width: 575px) { #side-cart.top header .container { padding: 0; } .woocommerce-mini-cart__buttons { padding-top: 15px; } } @media only screen and (min-width: 576px) { #side-cart.top header .panel-header-inner { padding: 0; border: 0; } } @media only screen and (max-width: 767px) { #side-cart.top.side-panel { height: 100%; } /* Top Position */ #side-cart.top .et-cart-empty, #side-cart.top .et-cart-empty p { padding-bottom: 0; margin-bottom: 0; } } @media only screen and (min-width: 768px) { #side-cart.top header { background: transparent; padding: 0; } #side-cart.top .widget_shopping_cart_content .woocommerce-mini-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px; } #side-cart.top .side-panel-content { padding: 0 15px; } #side-cart.top .woocommerce-mini-cart { padding: 30px 0 0; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 0; } #side-cart.top .woocommerce-mini-cart .woocommerce-mini-cart-item { width: 50%; border-top: 0; padding: 0 30px 30px; } #side-cart.top .et-cart-panel-item-details { margin-left: 15px; padding: 0; } #side-cart.top .cart-panel-summary { display: flex; flex-wrap: wrap; padding: 30px 0; } #side-cart.top .woocommerce-mini-cart__buttons { display: flex; width: 60%; justify-content: center; } #et-cart-panel-continue { max-width: 420px; } #side-cart.top .woocommerce-mini-cart__total { border: 0; width: 40%; height: auto; justify-content: flex-start; padding: 0 30px 0 0; margin: 0; } #side-cart.top .woocommerce-mini-cart__total span { margin-left: 6px; } #side-cart.top .woocommerce-mini-cart__buttons .button + .button { margin: 0 0 0 20px; } #side-cart.top .cart-panel-summary .free-shipping-progress-bar { order: -1; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 0 25px; } #side-cart.top .cart-panel-summary .free-shipping-progress-bar div { max-width: 60%; margin-left: auto; } /* Empty cart */ #side-cart.top .cart-panel-summary.empty-cart { border: 0; justify-content: center; } #side-cart.top .woocommerce-mini-cart__empty-message { text-align: center; margin-top: 30px; } } @media only screen and (min-width: 1200px) { #side-cart.top .woocommerce-mini-cart .woocommerce-mini-cart-item { width: 33.33333%; } #side-cart.top .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item img { max-width: 100px; } } /* Dark side panel */ #side-cart.dark.side-panel, #side-cart.dark .product_list_widget, #side-cart.dark.side-panel .et-cart-empty { background: #333; } #side-cart.dark header { background: transparent; } #side-cart.dark .blockUI.blockOverlay { background: rgba(0,0,0,0.1) !important; /* override inline style */ } #side-cart.dark .side-panel-content, #side-cart.dark.side-panel .side-panel-title, #side-cart.dark.side-panel dl.variation dt, #side-cart.dark.side-panel .quantity .minus, #side-cart.dark.side-panel .quantity .plus { color: #aaa; } .panel-open-cart #side-cart.dark .et-cart-empty .empty-circle, #side-cart.dark.side-panel .quantity .minus:hover, #side-cart.dark.side-panel .quantity .plus:hover, #side-cart.dark .et-cart-panel-item-details .remove:hover { background: rgba(255,255,255,0.1); } #side-cart.dark .et-cart-panel-item-details .remove:before, #side-cart.dark .et-cart-panel-item-details .remove:after { background: #fff; } .panel-open-cart #side-cart.dark .et-cart-empty .empty-circle, #side-cart.dark.side-panel .et-close #side-cart.dark .et-cart-panel-product-title, #side-cart.dark .et-cart-panel-product-title a, #side-cart.dark .side-panel-content .woocommerce-mini-cart__total, #side-cart.dark .side-panel-content .woocommerce-Price-amount, #side-cart.dark.side-panel .quantity .qty { color: #fff; } #side-cart.dark.side-panel header .panel-header-inner, #side-cart.top.dark .side-panel-content .woocommerce-mini-cart, #side-cart.dark .side-panel-content .woocommerce-mini-cart__total, #side-cart.dark .side-panel-content .woocommerce-mini-cart .woocommerce-mini-cart-item { border-color: #363636; border-color: rgba(255,255,255,0.1); } #side-cart.dark .woocommerce-mini-cart__buttons .button:not(.checkout) { color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.6); } #side-cart.dark .woocommerce-mini-cart__buttons .button:not(.checkout):not([disabled]):hover { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); } #side-cart.dark .side-panel-content .woocommerce-mini-cart__buttons .button.checkout { background: #fff; color: #282828; } /* # Cart Page ------------------------------------------------------- */ .woocommerce-cart:not(.panel-open-menu) .woocommerce-cart-form > h1 { /* Show heading above "blockOverlay" */ z-index: 1001; font-family: inherit; float: left; } .free-shipping-progress-bar.bar-placeholder + .back-to-shop { display: none; } .free-shipping-progress-bar + .back-to-shop { text-align: center; padding-bottom: 25px; } .woocommerce-cart .back-to-shop a { border: 0; font-size: inherit; } .woocommerce-cart .back-to-shop a:before { content: "\e924"; font-family: "et-icon"; margin-right: 6px; } .woocommerce-cart .free-shipping-progress-bar + .back-to-shop a { border: 2px solid currentColor; padding: .575rem 1.25rem; font-size: .875em; } .woocommerce-cart .free-shipping-progress-bar + .back-to-shop a:before, .free-shipping-progress-bar + .back-to-shop a:after { display: none; } .shopping-cart-content { padding-top: 10px; padding-bottom: 2em; } @media only screen and (max-width: 575px) { .woocommerce-cart .page-header { padding-bottom: 1vh; } .woocommerce-cart .back-to-shop { text-align: center; } .cart-collaterals h2 { text-align: center; } .cart-panel-summary .free-shipping-progress-bar { padding: 10px 0; } } /* Items table */ .shop_table.cart { table-layout: auto; border-collapse: collapse; border-spacing: 0; width: 100%; } .shop_table.cart thead tr th { border: 1px solid #999; border-width: 1px 0; padding: 8px; font-size: 12px; letter-spacing: 0.1rem; color: #777; } .shop_table.cart tbody tr { border-top: 1px solid #ddd; } .shop_table.cart tbody tr td { padding: 30px 0; vertical-align: top; border-left: 0; border-right: 0; } .shop_table.cart tbody tr td.et-product-details { padding-right: 0; position: relative; } .shop_table.cart tbody tr td .product-actions { text-align: right; } .shop_table.cart tbody tr td .remove { border-radius: 100%; border: 0; height: 16px; width: 16px; display: block; position: relative; color: transparent; float: right; } .shop_table.cart tbody tr td .remove:before, .shop_table.cart tbody tr td .remove:after { height: 1px; } .shop_table.cart tbody tr td.product-thumbnail { padding-right: 30px; } .shop_table.cart tbody tr td.product-thumbnail img { width: 95px; max-width: 95px; } .shop_table.cart tbody tr td.product-thumbnail a { display: inline-block; } .shop_table.cart .product-subtotal { text-align: right; padding-left: 0; color: #282828; } .woocommerce-Price-amount { white-space: nowrap; } .shop_table tfoot tr { border-bottom: 1px solid #ddd; } .shop_table.cart tfoot tr:last-child { border-width: 0; } .shop_table.cart tfoot tr th { text-align: left; } .shop_table.cart tfoot tr td { padding: 30px 25px 30px 0; } .shop_table.cart tfoot tr td:last-child { text-align: right; padding-right: 0; } .shop_table.cart .quantity { height: 30px; } .checkout_coupon .inner_coupon { display: flex; max-width: 420px; margin: 20px auto; justify-content: center; } .checkout_coupon .inner_coupon input { flex-grow: 1; margin-right: 5px; } .shop_table.cart .actions .coupon .form-row { display: inline-block; margin: 0; } .shop_table.cart .product-subtotal .subscription-details, .shop_table.cart .actions .coupon .form-row:not(.float-label) label { display: none !important; } .checkout_coupon .inner_coupon input, .shop_table.cart .actions .coupon input { width: auto; } .checkout_coupon .inner_coupon input, .checkout_coupon .inner_coupon .button, .shop_table.cart .actions .coupon input, .shop_table.cart .actions .coupon .button { outline: 0; } .checkout_coupon .inner_coupon .button { white-space: nowrap; } .checkout_coupon .inner_coupon input, .checkout_coupon .inner_coupon .button, .woocommerce-info .button, .shop_table.cart .actions .coupon input, .shop_table.cart .actions .coupon .button { padding: .575rem 1.25rem; font-size: .875em; height: calc(2.15em + .775rem + 4px); } .checkout_coupon .inner_coupon.float-label > label:not(.woocommerce-form__label-for-checkbox), .floating-labels .coupon .float-label > label:not(.woocommerce-form__label-for-checkbox) { font-size: .875em; line-height: 1.4; } .button.update-cart { animation: .28s et-fadeInUp; margin: 0 10px 10px 0; } .button.empty-cart, .button.empty-cart:hover { background: rgba(0,0,0,0.1); color: initial; } .button.update-cart.auto-update, .button.update-cart:disabled { display: none; } @media only screen and (min-width: 768px) { .shop_table.cart .actions .coupon { float: right; } } @media only screen and (max-width: 767px) { .shop_table.cart thead { display: none; } .shop_table.cart .actions .coupon { padding: 20px 0; float: none; } .shop_table.cart tbody tr td .product-name { padding-right: 30px; } .shop_table.cart tbody tr td.actions { text-align: center; } .shop_table.cart tbody tr td .product-actions { position: absolute; right: 0; top: 35px; padding: 0; width: auto; } .shop_table .actions .update-cart, .shop_table .actions .empty-cart{ margin-top: 20px; margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .shop_table.cart tbody tr td.product-thumbnail { padding-right: 15px; } .shop_table.cart tbody tr td.product-thumbnail img { width: 60px; } .shop_table.cart tbody tr td .product-name { padding-right: 40px; } .shop_table.cart .actions .coupon, .shop_table.cart .actions .coupon .form-row, .shop_table.cart .actions .coupon input, .shop_table.cart .actions .coupon .button { width: 100%; } .shop_table.cart .actions .coupon .button, .shop_table.cart tbody .et-product-details .product-quantity, .shop_table.cart tbody .et-product-details .product-subtotal { margin-top: 10px; } } /* Collaterals */ .cart-collaterals { color: currentColor; margin-bottom: 5vh; } .cart-collaterals h5, .cart-collaterals h3, .cart-collaterals h2 { font-size: 20px; font-family: inherit; margin-bottom: 0; height: 40px; } /* Summary: Totals */ .cart_totals { border: 1px solid currentColor; padding: 40px 40px 0; } .cart-collaterals .shop_table { width: 100%; border-spacing: 0; border-collapse: separate; } .cart-collaterals .shop_table tr th, .cart-collaterals .shop_table tr td { padding: 15px 0; border-bottom: 1px solid #d9d9d9; } .cart-collaterals .shop_table tr th { font-weight: inherit; text-transform: uppercase; } .cart-collaterals .shop_table tr:first-child th, .cart-collaterals .shop_table tr:first-child td { border-top: 1px solid #d9d9d9; } .cart-collaterals .shop_table tr:last-child th, .cart-collaterals .shop_table tr:last-child td { border-bottom: 0; } .cart-collaterals .shop_table tr th { padding-right: 19px; } .cart-collaterals .shop_table tr td { text-align: right; } .cart-collaterals .shop_table tr.cart-discount td a { display: block; font-size: 12px; line-height: 1.2; } /* Summary: Shipping method */ .cart-collaterals .shop_table tr.shipping td { text-align: initial; } .et-shipping-th-title { margin-bottom: 10px; font-weight: inherit; text-transform: uppercase; } #shipping_method li { margin-bottom: .5rem; } #shipping_method label { cursor: pointer; display: inline; } #shipping_method .amount { float: right; margin: 0 5px; } /* Summary: Shipping calculator */ .cart-collaterals .woocommerce-shipping-destination { margin: 15px 0 20px; } .cart-collaterals .woocommerce-shipping-destination strong { font-weight: inherit; color: #282828; } .cart-collaterals .woocommerce-shipping-calculator { margin: 10px 0; } .cart-collaterals .woocommerce-shipping-calculator .blockOverlay { display: none !important; /* override inline style */ } .cart-collaterals .shipping-calculator-form { animation: 0.8s et-fadeInUp; overflow: hidden; } .cart-collaterals .shipping-calculator-button { margin: 10px 0 20px; display: block; } .cart-collaterals .shipping-calculator-button:before { content: "\e92d"; font-family: "et-icon"; margin-right: 6px; } .cart-collaterals .shipping-calculator-button:after { content: "\e925"; font-family: "et-icon"; margin-left: 6px; } .cart-collaterals .shipping-calculator-form .button { padding: .575rem 1.75rem; font-size: .875em; } /* Summary: Actions */ .wc-proceed-to-checkout { padding-top: 20px; overflow: hidden; margin-bottom: 60px !important; } .wc-proceed-to-checkout .button { width: 100%; cursor: pointer; } .wcppec-checkout-buttons__separator { display: none; } /* Order review */ #order_review { max-width: 640px; margin: 30px auto; line-height: 1.6; padding-bottom: 30px; } #order_review_heading { font-size: 24px; padding-bottom: 36px; } /* Germanized */ .woocommerce #order_review .legal { float: none; } .woocommerce #order_review .legal label { padding-left: 0; } .woocommerce-checkout .woocommerce-checkout-review-order .shop_table { background: transparent; } .wc-gzd-product-name-right .et-product-thumbnail { display: none; } .shop_table { width: 100%; color: #282828; border-spacing: 0; border-collapse: separate; position: relative; } .woocommerce-checkout-review-order-table thead { display: none; } #kco-wrapper .woocommerce-checkout-review-order-table thead { display: contents; } #kco-wrapper .woocommerce-checkout-review-order-table thead th { border-bottom: 1px solid #ddd; padding: 15px 0; } #kco-order-review .woocommerce-checkout-review-order-table tbody tr:first-child td { padding-top: 15px; } #kco-wrapper .product-name .quantity { display: inline-flex; } .shop_table tbody tr { position: relative; } .shop_table thead tr th, .shop_table thead tr td { padding: 15px 0; border-bottom: 1px solid #d9d9d9; } .woocommerce-gzd-checkout .product-name { display: flex; } /* Order review: Items */ .shop_table tbody tr th, .shop_table tbody tr td { padding: 0 0 15px 0; vertical-align: middle; } .shop_table tbody tr:first-child th, .shop_table tbody tr:first-child td { padding-top: 20px; } .shop_table tbody tr:last-child th, .shop_table tbody tr:last-child td { padding-bottom: 20px; border-bottom: 0 none; } .shop_table tbody .et-product-thumbnail, .shop_table tbody .arg-product-image { width: 60px; overflow: hidden; vertical-align: top; } .shop_table tbody .et-product-thumbnail img, .shop_table tbody .arg-product-image img { max-width: 100%; border-radius: 2px; border: 1px solid rgba(0,0,0,0.1); } .shop_table tbody .et-product-thumbnail { float: left; margin-right: 20px; } .shop_table tbody .product-name strong { font-weight: normal; } .shop_table tbody .remove { position: absolute; right: 0; top: 0; border: 4px solid transparent; border-radius: 100%; height: 20px; width: 20px; } .shop_table tbody strong.product-quantity { font-size: 13px; font-weight: 500; line-height: 1.75em; white-space: nowrap; text-align: center; border-radius: 1.75em; background-color: rgba(0,0,0,0.5); color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1.75em; padding: 0 0.58333em; right: 100%; z-index: 3; display: inline-flex; } .shop_table tbody .product-name .variation { padding: 5px 0 0; } .shop_table tbody .product-name .variation li { padding-bottom: 0; } .shop_table .product-total, .shop_table .product-subtotal { text-align: right; } /* Order review: Totals */ .shop_table tfoot tr th, .shop_table tfoot tr td { padding: 15px 0; border-bottom: 1px solid #d9d9d9; } .shop_table tfoot tr th { font-weight: inherit; text-transform: uppercase; } .shop_table tfoot tr td { text-align: right; } .shop_table tfoot tr:not(.shipping) td { padding-left: 0; } .shop_table tfoot tr:first-child th, .shop_table tfoot tr:first-child td { border-top: 1px solid #d9d9d9; } .shop_table tfoot tr:last-child th, .shop_table tfoot tr:last-child td { border-bottom: 0; } .order-total .includes_tax { display: block; } /* Order review: Totals - Coupon */ .shop_table tfoot .woocommerce-remove-coupon { display: block; font-size: 12px; line-height: 1.2; } /* Order review: Totals - Shipping method */ .shop_table tfoot tr.woocommerce-shipping-totals td { text-align: initial; } .cart-collaterals .shop_table tr.woocommerce-shipping-totals th, .shop_table tfoot tr.woocommerce-shipping-totals th { display: none; } #order_review .argmc-order-review-step .shop_table tfoot tr.woocommerce-shipping-totals th { display: table-cell; } #order_review .argmc-order-review-step .shop_table tfoot tr.woocommerce-shipping-totals td { text-align: right; border-left: 0; } .shop_table tfoot tr.woocommerce-shipping-totals .et-shipping-th-title { margin-bottom: 0; padding-bottom: 13px; } @media only screen and (max-width: 575px) { .cart_totals { padding: 30px 20px 0; } } @media only screen and (min-width: 1200px) { .woocommerce-cart .woocommerce .row .woocommerce-cart-form { padding-right: 30px; } } /* Empty Cart */ .et-cart-empty { text-align: center; padding: 9vh 0; } .empty-circle { background: rgba(0,0,0,0.03); height: 80px; width: 80px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; } .et-cart-empty svg { height: 30px; width: 30px; } .et-cart-empty p { max-width: 300px; margin: 18px auto 20px; } .et-cart-empty .cart-empty { font-size: 20px; line-height: 1.4; margin-top: 14px; max-width: none; } #side-cart .cart-empty { padding: 30px 0; } #side-cart .cart-empty figure { width: 67px; height: 84px; -moz-background-size: 67px 84px; -o-background-size: 67px 84px; -webkit-background-size: 67px 84px; background-size: 67px 84px; } #side-cart .cart-empty .message { font-size: 16px; font-weight: 300; line-height: 20px; } /* # Checkout ------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { max-width: 100%; padding-left: 0; padding-right: 0; } .woocommerce-checkout h3, .order_review_heading, .woocommerce-Address-title h3, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content legend { color: #282828; } .woocommerce-checkout h3 { margin-bottom: 20px; } .woocommerce-Address-title h3 { margin-bottom: 10px; } #checkout-spacer.no-empty { margin-bottom: 25px; } .et-woocommerce-NoticeGroup { padding-bottom: 20px; } /* Login */ .woocommerce-form-register, .woocommerce-form-login { animation: 1.2s fadeIn; } .et-checkout-login .woocommerce-form-login, .argmc-register .woocommerce-form-register { margin: 0 auto 0; text-align: initial; padding: 20px 0 10px; max-width: 420px; } .checkout-options .woocommerce-form-login > p:first-child { font-size: 0.85em; color: #777; } @media only screen and (max-width: 991px) { .woocommerce-form-register, .woocommerce-form-login { margin-left: auto; margin-right: auto; } } /* Inline validation notices */ .et-inline-validation-notices .form-row.woocommerce-invalid-required-field:after { display: block; font-size: 12px; line-height: 1.4; color: #fa4d5a; padding-top: 5px; content: 'Required field'; } /* Coupon */ .et-checkout-login-title a:before, .et-checkout-coupon-title a:before { content: "\e925"; font-family: "et-icon"; float: right; margin-left: 6px; } .et-checkout-coupon-title .woocommerce-info, .et-checkout-coupon-title > div.wc-block-components-notice-banner { padding: 10px 0; margin: 0 !important; background: rgba(0,0,0,0.03) !important; border: 0 !important; border-radius: 3px; color: inherit; } .et-checkout-coupon-title .woocommerce-info a { display: inline-block; padding: 0.1em 0; margin: 0; } form.checkout_coupon { width: 100%; padding: 10px; animation: 1.2s fadeIn; order: 99; border-radius: 0 0 3px 3px; background: rgba(0,0,0,0.03) !important; text-align: center; } .before-checkout { display: flex; flex-direction: column; } .before-checkout > .woocommerce-error, .before-checkout > .woocommerce-message { margin: 0 0 10px; } .et-checkout-coupon .wc-block-components-notice-banner svg { display: none; } .et-checkout-coupon-title .woocommerce-info:before, .et-checkout-coupon-title .wc-block-components-notice-banner__content:before, .et-checkout-login-title:before { content: "\e922"; font-family: "et-icon"; margin-right: 4px; } .et-checkout-login-title:before { content: "\e919"; } .checkout .back-to-cart { z-index: 7; position: absolute; right: 0; top: -.5em } .checkout-options .back-to-cart { margin-left: auto; } .checkout-options .back-to-cart a, .checkout .back-to-cart a { border: 0; text-transform: none; font-weight: 400; } .checkout-options .back-to-cart a:before, .checkout .back-to-cart a:before { content: "\e924"; font-family: "et-icon"; margin-right: 6px; } .et-checkout-login { display: block; padding: 10px; background: #f8f8f8; background: rgba(0,0,0,0.03); border-radius: 3px; margin-bottom: 10px; text-align: center; } .et-checkout-login-title, .et-checkout-coupon-title { line-height: 1.6 } .et-checkout-coupon-title { order: 98; } #order_review.woocommerce-checkout-review-order { max-width: none; margin: 0; } @media only screen and (max-width: 575px) { .inner_coupon { flex-direction: column; } .inner_coupon input, .inner_coupon .button { width: 100%; } .inner_coupon .button { margin-top: 10px; } } /* WooCommerce Smart Coupons */ #coupons_list { display: block !important; height: auto !important; } #coupons_list h3 { padding-top: 30px; font-size: 1.2em; } /* Multistep Checkout Plugin */ div.argmc-login-tabs { text-align: center; } div.argmc-login-tabs .tab-item { font-size: initial !important; line-height: 1.8; position: relative; color: inherit; opacity: 1; } div.argmc-login-tabs .tab-item.current { display: none; } div.argmc-login-tabs .tab-item span { color: #282828; position: relative; padding: 2px 0; } div.argmc-login-tabs .tab-item span:after { content: ''; background-color: currentColor; position: absolute; bottom: 0; left: 50%; height: 2px; width: 0; } div.argmc-login-tabs .tab-item span:hover:after { width: 100%; left: 0; } div.argmc-wrapper .argmc-tabs-list, div.argmc-wrapper .login-headings { font-weight: normal; } div.argmc-wrapper .argmc-tabs-list { margin: 30px 0; display: flex; } div.argmc-wrapper .argmc-tabs-list, div.argmc-wrapper .argmc-tab-item { background: transparent; box-shadow: none; } div.argmc-wrapper .argmc-tab-number-wrapper { margin-top: -11px; } div.argmc-wrapper .argmc-tab-item.completed .argmc-tab-number, div.argmc-wrapper .argmc-tab-item .argmc-tab-number { border: 1px solid currentColor; background: #fff; color: #ccc; display: inline-flex; justify-content: center; align-items: center; transition: all .1s linear; margin-top: -4px; } div.argmc-wrapper .argmc-tab-item.completed .argmc-tab-number { border-width: 2px; } div.argmc-wrapper .argmc-tab-item.current .argmc-tab-number { width: 30px; min-width: 30px; min-height: 30px; height: 30px; margin-top: -3px; color: #fff; font-weight: bold; } div.argmc-wrapper .argmc-tab-item .number-text, div.argmc-wrapper .argmc-tab-item .tab-completed-icon, div.argmc-wrapper .tab-completed-icon:before { top: auto; } div.argmc-wrapper .argmc-tab-item:before { border-bottom-width: 2px; border-color: #ddd; } .argmc-wrapper .argmc-tab-item.visited:hover .tab-completed-icon:before, .argmc-wrapper .argmc-tab-item.visited.completed.current .tab-completed-icon:before { color: #fff; } div.argmc-wrapper .argmc-login-step form.login { padding: 0; border: 0; } div.argmc-wrapper .et-checkout-coupon, div.argmc-wrapper .et-checkout-coupon form, div.argmc-wrapper .inner_coupon, div.argmc-wrapper .et-checkout-login { position: relative; background: transparent; padding: 0; margin: 0 auto; } div.coupon-wrapper.before-payment, div.coupon-wrapper { margin: 0; } div.argmc-wrapper .before-payment .et-checkout-coupon .et-checkout-coupon-title { display: none; } div.argmc-wrapper .register-visible .login-headings { text-align: center; } div.register-visible .argmc-register .col-2 { padding: 0; } div.argmc-login-tabs .tab-sep, div.argmc-wrapper .woocommerce-billing-fields h3, div.argmc-wrapper .et-checkout-login-title, div.argmc-wrapper .et-checkout-coupon-title, div.argmc-wrapper .et-checkout-coupon-title a, div.argmc-wrapper .argmc-login-step form.login.ywsl-box { display: none !important; /* Override plugin style */ } .argmc-customer-details, .argmc-wrapper .argmc-billing-details, .argmc-wrapper .argmc-shipping-details { margin-bottom: 0; border-radius: 3px; padding: 20px 0; border-bottom: 1px solid #ddd; } .argmc-wrapper .argmc-shipping-details { border-bottom: 0; } div.argmc-review-order-wrapper { margin-bottom: 0; } .woocommerce-checkout .woocommerce .argmc-wrapper #order_review table.shop_table { margin-bottom: 20px; } .woocommerce-checkout .woocommerce .argmc-wrapper .argmc-form-steps .argmc-customer-review h3 { font-size: inherit; font-family: inherit; text-transform: uppercase; margin-bottom: 15px; font-weight: normal; } .woocommerce-checkout .woocommerce .argmc-wrapper .argmc-customer-review h3:before { display: none; } .woocommerce-checkout .woocommerce .argmc-wrapper form .form-row label.error { top: auto; left: 10px; height: auto; opacity: 1; } .argmc-wrapper .argmc-nav { padding: 30px 0; position: relative; } .argmc-wrapper .argmc-nav:before { content: ''; background: rgba(0,0,0,0.1); top: 0; left: 0; height: 100%; position: absolute; z-index: -1; width: 200vw; transform: translateX(-50%); } div.argmc-wrapper .argmc-nav-text { color: inherit; font-size: 0.9em; border: 0; padding-top: 25px; margin-bottom: 0; color: #777; width: auto; vertical-align: top; } .argmc-wrapper #order_review, .argmc-wrapper .argmc-nav-buttons { border: 0 !important; } .argmc-wrapper .argmc-nav-buttons { display: flex; flex-direction: column; align-items: center; } .argmc-wrapper #argmc-prev { order: 5; } .argmc-wrapper .checkout .back-to-cart { position: relative; text-align: center; } #argmc-prev { border: 0; color: inherit; background: transparent; margin: 0 !important; } .argmc-wrapper .argmc-nav-buttons .button { width: 100% !important; } @media only screen and (max-width: 767px) { div.argmc-wrapper .argmc-form-steps { margin-bottom: 0; } .argmc-wrapper .argmc-nav-text { text-align: center; } } @media screen and (min-width: 768px) { .argmc-wrapper .argmc-nav { padding: 30px 12.5%; } .argmc-wrapper .argmc-nav-buttons .button { max-width: 350px; min-width: 200px; } div.argmc-wrapper .current .argmc-tab-text { font-size: 1rem; } div.argmc-wrapper .completed:not(.current) .argmc-tab-text, div.argmc-wrapper .visited:not(.current) .argmc-tab-text { font-size: 0.9em; } .argmc-wrapper .argmc-billing-details { border-bottom: 0 } div.argmc-customer-addresses { display: flex; } .argmc-customer-addresses > div:first-child { margin-right: 10px; } .argmc-customer-addresses > div:last-child { margin-left: 10px; } } .wpmc-tabs-wrapper { margin-top: 30px; } .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number { color: inherit; line-height: 26px; border-color: #fff; } .wpmc-steps-wrapper { max-width: 768px; margin: 20px auto 0; } .wpmc-step-item #order_review { position: static !important; width: auto !important; top: auto !important; max-width: none; padding: 0; } .wpmc-steps-wrapper .woocommerce-form-login { max-width: 576px; margin: 0 auto; } .wpmc-nav-wrapper { display: flex; justify-content: space-between; margin: 30px 0; } .wpmc-tabs-wrapper .wpmc-tab-item:before { border-color: #eee; } .wpmc-tabs-wrapper .wpmc-tab-item.current, .wpmc-step-item.current { animation: 0.8s fadeIn; } .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number { color: #282828; animation: 0.48s zoomIn; } .wpmc-footer-left, .wpmc-footer-right { width: auto; float: none; } #wpmc-skip-login { color: #282828; border: 1px solid #282828; background: transparent; } #wpmc-back-to-cart, #wpmc-prev { background: transparent; color: #282828; padding: 11px 0; font-size: 0.9em; } #wpmc-prev { border: 1px solid #aaa; padding: 11px; } #wpmc-back-to-cart:before { content: "\e924"; font-family: "et-icon"; margin-right: 6px; } #wpmc-next { margin-left: 8px; } .argmc-wrapper .arg-product-qwt { display: block; } div.argmc-wrapper .arg-product-desc { position: relative; padding: 0 0 0 21px; } div.argmc-wrapper .arg-product-image, div.argmc-wrapper .arg-product-desc { display: table-cell; } div.argmc-wrapper .woocommerce-checkout-review-order-table .product-name img, div.argmc-wrapper table.review-table .product-name img { margin-right: 0; } /* # Free Shipping Progress Bar ------------------------------------------------------- */ .free-shipping-progress-bar { padding: 5px 0px 30px; font-size: 0.9em; max-width: 560px; margin: 0 auto; overflow: hidden; text-align: center; } .free-shipping-progress-bar .progress-bar-message .amount { font-weight: bold; } .free-shipping-progress-bar .progress-bar-message strong { color: initial; } .free-shipping-progress-bar p { margin-bottom: 0; } .free-shipping-progress-bar .progress-bar-rail { line-height: 5px; height: 5px; width: 100%; display: flex; align-items: center; margin-top: 18px; } .free-shipping-progress-bar .progress-bar-status { display: flex; z-index: 1; height: inherit; position: relative; animation: .6s et-fadeInLeft; } .free-shipping-progress-bar .progress-bar-indicator { background: linear-gradient(270deg, #b9a16b 0, #ffffff 200%); background-color: #b9a16b; flex-grow: 1; } .progress-bar-status.success .progress-bar-indicator { background: #67bb67; } .free-shipping-progress-bar .progress-bar-left { background: rgba(0,0,0,0.1); height: 3px; flex-grow: 1; } .progress-percent { padding: 0 .5em; font-weight: 900; font-size: 1.1em; } .product-showcase-light-text .summary .progress-bar-left { background: rgba(255,255,255,0.1); } .product-showcase-light-text .summary .progress-percent, .product-showcase-light-text .summary .progress-bar-message strong, #side-cart.dark .side-panel-content .progress-bar-message strong { color: #fff; } /* # Forms ------------------------------------------------------- */ /* Form: Select2 */ .select2-hidden-accessible { border: 0!important; /* Override plugin style */ clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container--default .select2-selection--single, .select2-container .selection .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; margin: 0; /*line-height: 1.6;*/ padding: .575rem .75rem; padding: .75rem; height: calc(2.15em + .975rem + 4px); border: 2px solid #ddd; background-color: #fff; border-radius: 3px; outline: 0; } .el-style-border-bottom .select2-container--default .select2-selection--single { border-top: 0 !important; /* Override plugin style */ border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; padding-left: 0; padding-right: 0; background: transparent; } .el-style-border-width-1 .select2-container--default .select2-selection--single { border-width: 1px; } .select2-container--default .select2-selection--single:focus { outline: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: inherit; padding: 0; } .form-row.float-label .select2-container--default .select2-selection--single .select2-selection__rendered { opacity: 0; } .form-row.float-label.has-val .select2-container--default .select2-selection--single .select2-selection__rendered { opacity: 1; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: #aaa; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: #aaa; border-bottom-color: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .selection .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; width: 32px; top: 12px; right: 1px; background: none; text-align: center; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: "\e925"; font-family: "et-icon"; } .select2-container--default .select2-selection__arrow b { display: none; } /* Form: Select2 - Dropdown */ .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-container--open .select2-dropdown { left: 0; } .select2-dropdown, .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below { border: 2px solid #aaa; } .el-style-border-width-1 .select2-dropdown, .el-style-border-width-1 .select2-container--open .select2-dropdown--above, .el-style-border-width-1 .select2-container--open .select2-dropdown--below { border-width: 1px; } body:not(.el-style-border-bottom) .select2-container--open .select2-dropdown--above { border-bottom: 0; } body:not(.el-style-border-bottom) .select2-container--open .select2-dropdown--below { margin-top: -1px; border-top: 0; } .select2-search--dropdown { padding: 0 10px 10px; } .el-style-border-bottom .select2-search--dropdown, .select2-container--open .select2-dropdown--above .select2-search--dropdown { padding-top: 10px; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #e7e7e7; border: 1px solid #e7e7e7 !important; /* Override plugin style */ } .select2-search--dropdown.select2-search--hide { display: none; } .select2-results { padding: 0; border-top: 1px solid #eaeaea; background: #f8f8f8; } .select2-results__option[aria-selected], .select2-results__option[data-selected] { cursor: pointer; } .select2-container--open .select2-dropdown--above .select2-results { border-bottom: 1px solid #ccc; } .select2-container--default .select2-results > .select2-results__options { list-style: none; max-height: 245px; overflow-y: auto; } .select2-results__option { margin: 0; padding: 6px 10px; border-bottom: 1px solid #eaeaea; font-size: 14px; } .select2-results__option:last-child { border-bottom: 0 none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: inherit; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results .select2-results__option--highlighted[data-selected] { color: #eee; background-color: #282828; } .woocommerce-checkout .select2-container { max-width: 100%; } /* Form: Checkbox */ .woocommerce-terms-and-conditions-wrapper .required { display: none; } .woocommerce-terms-and-conditions-wrapper .form-row:not(.create-account):last-child { margin: 0; } .woocommerce-terms-and-conditions-checkbox-text:after { content: '*'; margin-left: 5px; } /* Form: Radio - Custom input */ #shipping_method { list-style: none; padding-left: 0; text-align: initial; } /* Order review: Totals - Shipping method */ .shop_table tfoot tr.woocommerce-shipping-totals td { text-align: left; } .shop_table tfoot tr.woocommerce-shipping-totals .et-shipping-th-title { margin-bottom: 0; padding-bottom: 13px; } /* Order review: Payment */ #payment { padding-bottom: 30px; } #payment .payment_methods { list-style: none; padding-left: 0; margin-bottom: 10px; border: 1px solid #aaa; } #payment .payment_methods > li { padding: 14px 19px; list-style: none; border-bottom: 1px solid #ddd; } .wc_payment_method .mp-checkout-container > * { background: transparent !important; } .wc_payment_method .mp-document-select, .wc_payment_method .mp-input-document { background: transparent !important; } /* Classic style */ .checkout-style-regular #payment { border: 1px solid currentColor; padding: 30px; margin-bottom: 20px; } .checkout-style-regular #payment .payment_methods { border: 0; } .checkout-style-regular #payment .payment_methods > li { padding: 11px 0; } #payment .payment_methods > li:last-child { border-bottom: 0 none; } #payment .payment_methods > li > label { margin-bottom: 0; color: #282828; opacity: 1; cursor: pointer; max-width: 80%; width: 100%; display: inline-table; } #payment .payment_methods > li.woocommerce-notice { border: 0; } #payment .payment_methods > li a.about_paypal { margin: 0 10px; } #payment .payment_methods > li a.about_paypal { display: inline-block; } #payment .payment_methods > li a.about_paypal:not(:hover) { color: #777; } #payment .payment_methods > li .payment_box { padding-top: 20px; } #payment .payment_methods > li .payment_box p { margin-bottom: 10px; } #payment .payment_methods > li > .input-radio { float: none; } #payment .payment_methods > li .payment_box input[type=radio] { display: inline-flex; } input.wc-braintree-payment-type { display: none !important; } #payment .wc_payment_method > label img { max-height: 40px; } #payment .payment_methods input[type="text"], #payment .payment_methods select { height: inherit; } ul li.tcPaymentMethod { height: auto; } /* Order review: Place order */ .woocommerce-checkout-payment .place-order noscript { display: block; font-size: 12px; padding-top: 5px; } .woocommerce-checkout-payment .place-order noscript .button { width: 100%; margin-top: 20px; margin-bottom: 15px; padding: 12px; } .woocommerce-checkout-payment .terms { margin: 0; padding-bottom: 9px; } .woocommerce-checkout-payment .terms label { position: relative; display: inline-block; padding-top: 5px; cursor: pointer; font-size: 0.9em; opacity: 1; } #place_order, #woo_pp_ec_button_checkout { width: 100%; margin-top: 10px; } .woocommerce-terms-and-conditions { overflow-x: hidden !important; } .checkout-terms-popup .woocommerce-terms-and-conditions { display: block !important; /* override js inline style */ max-height: none !important; overflow: inherit !important; max-width: 820px; margin: 0 auto; padding: 39px 32px; background: #fff; position: relative; font-size: 0.9em; } .checkout-terms-popup .page-header, .woocommerce-checkout-payment .form-row > label { padding: 0; } /* Checkout Addresses */ #billing_address_1_field, #shipping_address_1_field { margin-bottom: 10px; } #customer_details { margin-bottom: 50px; } .woocommerce-billing-fields, .woocommerce-account-fields, .woocommerce-shipping-fields { margin-bottom: 25px; } .woocommerce-account-fields .create-account { margin-bottom: 0; } .woocommerce-account-fields .create-account > label { font-weight: bold; } .woocommerce-account-fields .form-row:last-child { margin: 0; } .woocommerce-shipping-fields h3 { position: relative; display: inline-flex; } #ship-to-different-address { font-size: inherit; font-weight: 600; font-family: inherit; margin: 0; } #ship-to-different-address label:after, .woocommerce-account-fields label span:after { content: "\e919"; font-family: "et-icon"; font-weight: normal; margin-left: 10px; } #ship-to-different-address label:after { content: "\e92d"; } .woocommerce-account-fields div.create-account, .woocommerce-shipping-fields .shipping_address { animation: 0.8s fadeIn; } #ship-to-different-address label, .woocommerce-account-fields p.create-account label { color: #282828; display: block; padding: 0; line-height: 1.6; } .terms .termscontainer { display: inline-block; padding-top: 12px; margin-bottom: 30px; } .terms .button { margin-top: 40px; } /* Thank You */ #checkout_thankyou h2 { margin-top: 50px; } #checkout_thankyou .order_details { list-style: none; color: #282828; } /* # Distraction Free ------------------------------------------------------- */ .checkout-distraction-free.woocommerce-checkout .header-spacer, .checkout-distraction-free.woocommerce-checkout .top-bar, .checkout-distraction-free.woocommerce-checkout .hero-header, .checkout-distraction-free.woocommerce-checkout .site-header .header-items > *, .checkout-distraction-free.woocommerce-checkout .header-mobile .container > *, .checkout-distraction-free.woocommerce-checkout .et-global-campaign, .checkout-distraction-free.woocommerce-checkout .et-top-bar, .checkout-distraction-free.woocommerce-checkout .footer-widgets, .checkout-distraction-free.woocommerce-checkout .footer-bar, .checkout-distraction-free.woocommerce-checkout.header-border-1 .header:after { display: none; } .checkout-distraction-free.woocommerce-checkout .site-header .header-bottom { height: auto; min-height: auto; } .checkout-distraction-free.woocommerce-checkout .site-header .goya-container { position: relative; } .checkout-distraction-free.woocommerce-checkout .site-header .header-items .logo-holder, .checkout-distraction-free.woocommerce-checkout .site-header .header-mobile .logo-holder { display: block; position: absolute; left: 0; margin: 0; padding: 0 15px; } .checkout-distraction-free.woocommerce-checkout.woocommerce-multistep .site-header .header-items .logo-holder { left: 50%; right: auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0; } .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink .logoimg.bg--dark { opacity: 0 !important; display: none !important; } .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink .logoimg { opacity: 1; display: block; } .checkout-distraction-free.woocommerce-checkout .site-header { position: relative !important; -webkit-box-shadow: none; box-shadow: none; background: transparent; border: 0; padding: 20px 0; top: 0; } .checkout-distraction-free.woocommerce-checkout .page-padding { padding-top: 0; } .checkout-distraction-free.woocommerce-checkout .post-content > .woocommerce { margin-top: 0; } .checkout-distraction-free.woocommerce-checkout #order_review { border: 0; } form.checkout .woocommerce-NoticeGroup-checkout { display: none; } form.checkout.argmc-form .woocommerce-NoticeGroup-checkout { display: block; } .woocommerce #kco-wrapper { margin-right: -15px; margin-left: -15px; } #klarna-checkout-container { margin: 0 -15px; } @media only screen and (max-width: 575px) { .checkout-options .back-to-cart, .checkout .back-to-cart { position: relative; width: 100%; top: auto; right: auto; text-align: center; } } @media only screen and (max-width: 767px) { .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-sticky .bg--light, .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-mobile .bg--light { display: none; } } @media only screen and (min-width: 768px) { .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-sticky .bg--alt, .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-mobile .bg--alt { display: none; } .checkout #kco-order-review { font-size: inherit; } } @media only screen and (max-width: 991px) { .checkout-distraction-free.woocommerce-checkout .site-header .header-mobile .logo-holder { left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } #customer_details { margin-bottom: 0; } .checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container:before { content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -50%; width: 200vw; background-color: rgba(0,0,0,0.02); } .checkout-distraction-free #order_review.woocommerce-checkout-review-order { padding-top: 20px; } #order_review.woocommerce-checkout-review-order { position: relative !important; width: auto !important; } #order_review.woocommerce-checkout-review-order, .woocommerce-billing-fields { margin-top: 25px; } #checkout-spacer, .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-tablet .logoimg { display: none; } .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-tablet .logoimg.bg--alt { opacity: 1; display: block; } .checkout #kco-iframe, .checkout #kco-order-review { float: none; width: auto; } .wp-block-woocommerce-checkout-order-summary-block { padding: 10px 30px; background: rgba(0,0,0,0.02); } .wp-block-woocommerce-checkout-order-summary-cart-items-block:after { display: none !important; } } @media only screen and (min-width: 992px) { .before-checkout { position: absolute; z-index: 9; left: 15px; right: 15px; opacity: 0; } .before-checkout.ready { opacity: 1; } .before-checkout, .woocommerce-checkout-customer-fields > * { padding-right: 40px; } /* Checkout Regular */ .checkout-style-regular .before-checkout, .checkout-style-regular #customer_details { padding-right: 30px; } .checkout-style-regular .checkout-options.klarna .row { justify-content: center; } .order_review_heading { display: none; } /* Layout separator. used on other pages too */ .checkout-distraction-free.woocommerce-checkout .site-header { padding: 30px 0; z-index: auto; } .checkout-options.klarna .before-checkout { position: relative; opacity: 1; margin: 0 15px; left: auto; right: auto; } .checkout-distraction-free #kco-iframe { float: none; padding: 0 45px 0 15px; } .checkout-distraction-free #kco-order-review { float: right; } .checkout-distraction-free #kco-order-review, .checkout-distraction-free #order_review { padding-left: 40px; z-index: 99; opacity: 1; } .checkout-distraction-free.woocommerce-checkout.light-title .site-header .logolink.alt-logo-tablet .logoimg.bg--alt, .checkout-distraction-free.woocommerce-checkout .order_review_heading { display: none; opacity: 0; } .checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container .shop_table tfoot tr:last-child th, .checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container .shop_table tfoot tr:last-child td { border-bottom: 0; } .checkout-distraction-free.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block:before , .checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container:before{ content: ''; position: absolute; left: 64.5%; top: -100vw; bottom: -100vw; width: 100vw; z-index: -1; background-color: rgba(0,0,0,0.02); border-left: 1px solid #eee; } .checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container:before { left: 0; } } /* Distraction Free END */ /* # Thank You ------------------------------------------------------- */ .woocommerce-order-received .page > .woocommerce { padding-top: 55px; } .woocommerce .order-info + h2, .woocommerce-customer-details h2, .woocommerce-order-details h2 { margin-top: 0; font-size: 1.5em; } .woocommerce-order-received h3 { font-size: 16px; padding-bottom: 0; } /* Order details top */ .woocommerce-order-received .woocommerce-order { max-width: 802px; margin: 0 auto; padding-bottom: 20px; overflow: hidden; } .order_details { font-size: inherit; line-height: 1.8; margin: 38px auto 47px; } .order_details li { display: inline-block; line-height: inherit; margin: 0 16px; padding: 0; border-bottom: 0 none; overflow: visible; } .order_details li strong { display: block; font-weight: normal; color: #282828; } /* Payment details */ .et-checkout-ty-payment-details > p, .et-checkout-ty-payment-details > p:last-child { margin-bottom: 39px; } .et-checkout-ty-payment-details h2 { border-bottom: 1px solid #eee; } .et-checkout-ty-payment-details h3 { padding: 15px 0 8px; } .bacs_details { overflow: hidden; border: 2px solid #ddd; padding: 20px 20px 10px 20px; background: #f7f7f7; } /* Order overview */ .woocommerce-order-received ul.order_details { color: inherit; padding: 20px 20px 10px 20px; background: rgba(0,0,0,0.03); } /* Customer details */ .woocommerce-order-received .customer_details { padding-top: 36px; } .woocommerce-order-received .customer_details tbody tr th, .woocommerce-order-received .customer_details tbody tr td { padding: 10px 0; border-top: 0; } /* Failed */ .woocommerce-thankyou-order-failed-actions { padding: 20px 0; text-align: center; } @media all and (max-width: 991px) { /* Order details top */ .et-checkout-ty-order-details-top { margin: 39px 0 38px; padding: 20px 20px 0; text-align: left; overflow: hidden; } .order_details li { display: block; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .order_details li:last-child { border-bottom: 0 none; } /* Payment details */ .et-checkout-ty-payment-details > p, .et-checkout-ty-payment-details > p:last-child { margin-bottom: 30px; } } /* # Login/Register ------------------------------------------------------- */ .et-woocommerce-account-login:not(.woocommerce-lost-password) .hero-header { display: none; } .et-woocommerce-account-login.login-two-columns.header-border-1:not(.woocommerce-lost-password) .header:after, .woocommerce-account.login-two-columns.header-border-1:not(.logged-in):not(.woocommerce-lost-password) .header:after { border-bottom-width: 0; } .et-woocommerce-account-login.dark-title:not(.header_on_scroll) .site-header { background: transparent; } .et-woocommerce-account-login.login-two-columns .footer-widgets, .woocommerce-account.login-two-columns:not(.logged-in) .footer-widgets { display: none; } /* Login Popup */ .et-login-popup-wrap { position: relative; width: auto; max-width: 480px; margin: 0 auto; padding: 40px 10px; overflow: hidden; background: #fff; box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.2) } .et-login-popup-wrap .woocommerce-message { display: none; } .et-login-popup-wrap .et-login-wrapper .et-form-container { border: 0; padding: 0; } /* Registration */ .et-form-container { display: flex; justify-content: center; align-items: center; padding-bottom: 30px; } .et-form-container h2 { margin-bottom: 20px; padding: 2vh 0; text-align: center; font-size: 2.1rem; } .et-form-container #et-login-form, .et-form-container #et-register-form { padding: 0 1px; width: 100%; will-change: opacity; max-width: 420px; opacity: 0; animation: 0.48s et-fadeIn; } .et-form-container #et-login-form, .et-form-container.register-active #et-register-form { opacity: 1; display: block; } .et-form-container .login-divider, .et-form-container #et-register-form, .et-form-container.register-active #et-login-form { opacity: 0; display: none; } .two_col .et-register-form .woocommerce-terms-and-conditions-wrapper { margin-bottom: 15px; } @media only screen and (min-width: 992px) { .two_col #et-register-form:before { content: ''; position: absolute; z-index: -1; left: 0; top: -100vw; bottom: -100vw; width: 100vw; background-color: rgba(0,0,0,0.02); } .two_col #et-register-form .form-wrapper { padding-left: 20%; width: 100%; } .two_col #et-login-form .form-wrapper { padding-right: 20%; width: 100%; } } .woocommerce-privacy-policy-text { font-size: .8em; margin-bottom: 10px; } /* Password strength indicator */ .woocommerce-password-strength { display: inline-block; margin-top: 14px; color: #fff; font-size: 12px; line-height: 1; padding: 5px 12px; background: #ffdada; color: #e43737; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .woocommerce-password-strength.strong, .woocommerce-password-strength.good { background: #d8fcda; color: #15a93b; } .woocommerce-password-hint { margin-top: 10px; display: block; font-size: 12px; font-weight: 500; } #et-register-form .button { width: 100%; } .lost_reset_password { color: #282828; width: 100%; max-width: 400px; margin: 0 auto; padding-bottom: 8vh; } .lost_reset_password .form-row { width: 100%; float: none; } .woocommerce-lost-password .woocommerce-message + p { max-width: 650px; margin: 0 auto 8vh; } @media all and (min-width: 992px) { .et-login-wrapper.no_popup { padding: 5vh 0 8vh; } .no_popup .et-form-container .login-divider { display: flex; } .login-two-columns .no_popup .et-form-container #et-login-form, .login-two-columns .no_popup .et-form-container #et-register-form { opacity: 1; position: relative; display: block; padding-top: 3vh; padding-bottom: 3vh; align-items: center; justify-content: center; display: flex; flex-direction: column; } .login-two-columns .no_popup .et-form-container h2 { font-size: 28px; } .login-two-columns .no_popup .form-actions.extra { display: none; } } /* Common: Form */ .login p, .register p { margin-bottom: 18px; } .et-login-wrapper .woocommerce-form .form-row:last-child, .form-row .woocommerce-form-login__rememberme { margin: 0; padding: 0; } .et-login-wrapper .form-actions { text-align: center; } .et-login-wrapper .form-actions.extra { margin-bottom: 0; } .et-login-wrapper .form-actions a { margin: 0 6px; } .ywsl-social, .login .ywsl-social, .login .button, .register .button, .lost_reset_password .button { display: block; width: 100%; padding: .75rem 1.75rem; line-height: 1.6; } /* Login */ .ywsl-label { display: none; } a.ywsl-social { width: 100%; display: block; margin: 0 0 10px 0; border-radius: 3px; } .ywsl-social { background: inherit; border: 2px solid currentColor; opacity: 0.8; text-align: center; } .el-style-border-width-1 .ywsl-social { border-width: 1px; } .ywsl-social:hover, .ywsl-social:focus { opacity: 1; } .ywsl-social i { margin-right: 8px; color: currentColor; } .ywsl-social span { text-transform: capitalize; } .ywsl-facebook, .ywsl-facebook:hover, .ywsl-facebook:focus { color: #4267b2; border-color: #4267b2; } .ywsl-twitter, .ywsl-twitter:hover, .ywsl-twitter:focus { color: #1da1f2; border-color: #1da1f2; } .ywsl-google, .ywsl-google:hover, .ywsl-google:focus { color: #dd4b39; border-color: #dd4b39; } .login { width: 100%; } .login .lost_password { float: right; } @media all and (min-width: 576px) { .login-single-column .et-form-container { max-width: 460px; margin: 0 auto; border: 1px solid #ddd; padding: 40px; border-radius: 3px; } .et-login-popup-wrap { padding: 40px; } } @media only screen and (max-width: 575px) { a.ywsl-social { width: 100%; } .login .lost_password { display: block; float: none; } } /* # My Account ------------------------------------------------------- */ /* Addresses List */ .addresses { margin: 0 -15px; } .addresses .col-1, .addresses .col-2 { float: left; width: 100%; padding: 0 15px; } .addresses .woocommerce-Address { margin-bottom: 40px; } .addresses .woocommerce-Address address { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .addresses .col-1, .addresses .col-2 { width: 50%; } .addresses .woocommerce-Address { margin-bottom: 0; } } /* My Account Navigation */ /* User */ .woocommerce-account.logged-in .site-content > .container { max-width: 960px; padding-bottom: 5vh; } .woocommerce-account.logged-in .post-content > .woocommerce { overflow: hidden; } .et-MyAccount-user { line-height: 1.6; min-height: 60px; margin-bottom: 46px; overflow: hidden; } .et-MyAccount-user-image { max-width: 60px; margin-bottom: 13px; } .et-MyAccount-user-image img { -webkit-border-radius: 60px; border-radius: 60px; } .et-MyAccount-user-info .et-username { display: block; font-size: 16px; } .et-MyAccount-user-info .et-username strong { font-weight: normal; color: #282828; } .et-MyAccount-user-info .et-username .hide { display: none; } /* Navigation */ .woocommerce-MyAccount-navigation { float: left; width: 25%; padding-right: 15px; overflow: hidden; } .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; } .woocommerce-MyAccount-navigation ul li a { font-size: 1.1em; margin: 0 0 8px; } .woocommerce-MyAccount-navigation ul li a:before { font-family: "et-icon"; margin-right: 0.5em; } .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\e900"; } .woocommerce-MyAccount-navigation-link--orders a:before { content: "\e93f"; } .woocommerce-MyAccount-navigation-link--downloads a:before { content: "\e92f"; } .woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\e92d"; } .woocommerce-MyAccount-navigation-link--payment-methods a:before { content: "\e93e"; } .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\e919"; } .woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\e936"; } .woocommerce-MyAccount-navigation-link--wishlist a:before { content: "\e946"; } /* Content */ .woocommerce-MyAccount-content { float: left; width: 75%; padding-left: 15px; overflow: hidden; } .woocommerce-MyAccount-content strong { font-weight: normal; color: #282828; } /* Forms */ .woocommerce-MyAccount-content .form-row label { font-size: inherit; } .woocommerce-MyAccount-content .form-row span em { font-size: 0.9em; font-style: normal; } /* Tables */ .woocommerce-MyAccount-content .shop_table { width: 100%; margin: 0 0 28px; } .woocommerce-MyAccount-content .shop_table tr th:first-child, .woocommerce-MyAccount-content .shop_table tr th:last-child, .woocommerce-MyAccount-content .shop_table tr td:first-child, .woocommerce-MyAccount-content .shop_table tr td:last-child { padding-right: 0; padding-left: 0; } .woocommerce-MyAccount-content .shop_table tr th, .woocommerce-MyAccount-content .shop_table tr td { padding: 19px; vertical-align: middle; } .woocommerce-MyAccount-content .shop_table tr th { color: #282828; padding-top: 0; font-weight: inherit; text-transform: uppercase; border: 0; } .woocommerce-MyAccount-content .shop_table tr td { border-top: 1px solid #eee; } .woocommerce-MyAccount-content .shop_table tr td:last-child a:not(.alt) { margin: 0 10px 10px 0; } .woocommerce-MyAccount-content .shop_table tr td:last-child a:last-child { margin: 0; } .woocommerce-MyAccount-downloads-file:before { content: "\e92f"; font-family: "et-icon"; margin-right: 10px; } .woocommerce-table--order-downloads .download-file .button, .woocommerce-MyAccount-content .shop_table .woocommerce-button { line-height: 1.6; padding: .35rem 1.05rem; border: 2px solid currentColor; background: transparent; color: inherit; } .el-style-border-width-1 .woocommerce-MyAccount-content .shop_table .woocommerce-button { border-width: 1px; } /* My account: Orders */ .woocommerce-MyAccount-content .account-orders-table tr th:first-child, .woocommerce-MyAccount-content .account-orders-table tr th:last-child, .woocommerce-MyAccount-content .account-orders-table tr td:first-child, .woocommerce-MyAccount-content .account-orders-table tr td:last-child { text-align: center; } .woocommerce-MyAccount-orders tr td.order-total { color: #888; } .woocommerce-MyAccount-orders tr td.order-total .amount { color: #282828; } /* My account: Order details */ .woocommerce-MyAccount-content h2 { font-size: 1.5em; } /* My account: Messages */ .woocommerce-MyAccount-content .woocommerce-Message { display: flex; align-items: center; flex-direction: column; } .woocommerce-MyAccount-content .woocommerce-Message a { margin-bottom: 20px; } /* My account: Addresses */ /* Addresses List */ .addresses { margin: 0 -15px; } .addresses .col-1, .addresses .col-2 { float: left; width: 100%; padding: 0 15px; } .woocommerce-edit-address .woocommerce-Message { margin-bottom: 0; } .woocommerce-edit-address .woocommerce-Addresses { padding-top: 0; } .woocommerce-edit-address .addresses > div { padding-top: 0; } .woocommerce-edit-address .woocommerce-Address { padding-top: 25px; max-width: 100%; width: 100%; } .woocommerce-edit-address .woocommerce-MyAccount-content h2 { margin-bottom: 30px; } .woocommerce-Address .title, .woocommerce-Address address { border: 1px solid #ddd; padding: 20px; } .woocommerce-Address-title.title { background: rgba(0,0,0,0.03); border-bottom: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .woocommerce-Address address { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* My account: Payment methods */ .et-MyAccount-form #payment { padding-top: 0; } @media only screen and (min-width: 768px) { .addresses .col-1, .addresses .col-2 { width: 50%; } .addresses .woocommerce-Address { margin-bottom: 0; } } @media all and (max-width: 991px) { /* User */ .et-MyAccount-user { min-height: 0; margin-bottom: 41px; text-align: center; } .et-MyAccount-user-image { display: none; } .et-MyAccount-user-info .et-username { line-height: 1.4; } /* Navigation */ .woocommerce-MyAccount-navigation { float: none; width: auto; margin-top: 46px; margin-bottom: 0; padding-right: 0; } .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; } .woocommerce-MyAccount-navigation ul li { float: none; clear: none; display: inline-flex; width: 33%; } .woocommerce-MyAccount-navigation ul li a { padding-bottom: 10px; padding-right: 10px; } /* Content */ .woocommerce-MyAccount-content { float: none; width: auto; margin-top: 46px; padding-left: 0; } /* My account: Orders */ .woocommerce-MyAccount-orders tr .woocommerce-orders-table__header-order-total, .woocommerce-MyAccount-orders tr .woocommerce-orders-table__cell-order-total { display: none; } } @media all and (max-width: 767px) { .woocommerce-MyAccount-navigation ul li { float: none; clear: none; display: inline-flex; width: 50%; } } @media all and (max-width: 550px) { /* Tables */ .woocommerce-MyAccount-content .shop_table tr th, .woocommerce-MyAccount-content .shop_table tr td { padding-right: 10px; padding-left: 10px; } /* My account: Orders */ .woocommerce-MyAccount-orders tr .woocommerce-orders-table__header-order-date, .woocommerce-MyAccount-orders tr .woocommerce-orders-table__cell-order-date { display: none; } } /* - WC: Order details */ .woocommerce-order-details table.shop_table, .woocommerce-order-pay table.shop_table { width: 100%; border-spacing: 0; border-collapse: separate; margin: 0 0 30px 0; border: 1px solid #d9d9d9; border-radius: 3px; } .woocommerce-order-details .shop_table thead, .woocommerce-order-pay .shop_table thead { display: none; } .woocommerce-MyAccount-content .woocommerce-order-details .shop_table tbody tr td, .woocommerce-order-details .shop_table thead tr th, .woocommerce-order-pay .shop_table thead tr th, .woocommerce-order-details .shop_table tbody tr td, .woocommerce-order-pay .shop_table tbody tr td { padding: 12px 15px; border: 0; border-bottom: 1px solid #ddd; } .woocommerce-order-details .shop_table tbody tr td.product-name strong { font-weight: normal; } .woocommerce-order-details .shop_table tbody tr td.product-name .variation, .woocommerce-order-details .shop_table tbody tr td.product-name .wc-item-meta { padding: 3px 0 7px; } .woocommerce-order-details .shop_table tbody tr td.product-name .wc-item-meta li { display: flex; font-size: 13px; } .woocommerce-order-details .shop_table tbody tr td.product-name .wc-item-meta li strong { margin-right: 10px; } .woocommerce-order-details .shop_table tbody tr td.product-name .wc-item-meta li p { margin-bottom: 0; } .woocommerce-order-details .shop_table tbody tr td.product-total, .woocommerce-order-pay .shop_table tbody tr td.product-total { padding-left: 19px; text-align: right; } .woocommerce-order-details .shop_table tfoot tr th, .woocommerce-order-details .shop_table tfoot tr td, .woocommerce-order-pay .shop_table tfoot tr th, .woocommerce-order-pay .shop_table tfoot tr td { padding-top: 0; padding-bottom: 10px; border: 0; background: rgba(0,0,0,0.03); } .woocommerce-MyAccount-content .woocommerce-order-details .shop_table tfoot tr th, .woocommerce-order-details .shop_table tfoot tr th, .woocommerce-order-pay .shop_table tfoot tr th { padding-left: 15px; font-weight: inherit; text-transform: uppercase; } .woocommerce-MyAccount-content .woocommerce-order-details .shop_table tfoot tr td, .woocommerce-order-details .shop_table tfoot tr td, .woocommerce-order-pay .shop_table tfoot tr td { padding-right: 15px; } .woocommerce-order-details .shop_table tfoot tr:first-child th, .woocommerce-order-details .shop_table tfoot tr:first-child td, .woocommerce-order-pay .shop_table tfoot tr:first-child th, .woocommerce-order-pay .shop_table tfoot tr:first-child td { padding-top: 19px; } .woocommerce-order-details .shop_table tfoot tr:last-child th, .woocommerce-order-details .shop_table tfoot tr:last-child td, .woocommerce-order-pay .shop_table tfoot tr:last-child th, .woocommerce-order-pay .shop_table tfoot tr:last-child td { border-top: 1px solid #ddd; font-size: 16px; padding-top: 10px; } .woocommerce-order-details .shop_table tfoot tr td, .woocommerce-order-pay .shop_table tfoot tr td { padding-left: 19px; text-align: right; } /* Order details: Order again button */ .woocommerce-order-details { margin-bottom: 40px; } .view-order-tracking { max-width: 802px; margin-left: auto; margin-right: auto; overflow: hidden; } .order-again { margin: 0; padding-top: 33px; text-align: right; } /* Order details: Customer */ .woocommerce-customer-details h3 { font-size: 16px; padding-bottom: 10px; } .woocommerce-customer-details li { margin-bottom: 17px; } .woocommerce-customer-details li:last-child { margin-bottom: 0; } /* Order details thumbnails */ .woocommerce-table__product-name .item-thumbnail { float: left; margin-right: 20px; max-width: 70px; } .woocommerce-table__product-name .item-thumbnail img { border-radius: 2px; } /* # Order Tracking ------------------------------------------------------- */ .woocommerce-form-track-order { margin: 0 auto; padding-bottom: 20px; max-width: 420px; } .woocommerce-form-track-order p { line-height: 1.6; margin: 19px 0 30px; } .woocommerce-form-track-order .form-row, .woocommerce-form-track-order .button { float: none; width: 100%; margin-bottom: 5px; } /* Order Tracking View */ .form-order-view, .form-order-view .woocommerce-order-details__title { padding-bottom: 20px; } .woocommerce .commentlist.notes >.comment:last-child .comment-text { margin-left: 0; margin-right: 0; } /* WC Layered Nav */ .shop-widget-scroll .widget > ul, .shop-widget-scroll .widget:not(.widget-woof) > .widgettitle + *, .shop-widget-scroll .wcapf-layered-nav, .et-shop-widget-scroll { position: relative; overflow: hidden; max-height: 150px; } .widget .ps > .ps__scrollbar-y-rail { opacity: 0.6; } .widget.woocommerce li { margin-bottom: 5px; } .widget.woocommerce li .children { padding: 0; } .header-active-filters .filter-reset-all, .filter-reset-all { color: #777; background: transparent; line-height: 28px; } .wc-layered-nav-rating a { font-size: 0.9em; color: #999; } a.filter-reset-all:hover { color: #777; } /* ET Product Sorting */ .shop-sidebar .widget ul li { padding-left: 10px; } /* WC Price Filter */ .widget_price_filter { padding-top: 20px; } .widget.widget_price_filter .price_slider_wrapper { padding-top: 15px; } .woof .widget_price_filter .price_slider_wrapper .ui-widget-content { width: 100%; } .widget.widget_price_filter .price_slider { height: 3px; background: #ddd; position: relative; margin-bottom: 25px; margin-right: 15px; } .widget.widget_price_filter .price_slider .ui-slider-range { height: 3px; background: #282828; position: absolute; } .widget.widget_price_filter .price_slider .ui-slider-handle { display: block; outline: none; position: absolute; top: -3px; background-size: 14px 19px; width: 10px; height: 10px; border-radius: 7px; border: 2px solid #282828; background: #fff; cursor: pointer; -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .widget.widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; font-size: 14px; color: #282828; } .widget.widget_price_filter .price_slider_amount .clear { display: none; } .widget.widget_price_filter .price_slider_amount .button { font-size: 11px; color: inherit; background: none; padding: 4px 8px; border: 1px solid currentColor; } .widget.widget_price_filter .price_slider_amount .button:hover, .widget.widget_price_filter .price_slider_amount .button:focus { outline: none; } .widget.widget_product_search #s { float: left; } .product_list_widget { list-style: none; margin: 0; } .product_list_widget .woocommerce-Price-amount { color: inherit; } .product_list_widget ins { background: transparent; } /* WC Product List */ .product_list_widget li { position: relative; margin-bottom: 30px; } .product_list_widget li:after { display: block; content: ""; clear: both; } .product_list_widget li.empty { text-align: center; font-size: 18px; font-weight: 600; color: #282828; margin: 30px 0; } .product_list_widget a { display: block; padding: 0; } .product_list_widget a img { max-width: 75px; margin-right: 20px; float: left; } .product_list_widget a .product-title { display: block; } /* # Other Plugins ------------------------------------------------------- */ /* ## Plugin: Elementor ------------------------------------------------------- */ .elementor-element.elementor-products-grid ul.products li.product { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .elementor-element .products .product .onsale:not(.badge), .elementor-element .products .product .product_thumbnail > .attachment-woocommerce_thumbnail, .elementor-element .products .product .woocommerce-loop-product__title { display: none; } /* ## Plugin: WPMP Multi Currency ------------------------------------------------------- */ .woocommerce .wcml-dropdown.product { margin: 0; width: auto; display: block; } .wcml-dropdown ul li { color: inherit; border: 0; display: inline-flex; align-items: center; } .wcml-dropdown ul li, .wcml-dropdown ul li:hover, .wcml-dropdown ul li:focus { background: transparent; } .site-header .woocommerce .wcml-dropdown.product, .site-header .wcml-dropdown>ul, .site-header .wcml-dropdown .wcml-cs-active-currency, .site-header .wcml-dropdown a.wcml-cs-item-toggle { height: 100%; } .product.wcml-dropdown { width: auto; } .product.wcml-dropdown li>a, .product.wcml-dropdown .wcml-cs-active-currency>a, .product.wcml-dropdown .wcml-cs-active-currency:hover>a, .product.wcml-dropdown .wcml-cs-active-currency:focus>a { background: transparent; color: inherit; } .wcml-dropdown ul a.wcml-cs-item-toggle { padding: 0; line-height: inherit; } .wcml-dropdown ul a.wcml-cs-item-toggle:after { content: "\e925"; font-family: "et-icon"; margin-left: .5em; border: 0; position: relative; right: auto; top: auto; display: inline; } .wcml-dropdown ul.wcml-cs-submenu { padding-top: 12px; padding: 0; background: #fff; border: 1px solid #ddd; text-align: initial; left: auto; right: auto; margin: 0; min-width: 100%; z-index: 603; } .topbar-right .wcml-dropdown ul.wcml-cs-submenu { right: 0; } .wcml-dropdown ul.wcml-cs-submenu li { border: 0; width: 100%; } .wcml-dropdown ul.wcml-cs-submenu a { color: initial !important; line-height: 1; padding: 12px 20px; margin-left: 0; white-space: nowrap; min-width: 60px; width: auto; height: auto; margin: 0; } .woocommerce .footer-bar .wcml-dropdown.product, .woocommerce .side-menu .wcml-dropdown.product { display: inline-flex; align-items: center; position: relative; } .footer-bar .wcml-dropdown .wcml-cs-submenu, .side-menu .wcml-dropdown .wcml-cs-submenu { bottom: -150%; top: auto; right: 0; } .footer-bar .wcml-dropdown a.wcml-cs-item-toggle, .side-menu .wcml-dropdown a.wcml-cs-item-toggle { color: initial; } /* ## Plugin: WooCommerce Add-ons / PPOM Custom Fields ------------------------------------------------------- */ .et-product-detail .wc-pao-addon-name, .product-addon-totals .wc-pao-col2, .ppom-wrapper label, #ppom-price-container table .ppom-price-item { color: #282828; } .product-addon-totals strong { font-weight: normal; } .wc-pao-addon-description { font-size: 0.9em; } .wc-pao-addon .form-row:first-of-type { margin-top: 8px; margin-bottom: 8px; } .wc-pao-addon .form-row + .form-row { margin-bottom: 8px; } .wc-pao-addon-image-swatch-select, .sticky-product-bar-content .wc-pao-addon, .sticky-product-bar-content #product-addons-total, .sticky-product-bar-content .wc-gzd-product-addons-shopmarks, .sticky-product-bar-content .ppom-wrapper, .sticky-product-bar-content .free-shipping-progress-bar { display: none !important; } .wc-pao-addon-image-swatch { outline: 2px solid #ddd; } .wc-pao-addon-image-swatch:active, .wc-pao-addon-image-swatch:focus, .wc-pao-addon-image-swatch:hover { outline: 2px solid #999; } .wc-pao-addon-image-swatch.selected { outline: 2px solid #282828; } .wc-pao-addon h3 { margin-bottom: 12px; } .ppom-wrapper .ppom-field-wrapper .form-control:focus { outline: 0; border-color: currentColor; box-shadow: none; } #ppom-price-container table tr { background: none !important; } #ppom-price-container table th, #ppom-price-container table td { font-weight: normal; padding: 0.75rem 0; } #ppom-price-container table .ppom-price-item { text-align: right; } /* ## Plugin: WOOF Products Filter ------------------------------------------------------- */ .woof_childs_list_opener span { background: none !important; } .woof_childs_list_opener span:after { content: "\e925"; font-family: "et-icon"; font-weight: normal; transform: none; } .woof_childs_list_opener span.woof_is_opened:after { content: "\e914"; transform: rotate(180deg); } .woof_childs_list_opener:after, .woof_front_toggle:after { content: ''; display: none; } .woof_front_toggle { font-size: 0; color: inherit; } .woof_front_toggle:before { content: "\e914"; font-family: "et-icon"; font-weight: normal; transform: rotate(180deg); font-size: 16px; } .woof_front_toggle.woof_front_toggle_closed:before { transform: none; content: "\e925"; } .woof_section_scrolled, .woof_container_color .woof_block_html_items { position: relative; overflow: hidden !important; } .woof_submit_search_form_container { padding: 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .woof_container .woof_container_inner input[type="search"] { border: 2px solid #ddd; } .woof input[type=checkbox], .woof input[type=radio] { display: inline-flex; margin: 0; } .woof input[type=radio] { display: none; } .woof .woof_radio_label_selected { font-weight: normal; } .woof_products_top_panel { z-index: inherit; } .woof_products_top_panel li a, .woof_products_top_panel li button { position: relative; padding: 0 30px 0 10px; display: inline-block; line-height: 30px; color: initial; background: rgba(0,0,0,.08); border-radius: 15px; margin-right: 10px; margin-bottom: 5px; border: 0; } .woof_price_filter_radio:checked + label, .woof_price_filter_radio:checked + span + label, .woof input[type=radio]:checked + .woof_radio_label_selected { margin-bottom: 5px; position: relative; padding: 0 30px 0 10px; margin-left: -10px; display: inline-flex; align-items: center; line-height: 30px; color: #000; background: rgba(0,0,0,.08); border-radius: 15px; border: 0; } .woof .woof_radio_term_reset:before, .woof .woof_radio_price_reset:before, .woof_products_top_panel li span:before, .woof_products_top_panel li button:before { position: absolute; right: 10px; content: "\e928"; font-family: "et-icon"; font-size: 14px; line-height: inherit; color: inherit; opacity: .5; transition: opacity 0.2s ease; } .woof .woof_radio_term_reset:before, .woof .woof_radio_price_reset:before { position: relative; background: transparent; top: auto; left: auto; right: auto; bottom: auto; height: auto; width: auto; } .woof .woof_radio_term_reset.woof_radio_term_reset_visible, .woof .woof_radio_price_reset.woof_radio_term_reset_visible { display: inline-flex !important; justify-content: center; align-items: center; width: 30px; height: 30px; margin-left: -36px; } .woof_price_filter_radio + span, .woof .woof_radio_term_reset img, .woof .woof_radio_price_reset img { display: none; } .woof_products_top_panel li span { padding: 0; background: none !important; } .woof .woof_childs_list { padding: 0 !important; } .woof_list label, .woof_container label { position: relative; padding: 0 30px 0 0; margin: 0; } .woof .woof_radio_count, .woof .woof_checkbox_count, .woof_container_inner label span, .woof_color_title span { margin-left: 3px; font-size: 0.8em; opacity: 0.5; } .woof_price_filter label { font-size: 0.8em; } .woof_price_filter label span { font-size: initial; opacity: 1; } ul.woof_list_color li, ul.woof_list_label li { display: inline-block; position: relative; } .woof_list_label li .woof_label_term { width: auto; min-width: 30px; right: 0; background: transparent; } .woof_list_label li .woof_label_term:hover { background: transparent; border-color: currentColor; color: initial; } .woof_color_term { border-radius: 80px; width: 22px; height: 22px; margin: 0 1px; border: 2px solid #fff; box-shadow: 0 0 0 1px #f2f2f2; } .woof_color_term:hover { border: 2px solid #fff; box-shadow: 0 0 0 1px #282828; } .woof_color_term.checked { border-color: #fff; box-shadow: 0 0 0 1px #282828; } ul.woof_list_color.woof_color_title_col li .woof_color_title { height: auto; padding: 0; font-size: inherit; } .woof_label_count { border: 0; top: -0.5em; right: -0.5em; background: #fff; padding: 5px; font-size: 12px; color: rgba(0,0,0,0.3); } .woof_list_label .woof_label_term { height: auto; padding: .2em .5em; font-size: 0.9em; line-height: inherit; } .woof_list_label li .woof_label_term.checked { background: #000; color: #fff; position: relative; padding: 0 30px 0 10px; display: inline-flex; align-items: center; line-height: 30px; color: #000; background: rgba(0,0,0,.08); border-radius: 15px; border: 0; } .woof_list_label li .woof_label_term.checked:after { position: absolute; right: 10px; content: "\e928"; font-family: "et-icon"; font-size: 14px; line-height: inherit; color: inherit; opacity: .5; transition: opacity 0.2s ease; } .woof_container_inner h4 { text-transform: uppercase; font-size: 0.9em; font-weight: normal; letter-spacing: 0.1rem; } .woof_reset_search_form { padding: .375rem 1.025rem; } .woof_price3_search_container { padding: 0 10px 10px 10px; } .woof_price_filter_txt_container { display: flex; justify-content: space-between; } .woof_price_filter_txt_container * { width: 48%;; } .woof .widget_price_filter .ui-slider-horizontal { height: 3px; margin-left: 1px; margin-right: 4px; } .woof .widget_price_filter .price_slider_amount { width: 100%; } .woof .widget_price_filter .price_slider_amount .button { font-size: 1rem; padding: .175rem .925rem; } .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single { background-color: rgba(0,0,0,0.5); padding: 4px 6px; font-size: 13px; } .irs.irs--round .irs-from:before, .irs.irs--round .irs-to:before, .irs.irs--round .irs-single:before { border-top-color: rgba(0,0,0,0.5); } .irs.irs--round .irs-handle { border-color: #333; box-shadow: none; width: 16px; height: 16px; top: 30px; cursor: grab; } .irs.irs--round .irs-line { overflow: inherit; } .irs.irs--round .irs-bar { background-color: #333; } .woof .woof_price_filter_txt_slider { display: flex; } .woof .woof_price_filter_txt { min-width: 0 !important; } .woof .woof_sid_widget .woof_edit_view { float: none; color: cyan; display: none !important; } div.woof_info_popup { background-color: rgba(255,255,255,0.9) !important; font-size: 0; top: 0 !important; left: 0 !important; width: 100%; height: 100%; } .WOOF_Widget .woof .button { color: #fff; } .woof_text_search_container .woof_text_search_go, .woof_sku_search_container .woof_sku_search_go, .woof_sku_search_container .woof_sku_search_reset { position: absolute !important; background: #fff; top: 2px; right: 2px; bottom: 2px; padding: 9px !important; line-height: inherit; height: auto; text-align: center; width: 3em; } .woof_text_search_container .woof_text_search_go:before, .woof_sku_search_container .woof_sku_search_go:before { content: "\e91e"; font-family: 'et-icon'; } .woof_sku_search_container .woof_sku_search_reset:before { content: "\e928"; font-family: 'et-icon'; } .woof_sku_search_container .woof_sku_search_reset .dashicons { display: none; } /* Hide salesonly button - onsale page */ .onsale-products-page .woof_products_top_panel a[data-slug="salesonly"] { display: none; } .woof .chosen-container { display: block; width: 100%; } .woof .chosen-container-single .chosen-single { cursor: pointer; display: block !important; padding: 0.75rem !important; height: calc(2.15em + 0.975rem + 4px) !important; border: 2px solid #ddd; background-color: #fff; outline: 0; width: 100%; } .woof .chosen-container-single .chosen-single div b { display: none; } .woof .chosen-container-single .chosen-single div { display: flex; align-items: center; justify-content: center; font-size: initial; width: 3em; } .woof .chosen-container-single .chosen-single div:before { content: "\e925"; font-family: "et-icon"; } /* ## Plugin: WC Ajax Product Filter ------------------------------------------------------- */ .wcapf-before-products .wcapf-before-update { background-image: none; background: rgba(255,255,255,0.9) !important; /* Override plugin style */ } .wcapf-before-update:after { top: 200px; } .widget.wcapf-ajax-term-filter ul li { margin-bottom: 5px; } .widget.woocommerce li .count, .widget.wcapf-ajax-term-filter ul li .count { float: right; color: #999; font-size: 0.9em; margin-right: 15px; text-align: right; } .widget.wcapf-ajax-term-filter ul li:before { content: ''; display: none; } .widget.wcapf-ajax-term-filter ul li a { display: inline-flex; align-items: center; position: relative; } /* Choosen filters */ .widget.widget_product_categories li.current-cat > a, .widget .wcapf-layered-nav ul li.chosen > a, .widget.woocommerce li.chosen > a, .widget_rating_filter li.chosen > a { position: relative; padding: 0 30px 0 10px; margin-left: -10px; display: inline-flex; align-items: center; line-height: 30px; color: #000; background: rgba(0,0,0,.08); border-radius: 15px; } .widget .wcapf-layered-nav ul li.chosen > a:before { display: none; } .widget .wcapf-layered-nav ul li.chosen > a:after, .widget.widget_product_categories li.current-cat > a:after, .widget.woocommerce li.chosen > a:after, .widget_rating_filter li.chosen > a:after { position: absolute; right: 10px; content: "\e928"; font-family: "et-icon"; font-size: 14px; line-height: inherit; color: inherit; opacity: .5; transition: opacity 0.2s ease; } .widget .wcapf-active-filters a:hover, .widget .wcapf-active-filters a:hover:after, .widget .wcapf-layered-nav ul li.chosen > a:hover, .widget .wcapf-layered-nav ul li.chosen > a:hover:after { color: #000; opacity: 1; } .widget .wcapf-layered-nav .children { max-width: 100%; clear: both; margin: 5px 0 0 0 !important; /* Override plugin style */ padding: 0; } /* Active Filters */ .widget .wcapf-active-filters a { position: relative; padding: 0 30px 0 10px; display: inline-block; line-height: 30px; color: #000; background: rgba(0,0,0,.08); border-radius: 15px; margin-right: 10px; margin-bottom: 5px; } .widget .wcapf-active-filters a.reset { color: #777; background: transparent; white-space: nowrap; } .widget .wcapf-active-filters a:before { display: none; } .widget .wcapf-active-filters a:after { position: absolute; right: 10px; content: "\e928"; font-family: "et-icon"; font-size: 14px; line-height: inherit; color: inherit; opacity: .5; transition: opacity 0.2s ease; } .widget .wcapf-active-filters a:hover:after { opacity: 1; } .select2-container--default .select2-selection--single .select2-selection__clear { padding-right: 10px; } /* ET: Color swatches */ .widget .wcapf-layered-nav ul li > a .et-swatch-circle { height: 14px; width: 14px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; margin-right: 0.5em; } .widget .wcapf-layered-nav ul li > a .et-swatch-circle span { height: 14px; width: 14px; border-radius: 30px; display: flex; align-items: center; justify-content: center; -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5); box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5); } /* Button style */ .widget .wcapf-layered-nav.et-button-wcapf ul li, .widget .wcapf-layered-nav.et-swatch-wcapf ul li { display: inline-flex; margin: 0 10px 5px 0 !important; /* Override plugin style */ padding: 0; } .widget .wcapf-layered-nav.et-button-wcapf ul li > a, .widget .wcapf-layered-nav.et-swatch-wcapf ul li > a { padding: 0 10px 0 10px; display: inline-block; display: inline-flex; align-items: center; line-height: 30px; height: 30px; color: #000; } .widget .wcapf-layered-nav.et-button-wcapf ul li > a { border-radius: 0; } .widget .wcapf-layered-nav.et-swatch-wcapf ul li > a { padding: 0; } .widget .wcapf-layered-nav.et-button-wcapf ul li:not(.chosen) > a:not(.et-color-swatch):not(.et-image-swatch) { border: 1px solid #ddd; } .widget .wcapf-layered-nav.et-button-wcapf ul li > a:not(.et-color-swatch):not(.et-image-swatch):hover { border-color: currentColor; } .widget .wcapf-layered-nav.et-swatch-wcapf ul li.chosen > a, .widget .wcapf-layered-nav.et-button-wcapf ul li.chosen > a { padding: 0 30px 0 10px; margin: 0; border: 0; } /* Swatch only */ .widget .et-swatch-wcapf ul li > a .et-swatch-circle { height: 24px; width: 24px; margin-right: 0; padding: 1px; border: 1px solid transparent; } .widget .et-swatch-wcapf ul li > a .et-swatch-circle span { height: 18px; width: 18px; border-radius: 30px; overflow: hidden; } .widget .wcapf-layered-nav.et-swatch-wcapf ul li.chosen > a .et-swatch-circle { border: 0; } .widget .et-swatch-wcapf ul li > a:hover .et-swatch-circle { border-color: rgba(0,0,0,0.6); } .et-swatch-wcapf ul li > a .name { display: none; } /* Price Filter */ .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .widget .noUi-horizontal { position: relative; height: 3px; background: #000; box-shadow: none; border: none; border-radius: 0; } .widget .noUi-horizontal.noUi-extended { padding-right: 7px; } .widget .noUi-horizontal.noUi-extended .noUi-origin { right: 0; } .widget .noUi-horizontal .noUi-base .noUi-origin:first-child { background: #000; } .widget .noUi-horizontal, .widget .noUi-horizontal .noUi-base .noUi-origin:last-child { background: #ccc; } .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .widget .noUi-horizontal .noUi-handle { position: absolute; top: -5px; left: 0; margin-left: -1px; background: #fff; border: 3px solid #484848; cursor: pointer; width: 12px; height: 12px; -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: none; } .widget .noUi-handle:after, .widget .noUi-handle:before, .widget .wcapf-price-filter-wrapper br { display: none; } .wcapf-price-filter-wrapper { padding: 15px 10px 0; } .widget .slider-values { margin-top: 14px; } .widget .wcapf-price-filter-wrapper .slider-values p { display: inline-block; line-height: 26px; font-size: 0.9em; margin-right: 20px; } .widget .wcapf-price-filter-wrapper .slider-values p + p { margin: 0; } .widget .slider-values p span { color: #000; font-weight: 400; } /* ## Plugin: WooCommerce Wishlist ------------------------------------------------------- */ .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before { margin: 0; } .wishlist_products_counter_text, .tinvwl_add_to_wishlist-text, .tinv-wishlist .tinv-wishlist-clear { display: none; } .wishlist_products_counter_number { position: absolute; right: -3px; top: 0; line-height: 14px; } .wishlist_products_counter, .tinv-wishlist { position: relative; } .site-header a.wishlist_products_counter.top_wishlist-heart:before { font-size: 24px; } ul.products li.product .tinvwl_add_to_wishlist_button { margin: 0; } .ftinvwl-animated.ftinvwl-pulse:before { animation: none; } .ftinvwl-animated.ftinvwl-pulse:after { width: 8px; height: 8px; margin: -4px -4px 0 0; left: 0; top: 20%; } /* ## Plugin: Yith Wishlist ------------------------------------------------------- */ a.quick_wishlist { position: relative; } .et-wishlist-counter { display: inline-flex; justify-content: center; align-items: center; font-size: 11px; margin-left: 4px; } .et-wishlist-counter.active { height: 17px; width: 17px; line-height: 17px; background: rgba(0,0,0,0.1); border-radius: 50px; font-size: 10px; text-align: center; animation: .48s zoomIn; font-family: Arial, Helvetica, sans-serif; } .et-wishlist-counter.no-blockui .blockUI, .et-wishlist-counter .blockUI.blockMsg { display: none !important; /* Override plugin style */ } .et-wishlist-counter .blockUI.blockOverlay:after { height: 8px; width: 8px; margin: -4px -4px 0 0; } .yith-wcwl-add-to-wishlist.on-first-load .blockUI { display: none; } .yith-wcwl-form .wishlist-title, .yes-js #yith-wcwl-form .hidden-title-form { margin: 0 0 20px 0; } .woocommerce .wishlist-title h2 { font-size: inherit; color: inherit; padding: 0; } .woocommerce table.wishlist_table { font-size: inherit; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .woocommerce table.wishlist_table thead th { display: none; } .woocommerce table.wishlist_table tr .product-remove .remove { display: block; position: relative; border-radius: 50px; height: 26px; width: 26px; border: 6px solid transparent; } .woocommerce table.wishlist_table tr .product-remove .remove:hover { background: #f8f8f8; } .woocommerce table.wishlist_table thead th, .woocommerce table.wishlist_table tbody td { border: 0; text-align: inherit; padding: 16px 12px; } .wishlist_table .product-stock-status span { display: inline-block; font-size: 0.9em; line-height: 1; padding: 5px 12px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; white-space: nowrap; } .wishlist_table .product-price ins { text-decoration: none; } .wishlist_table .product-stock-status span.wishlist-in-stock { color: #7cc0a6; border: 1px solid #7cc0a6; } .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock { background: #b1b1b1; color: #fff; } .woocommerce .wishlist_table td.product-add-to-cart span.dateadded { font-size: 13px; } .woocommerce .wishlist_table .add_to_cart { display: block !important; /* Override plugin style */ padding: .575rem .75rem; line-height: 1.6; margin: 6px 0; color: #fff; } .woocommerce .wishlist_table .product-add-to-cart .add_to_cart .icon { display: none; } .woocommerce .wishlist_table .product-add-to-cart .remove_from_wishlist { background: transparent; color: #777; } /* Mobile styles */ .wishlist_table.mobile li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .wishlist_table.mobile li .product-checkbox { width: 30px; } .wishlist_table.mobile li .item-wrapper { width: 100%; margin-bottom: 0; } .wishlist_table.mobile.with-checkbox li .item-wrapper { width: calc(100% - 35px); } .wishlist_table.mobile li table.additional-info td { vertical-align: middle; } .wishlist_table tbody .product-quantity input, .wishlist_table.mobile li table.additional-info td.value input { width: 70px; } .wishlist_table.mobile li table.additional-info td.value input { height: calc(1.25em + .975rem + 4px); } .wishlist_table.mobile.with-checkbox li .additional-info-wrapper { padding: 10px 0 0; border-top: 1px solid #ddd; } .wishlist_table.mobile li .additional-info-wrapper .product-remove { text-align: center; } .wishlist_table.mobile li .additional-info-wrapper .product-remove i:before { content: "\e93d"; font-family: "et-icon"; } .wishlist_manage_table.mobile li .item-wrapper .item-details .wishlist-title { border: 0; } .wishlist_table.images_grid li .item-details h3, .wishlist_table.mobile li .item-details h3, .wishlist_table.modern_grid li .item-details h3, .wishlist_table.mobile li .item-details table.item-details-table td.label { font-weight: inherit; font-size: inherit; text-align: initial; margin-top: 0; } .wishlist_table.mobile li table.additional-info td.value, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.value { font-weight: normal; text-align: inherit; } .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.value { font-size: 0.9em; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: 1em; padding: 3px 0; } .wishlist_table.mobile tbody tr, .shop_table.cart .additional-info tbody tr { border: 0; } @media only screen and (max-width: 767px) { .selectBox-dropdown .selectBox-arrow, .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(../img/svg/chevron-down.svg); background-position: calc(100% - 12px) 48%; background-repeat: no-repeat; background-size: 14px 14px; } } .woocommerce .wishlist_table .wishlist-cart-actions { display: flex; margin-top: 10px; } .woocommerce .wishlist_table .datea-dded { font-size: 0.9em; } .woocommerce .wishlist_table .product-add-to-cart .et-quickview-btn { display: none; } /* Popup */ .popup_button.add_to_wishlist { } /* Wishlist empty */ .woocommerce .wishlist_table .wishlist-empty { text-align: center; } /* Share */ .woocommerce .wishlist_table tfoot td { border: 0; border-top: 1px solid #eaeaea; } .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none; margin-bottom: 35px; text-align: center; } .yith_wcwl_wishlist_footer .yith-wcwl-share ul:not([class]) { margin: 0; padding: 0; } .yith-wcwl-share h4.yith-wcwl-share-title { margin: 0 10px; font-size: inherit; font-weight: inherit; color: inherit; } .yith-wcwl-share li.share-button a { background: transparent; color: #282828; text-align: center; font-size: 18px; line-height: 20px; padding: 2px; margin-right: 10px; } .yith-wcwl-share li.share-button a:hover { background: transparent; } .yith-wcwl-share .fa { font-family: 'et-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .yith-wcwl-share .fa-facebook:before { content: "\e903" !important; } .yith-wcwl-share .fa-twitter:before { content: "\e902" !important; } .yith-wcwl-share .fa-pinterest:before { content: "\e904" !important; } .yith-wcwl-share .fa-envelope-o:before { content: "\e913" !important; } .yith-wcwl-share .fa-whatsapp:before { content: "\e911" !important; } .yith-wcwl-after-share-section:before { text-align: center; } .yith-wcwl-after-share-section .copy-target { border: 0; background: #f2f2f2; width: 100%; max-width: 600px; margin: 0 auto; text-align: center; } .yith-wcwl-after-share-section small { display: block; margin-top: 10px; } .yith-wcwl-form a.show-title-form, .yith-wcwl-form a.hide-title-form { background: transparent; color: inherit; border-color: inherit; cursor: pointer; } /* ## Plugin: YITH WooCommerce Gift Cards ------------------------------------------------------- */ .gift-this-product-title { font-size: 1.5em; } .btn.give-as-present { border: 2px solid currentColor; } .ywgc-add-gift-product-to-cart { width: 100%; } /* ## Plugin: YITH Subscriptions ------------------------------------------------------- */ .woocommerce .woocommerce-MyAccount-content .shop_table a.cancel { color: initial; background: transparent; border: 0; } /* ## Plugin: WooCommerce Product Filter ------------------------------------------------------- */ #prdctfltr_woocommerce { width: 100%; margin: 0 0 30px 0; } #prdctfltr_woocommerce.pf_default>span { width: auto; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #282828; } #prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering { padding: 40px 0; background: #f6f6f6; margin: 0 !important; /* Override plugin style */ } #prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter label { font-size: 14px; font-weight: 300; color: #454545; } #prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter label>span:before { content: ""; width: 14px; height: 14px; border: 1px solid #b6b6b6; margin: 0 15px 0 0; } #prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter label>span:hover:before { border-color: #282828; } #prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter label.prdctfltr_active>span:before { border: 3px solid #282828; } #prdctfltr_woocommerce.pf_default .prdctfltr_filter>span { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #282828; margin-bottom: 19px; } #prdctfltr_woocommerce.pf_default .prdctfltr_filter_inner { text-align: left; width: 80%; margin: 0 auto; } #prdctfltr_woocommerce.pf_default #prdctfltr_woocommerce_filter_submit { margin: 0; } #prdctfltr_woocommerce.pf_default .prdctfltr_sale { margin-left: 20px; position: relative; top: 4px; } @media only screen and (max-width: 767px) { #prdctfltr_woocommerce.pf_default .prdctfltr_sale { margin-left: 0; margin-top: 20px; } } #prdctfltr_woocommerce.pf_default .prdctfltr_sale label { color: #282828; font-weight: 500; font-size: 13px; margin: 0; text-transform: capitalize; } #prdctfltr_woocommerce.pf_default .prdctfltr_sale label.prdctfltr_active { color: #647694; } #prdctfltr_woocommerce.pf_default .prdctfltr_sale label.prdctfltr_active span:before { background-position: bottom left; } .prdctfltr_clear { display: none !important; /* Override plugin style */ } /* ## Plugin: WooCommerce Mix and Match ------------------------------------------------------- */ .mnm_table .product-quantity { width: auto; } .product-type-wdm_bundle_product .showcase-row > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wcpb-vertical .wcpb-container .wcpb-gift-box-wrap { border: 1px solid currentColor; padding: 1em; margin-bottom: 2em; } .wcpb-container .wcpb-addon-box-wrap .wcpb-addon-box-items .wcpb-addon-box-item .wcpb-addon-add { color: initial; box-shadow: none; border: 2px solid currentColor; } .wcpb-container .wcpb-addon-quantity-box .wcpb-minus, .wcpb-container .wcpb-addon-quantity-box .wcpb-plus { color: inherit; box-shadow: none; background: transparent; } .wcpb-container .wcpb-message-pricing-wrap { justify-content: center; margin-top: 0; } .wcpb-container .wcpb-message-pricing-wrap .wcpb-add-to-cart-details .cpb-button { height: auto; } .wcpb-message-textarea * { display: block; width: 100%; } .single-product div.product form.cart .mnm_table .quantity, .mnm-mobile-container .column.col-2 .quantity { display: inline-flex; align-items: center; } .mnm-mobile-container .column.col-1, .mnm-mobile-container .column.col-2 { max-width: 50%; } /* ## Plugin: Yith Ajax Search ------------------------------------------------------- */ .yith-s { background-position: 80% center !important; /* Override plugin style */ } .yith-ajaxsearchform-container .screen-reader-text { display: none; } .yith-ajaxsearchform-container .autocomplete-suggestions { border-radius: 0; border: 0; padding: 15px 0; margin-top: 1px; max-width: 100%; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3); box-shadow: 0 1px 1px rgba(0,0,0,0.3); } .yith-ajaxsearchform-container .autocomplete-suggestions .autocomplete-suggestion { font-size: 12px; color: #282828; line-height: 22px; padding: 0 15px; text-align: center; } .yith-ajaxsearchform-container .autocomplete-suggestions .autocomplete-suggestion strong { font-weight: 700; } @media only screen and (min-width: 768px) { .yith-ajaxsearchform-container .autocomplete-suggestions .autocomplete-suggestion { font-size: 14px; line-height: 42px; padding: 0 30px; } .yith-ajaxsearchform-container .autocomplete-suggestions .autocomplete-suggestion:hover { background: #f5f5f5; } } /* ## Plugin: Advanced Woo Search ------------------------------------------------------- */ .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { border-width: 0 0 2px 0; box-shadow: none !important; } .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { background: transparent; color: inherit; } .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before { display: none; } /* ## Plugin: Yith Gift Cards ------------------------------------------------------- */ .et-product-detail .summary .gift_card_template_button { float: none; display: flex; width: 100%; padding-top: 20px; margin: 0; position: relative; } .et-product-detail .gift_card_template_button .gift_card_add_to_cart_button { width: auto; margin: 0; } .product-type-gift-card .summary .post-share { margin-top: 20px; } .ywgc-predefined-amount-button.selected_button .woocommerce-Price-amount { color: inherit; } /* ## Mix and Match ------------------------------------------------------- */ .mnm-mobile-container .column.col-1, .mnm-mobile-container .column.col-2 { max-width: 50%; } .mnm-mobile-container .column.col-2 .quantity { display: inline-flex; } /* # Blocks ------------------------------------------------------- */ .wc-block-grid__product .wc-block-grid__product-price { margin-bottom: 0; } .wc-block-grid__product .wc-block-grid__product-rating, .wc-block-grid__product .wc-block-grid__product-title { margin-bottom: 8px; } .wc-block-grid__product .wc-block-grid__product-title { font-weight: 400; } .wc-block-grid__product .wc-block-grid__product-rating { line-height: 1; margin: 0; position: absolute; right: 0; bottom: 0; } .wc-block-grid__product .wc-block-grid__product-rating .star-rating { text-align: left; } .wc-block-grid__product .wc-block-grid__product-rating .star-rating:before, .wc-block-grid__product .wc-block-grid__product-rating .star-rating span:before { content: "\e92e \e92e \e92e \e92e \e92e"; font-family: "et-icon"; } .wc-block-grid__product .wc-block-grid__product-onsale { position: absolute; top: 5%; left: 5%; display: block; z-index: 2; font-size: 0.75em; font-weight: 400; color: #777; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 20px; padding: 0 10px; text-align: center; letter-spacing: normal; border: 0; margin: 0; text-transform: none; } .wc-block-grid__product-add-to-cart a, .wc-block-grid__product-add-to-cart button { padding: .575rem 1.25rem; font-size: .875em; } .wc-block-grid .wc-block-grid__products .wc-block-grid__product { text-align: initial; overflow: hidden; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .wc-block-grid .wc-block-grid__product-image { display: block; overflow: hidden; position: relative; } .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-6-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-7-columns .wc-block-grid__product, .wc-block-grid.has-8-columns .wc-block-grid__product { font-size: inherit; } .wc-block-grid__product .wc-block-grid__product-price { margin: auto 0 0; } .wc-block-grid__product .wc-block-grid__product-add-to-cart { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; transform: translateY(100%); } .wc-block-grid__product:hover .wc-block-grid__product-add-to-cart { transform: translateY(0%); } .wc-block-grid__product .wc-block-grid__product-add-to-cart button, .wc-block-grid__product .wc-block-grid__product-add-to-cart a, .wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button { background: transparent; border-radius: 0; color: #777; padding: 0; font-weight: 400; font-size: inherit; white-space: nowrap; text-align: initial; } .wc-block-grid__product:hover .wc-block-grid__product-price { opacity: 0; transform: translateY(-100%); } /* Cart/Checkout */ body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus { box-shadow: none !important; outline: none !important; } .wc-block-cart__empty-cart__title + p > a { display: inline-block; line-height: 1.6; font-size: inherit; padding: 0.75rem 1.75rem; border: 2px solid currentColor; } .wp-block-woocommerce-cart-order-summary-block { border: 1px solid currentColor; padding: 30px; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .wc-block-cart__totals-title + .wc-block-components-totals-wrapper:after { display: none; } } /* Reviews */ .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars { font-family: 'et-icon'; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars:before, .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span:before { content: '\e92e \e92e \e92e \e92e \e92e'; }