/* Theme Name: MyMedi Theme URI: https://demo.theme-sky.com/mymedi/ Author: Theme Sky Team Author URI: http://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.7.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: mymedi */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE 4. HEADER BOTTOM 5. MENU MOBILE II. MAIN CONTENT 1. BREADCRUMB 2. LOADING 3. EFFECT IMAGE 4. GALLERY IMAGE 5. RELATED BOX 6. SLIDER 7. CONTACT US 8. BLANK PAGE 9. SLIDER CONTROLS 10. 404 PAGE 11. SEARCH NO RESULTS 12. CUSTOM MYMEDI 13. COMINGSOON III. FOOTER IV. WIDGET 1. WIDGET SUBSCRIPTION 2. TAG CLOUD 3. WIDGET SOCIAL 4. FILTER BY PRICE 5. FILTER BY ATTRIBUTE 6. FILTER BY COLOR 7. WIDGET LIST PRODUCT 8. WIDGET CALENDAR 9. WIDGET SEARCH 10. WIDGET BLOG 11. WIDGET RECENT COMMENTS 12. WIDGET SOCIAL 13. WIDGET RSS 14. WIDGET COMPARE 15. WIDGET PRODUCT CATEGORIES 16. WIDGET TWITTER 17. WIDGET TS SINGLE IMAGE 18. WIDGET CATEGORIES 19. WIDGET FILTER AVAILABILITY 20. WIDGET INSTAGRAM 21. WIDGET FACEBOOK 22. WIDGET FILTER BY RATING 23. WIDGET MAILCHIMP 24. WIDGET PRODUCT FILTER BY BRAND 25. WIDGET NAV MENU 26. WIDGET ARCHIVES V. PRODUCT DEFAULT 1. PRODUCT METAS 2. PRODUCT LABEL 3. GROUP BUTTON ON THUMBNAIL VI. CATEGORIES PRODUCT VII. PRODUCT DETAIL 1. PRODUCT IMAGES 2. PRODUCT SUMMARY 3. PRODUCT TABS VIII. CHECK OUT IX. SHOPPING CART X. POPUP/MODAL XI. MINI SHORTCODE XII. WOOCOMMERCE MESSAGE XIII. MY ACCOUNT XIV. WISHLIST XV. BLOG XVI. BLOG DETAIL XVII. CLOUD ZOOM XVIII. IPAD RESPONSIVE */ /*** Heading Spacing ***/ .ts-heading, .ts-shortcode .heading-tab, .vc_custom_heading, .heading-shortcode, .ts-shortcode .shortcode-heading-wrapper, .ts-product-in-category-tab-wrapper .column-tabs, .ts-shortcode.ts-product-in-product-type-tab-wrapper .heading-tab, .ts-shortcode.ts-product-in-product-type-tab-wrapper .column-tabs{ margin: 0 0 20px 0; } .heading-wrapper, .theme-title, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2{ margin: 0 0 30px 0; } a.button, form.woocommerce-form.track_order button.button, .post-password-form input[type^="submit"]{ min-width: 150px; } .fab.fa-facebook-f:before{ content: "\f39e"; } #main > .page-container.index-template:not(.show_breadcrumb_v1):not(.show_breadcrumb_v2):not(.show_breadcrumb_v3){ padding-top: 50px; } #main > .breadcrumb-title-wrapper + .page-container.index-template:not(.show_breadcrumb_v1):not(.show_breadcrumb_v2):not(.show_breadcrumb_v3){ padding-top: 20px; } /*------------------------------------------------------------- ICONS --------------------------------------------------------------*/ .owl-nav > .owl-prev:before, .owl-nav > .owl-next:before, .icon-group > a:before, .portfolio-like .ic-like:before, #to-top a:before, .search-button:before, .widget_product_search > form:before, span.icon-toggle:before, span.ts-menu-drop-icon:before, .add-to-cart-popup-content .heading h6:before, .top-header-menu ul li.menu-item-has-children > a:after, .widget-title-wrapper a.block-control:after, .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after, #ts-ajax-add-to-cart-message:before, body .woocommerce .cart-empty.woocommerce-info:before, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info:before, .woocommerce.archive #primary > .woocommerce-info:before, .cart-dropdown-form .form-content > label:before, .mailchimp-subscription .mc4wp-error:before, .mailchimp-subscription .mc4wp-success:before, .threesixty .nav_bar a:before, .ts-add-to-wishlist:before, .ts-add-to-compare:before, .product-group-button > div a:before, .product-group-button-meta > div a:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before, .ts-instagram-wrapper .item > a:after, .ts-social-icons .social-icons .ts-tooltip:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before, .breadcrumb-title-wrapper .brn_arrow:before, .filter-widget-area-button a:before, .single-navigation-1 a:before, .single-navigation-2 a:after, .mobile-menu-wrapper .sub-menu .close:before, .vc_images_carousel .vc_left .icon-prev:before, .vc_images_carousel .vc_right .icon-next:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a:before, .theme-default .nivo-directionNav a:before, .widget_recent_comments ul li .comment-author-link:before, .search-no-results .blog-template .alert:before, .product-filter-by-color ul li a:after, .product-filter-by-color ul li a:after, .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, body .pp_arrow_previous:before, body .pp_arrow_next:before, .ts-image-gallery-wrapper .item a:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .widget_layered_nav_filters ul li a:after, div.product .single-navigation > a > span:before, .product-wrapper .color-swatch > div:after, .ts-product-attribute div.option.color a:after{ font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-filter-by-color ul li a:after, .product-filter-by-color ul li a:after, .ts-product-attribute div.option.color a:after, .product-wrapper .color-swatch > div:after, .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .widget-container.product-filter-by-brand ul > li label:after{ content: '\f00c'; font-weight: 900; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .woocommerce .cart-empty.woocommerce-info:before, .cart-dropdown-form .form-content > label:before{ content: "\e82e"; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .woocommerce p.stars a::before, .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating:before, blockquote .rating span:before{ font-size: 12px; letter-spacing: 3px; } .woocommerce p.stars a::before{ font-size: 20px; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .woocommerce p.stars a::before, .ts-testimonial-wrapper .rating:before, .ts-testimonial-wrapper .rating span:before, blockquote .rating:before, blockquote .rating span:before{ content: "\73\73\73\73\73"; font-family: star; text-transform: uppercase; } .woocommerce p.stars a::before, .woocommerce p.stars:hover a::before, .woocommerce p.stars a:hover~a::before, .woocommerce p.stars.selected a.active::before, .woocommerce p.stars.selected a.active~a::before, .woocommerce p.stars.selected a:not(.active)::before{ content: "\73"; text-transform: uppercase; } /*** Arrow ***/ span.icon-toggle:before, span.ts-menu-drop-icon:before, .top-header-menu ul li.menu-item-has-children > a:after, .widget-title-wrapper a.block-control:after, .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after{ content: '\f078'; font-weight: 900; } span.ts-menu-drop-icon.active:before, .woocommerce .woocommerce-ordering .orderby-current.active:after, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before, .header-currency .wcml_currency_switcher > a.active:after, .header-language .wpml-ls-legacy-dropdown > ul > li > a.active:after, .header-language .wpml-ls-legacy-dropdown-click > ul > li > a.active:after{ content: "\f077"; } .top-header-menu ul ul.sub-menu li.menu-item-has-children > a:after, .ts-header .menu-wrapper nav.main-menu > ul ul.sub-menu li .ts-menu-drop-icon:before{ content: "\f054"; /*rtl*/ } /*** Remove/Close ***/ .ts-store-notice .close:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, body .pp_pic_holder a.pp_close:after, .woocommerce table.shop_table .product-remove a:before, .cart_list li .cart-item-wrapper a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before, .filter-widget-area-button a.active:before{ content: "×"; } .woocommerce .widget_layered_nav_filters ul li a:after{ content: "\f00d"; font-weight: 900; } body .pp_pic_holder a.pp_contract:after{ content: "\e88d"; } body .pp_pic_holder a.pp_expand:after{ content: "\e88c"; } .icon-group > a:before{ content: "\f0c1"; font-weight: 900; } .ts-image-gallery-wrapper .item a:after{ content: "\f00e"; font-weight: 900; } /*** Product Group Buttons ***/ .search-button:before, .widget_product_search > form:before, .product-group-button > div.quickshop a:before{ content: "\f002"; font-weight: 900; } .icon-group > a.like:before, .portfolio-like .ic-like:before, .ts-add-to-wishlist:before, .product-group-button > div.wishlist a:before, .product-group-button-meta > div.wishlist a:before{ content: "\f004"; font-weight: 400; } .icon-group > a.already-like:before, .portfolio-like .ic-like.already-like:before, .ts-add-to-wishlist.added:before, .product-group-button > div.wishlist a.added:before, .product-group-button-meta > div.wishlist a.added:before{ content: "\f004"; font-weight: 900; } .ts-add-to-compare:before, .product-group-button > div.compare a:before, .product-group-button-meta > div.compare a:before{ content: "\f036"; font-weight: 900; transform: rotate(-90deg); display: inline-block; } .ts-add-to-compare.added:before, .product-group-button > div.compare a.added:before, .product-group-button-meta > div.compare a.added:before{ content: "\f066"; transform: rotate(0deg); } body:not(.product-style-2) .product-group-button > div.loop-add-to-cart a:before, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .woocommerce .cart-empty.woocommerce-info:before, .cart-dropdown-form .form-content > label:before, .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button:before{ content: "\f291"; font-weight: 900; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before{ content: "\f058"; } /*** Navigation ***/ .single-navigation-1 a:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .vc_images_carousel .vc_left .icon-prev:before, .vc_images_carousel .vc_carousel-control .icon-prev:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-prev:before, .theme-default .nivo-directionNav a.nivo-prevNav:before{ content: "\f100";/* rtl */ font-weight: 900; } .single-navigation-2 a:after, .woocommerce nav.woocommerce-pagination ul li a.next:before, .ts-pagination ul li a.next:before, .vc_images_carousel .vc_right .icon-next:before, .vc_images_carousel .vc_carousel-control .icon-next:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-next:before, .theme-default .nivo-directionNav a.nivo-nextNav:before, .ts-banner.style-category .banner-wrapper .banner-bg:after{ content: "\f101";/* rtl */ font-weight: 900; } .owl-nav > div.owl-prev:before{ content: "\f104";/* rtl */ font-weight: 900; } .owl-nav > div.owl-next:before, .breadcrumb-title-wrapper .brn_arrow:before{ content: "\f105";/* rtl */ font-weight: 900; } body .pp_arrow_next:before, div.product .single-navigation > a > span.next-title:before{ content: "\f0da"; font-weight: 900; } body .pp_arrow_previous:before, div.product .single-navigation > a > span.prev-title:before{ content: "\f0d9"; font-weight: 900; } div.product .single-navigation > a > span.next-title:before{ content: "\f0da"; font-weight: 900; } div.product .single-navigation > a > span.prev-title:before{ content: "\f0d9"; font-weight: 900; } /*** Footer ***/ ul.info-content li.info-location:before{ content: "\e833"; } ul.info-content li.info-phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before{ content: "\e830"; } ul.info-content li.info-email:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{ content: "\e818"; } /*** Shortcode ***/ .ts-instagram-wrapper .item > a:after{ content: '\f16d'; font-family: "Font Awesome 5 Brands"; } /*** Woocommerce Info ***/ #ts-ajax-add-to-cart-message.error:before, .mailchimp-subscription .mc4wp-error:before{ content: "\f057"; } .mailchimp-subscription .mc4wp-success:before{ content: "\f058"; font-weight: 400; } #to-top a:before{ content: '\f102'; font-weight: 900; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info:before, .woocommerce.archive #primary > .woocommerce-info:before, .search-no-results .blog-template .alert:before{ content: '\f071'; font-weight: 900; } .widget_recent_comments ul li .comment-author-link:before{ content: "\f086"; } .threesixty .nav_bar a:before{ content: "\f04b"; font-weight: 900; } .threesixty .nav_bar a.nav_bar_stop:before{ content: "\f04d"; } .threesixty .nav_bar a.nav_bar_previous:before{ content: "\f04a";/* rtl */ } .threesixty .nav_bar a.nav_bar_next:before{ content: "\f04e";/* rtl */ } .filter-widget-area-button a:before{ content: "\f0b0"; font-weight: 900; } .ts-social-icons .social-icons:not(.style-vertical) .ts-tooltip:before{ content: "\f0d7"; font-weight: 900; } #ts-ajax-add-to-cart-message:before, .add-to-cart-popup-content .heading h6:before{ content: "\f00c"; font-weight: 900; } .mobile-menu-wrapper .sub-menu .close:before{ content: "\f053"; font-weight: 900; } #ts-ajax-add-to-cart-message.error:before{ content: "\f00d"; font-weight: 900; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{ content: "\f658"; font-weight: 900; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before{ content: "\f87b"; font-weight: 900; } /*------------------------------------------------------------- I. HEADER --------------------------------------------------------------*/ /*** HEADER STICKY ***/ header .logo img{ transition: 350ms ease 0s; } .header-sticky{ position: relative; z-index: 993; width: 100%; } .header-v2 .header-sticky{ z-index: initial; } .header-v2 .sticky-wrapper.is-sticky .header-sticky{ z-index: 993; } .sticky-wrapper.is-sticky .header-sticky img.sticky-logo{ display: block; } .sticky-wrapper.is-sticky .header-sticky img.mobile-logo, .sticky-wrapper.is-sticky img.normal-logo{ display: none; } .sticky-wrapper.is-sticky .logo-sticky{ opacity: 1; width: auto; height: auto; padding: 5px 0; position: relative; display: table-cell; } header .sticky-wrapper.is-sticky .header-sticky{ -webkit-animation: animation_fade 500ms ; /* Chrome, Safari, Opera */ -moz-animation: animation_fade 500ms; animation: animation_fade 500ms; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } header .sticky-wrapper.is-sticky .header-sticky .logo-wrapper{ height: 70px; } .sticky-wrapper.is-sticky .header-sticky > .container{ padding-top: 5px; padding-bottom: 5px; } .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container, .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container, header .sticky-wrapper.is-sticky .wcml_currency_switcher > ul, header .sticky-wrapper.is-sticky .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, header .sticky-wrapper.is-sticky .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu{ padding-top: 42px; } .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container:before, .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container:before, header .sticky-wrapper.is-sticky .wcml_currency_switcher > ul:before, header .sticky-wrapper.is-sticky .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, header .sticky-wrapper.is-sticky .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 17px; } #page header .sticky-wrapper.is-sticky .header-sticky:before{ position: absolute; left: 0; right: 0; bottom: -15px; content: ""; height: 15px; background-image: url(images/shadow-header.png); background-position: top left; display: block; } .ts-header{ padding: 0; display: block; } .ts-header .header-container{ position: relative; } /* Header Transparent */ .header-transparent .header-template{ position: absolute; z-index: 993; left: 0; right: 0; top: 0; } .header-transparent .header-template > div:not(.is-sticky) .header-middle, .header-transparent .header-template > .header-middle{ background: transparent; } .header-transparent .header-template > div:not(.is-sticky) .header-middle:after, .header-transparent .header-template > .header-middle:after{ display: none; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav.main-menu > ul.menu > li > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .header-language .wpml-ls > ul > li > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .header-currency .wcml_currency_switcher > a{ color: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .ts-menu > nav.main-menu > ul.menu > li:hover > .ts-menu-drop-icon, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li:hover > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .header-language .wpml-ls > ul > li:hover > a{ color: inherit; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li > a .menu-label:before, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-item > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current_page_parent > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-parent > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current_page_item > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-ancestor > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-page-ancestor > a, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-product_cat-ancestor > a{ color: #cccccc; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-wishlist-wrapper > a .wishlist-number, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .shopping-cart-wrapper .cart-control .cart-number{ background-color: #ffffff; font-weight: 700; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .shopping-cart-wrapper svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-wishlist-wrapper svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .search-button svg path, .header-transparent.header-text-light .header-template > div:not(.is-sticky) .my-account-wrapper svg path{ stroke: #ffffff; } .header-transparent.header-text-light .header-template > div:not(.is-sticky) .ic-mobile-menu-button svg path{ fill: #ffffff; } .vc_row:not(.vc_row-o-equal-height)>.vc_column_container.align-bottom, .vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.vc_column_container.align-bottom{ -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } /*------------------------------------------------------------- 1. MENU --------------------------------------------------------------*/ /* Fix Menu For Theme Default WP */ nav > ul.menu > ul{ padding: 0; margin: 0; } nav > ul.menu > ul:after{ display: table; content: ""; clear: both; } nav > ul.menu > ul > li{ list-style: none; float: left;/* rtl */ padding: 0; margin: 0; } nav > ul.menu > ul > li > a{ font-size: 15px; line-height: 18px; padding: 15px 20px; text-transform: uppercase; color: #000000; display: inline-block; text-decoration: none; } nav > ul.menu li > a, nav > ul.menu > ul > li > a:hover{ text-decoration: none; } nav > ul.menu > li > a .menu-label, header .menu-wrapper{ position: relative; } header .menu-wrapper .ts-menu:after{ display: table; content: ""; clear: both; } li.hide ul.sub-menu{ display: none !important; } .ts-header .menu-wrapper nav > ul.menu li:before, .widget_nav_menu > div > ul.menu li:before, nav.mobile-menu > ul li:before{ font-family: 'Font Awesome 5 Free'; font-weight: 400; letter-spacing: 0; float: left;/* rtl */ z-index: 1; margin-right: 10px;/* rtl */ transition: 350ms ease 0s; } .ts-header .menu-wrapper nav > ul.menu li.fab:before, .widget_nav_menu > div > ul.menu li.fab:before, nav.mobile-menu > ul li.fab:before{ font-family: 'Font Awesome 5 Brands'; } .ts-header .menu-wrapper nav > ul.menu li.fa:before, .ts-header .menu-wrapper nav > ul.menu li.fas:before, .widget_nav_menu > div > ul.menu li.fa:before, .widget_nav_menu > div > ul.menu li.fas:before, nav.mobile-menu > ul li.fa:before, nav.mobile-menu > ul li.fas:before{ font-weight: 900; } /* SUB MENU */ @-moz-keyframes animation_menu{ 0%{ visibility: hidden; transform: scale(1,0.7); } 100%{ visibility: visible; transform: scale(1,1); } } @-webkit-keyframes animation_menu{ 0%{ visibility: hidden; transform: scale(1,0.7); } 100%{ visibility: visible; transform: scale(1,1); } } @keyframes animation_menu{ 0%{ visibility: hidden; transform: scale(1,0.7); } 100%{ visibility: visible; transform: scale(1,1); } } .ts-header .menu-wrapper nav > ul.menu ul.sub-menu li:hover > ul.sub-menu{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; display: block; } @-moz-keyframes animation_menu_sub{ 0%{ opacity: 0; visibility: hidden; transform: scale(0.7,1); } 100%{ opacity: 1; visibility: visible; transform: scale(1,1); } } @-webkit-keyframes animation_menu_sub{ 0%{ opacity: 0; visibility: hidden; transform: scale(0.7,1); } 100%{ opacity: 1; visibility: visible; transform: scale(1,1); } } @keyframes animation_menu_sub{ 0%{ opacity: 0; visibility: hidden; transform: scale(0.7,1); } 100%{ opacity: 1; visibility: visible; transform: scale(1,1); } } .header-sticky .container{ display: table; table-layout: auto; } .header-sticky .container > *{ display: table-cell; vertical-align: middle; } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .menu-right .ts-menu{ float: right;/* rtl */ } .menu-center.menu-wrapper{ text-align: center; } .menu-center.menu-wrapper > .ts-menu{ display: table; margin-left: auto; margin-right: auto; } .menu-wrapper nav > ul.menu, .menu-wrapper nav > ul{ margin: 0; display: inline-block; vertical-align: bottom; } .ts-header .menu-wrapper nav > ul.menu > li, .ts-header .menu-wrapper nav > ul > li{ float: left;/* rtl */ list-style: none; position: relative; padding: 0; margin: 0 30px 0 0;/* rtl */ } .ts-header .menu-wrapper nav > ul.menu > li.parent, .ts-header .menu-wrapper nav > ul > li.parent{ padding-right: 12px; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu > li:after, .ts-header .menu-wrapper nav > ul > li:after{ display: table; content: ""; clear: both; } .ts-header .menu-wrapper.menu-padding-item nav > ul.menu{ display: table; } .ts-header .menu-wrapper.menu-padding-item nav > ul.menu > li{ display: table-cell; float: none; vertical-align: top; } .menu-wrapper ul li .ts-menu-drop-icon{ font-size: 10px; letter-spacing: 0; width: 10px; right: -3px; /*rtl*/ } .header-v7 .menu-wrapper ul li .ts-menu-drop-icon{ top: 17px; } .menu-desc{ font-size: 80%; line-height: 14px; } header .logo-header a{ padding: 0; } header .logo-header a:before{ display: none !important; } .ts-header .menu-wrapper nav > ul.menu > li:hover, .ts-header .menu-wrapper nav > ul > li:hover{ z-index: 993; } .ts-header .menu-wrapper nav > ul.menu > li a:hover, .ts-header .menu-wrapper nav > ul > li a:hover{ text-decoration: none; } .ts-header .menu-wrapper nav > ul.menu > li > a, .ts-header .menu-wrapper nav > ul > li > a{ text-align: center; } .ts-header .menu-wrapper nav > ul.menu > li > a, .ts-header .menu-wrapper nav > ul > li > a, .ts-header .menu-wrapper nav > ul.menu > li:before{ padding-top: 5px; padding-bottom: 5px; } .ts-header .menu-wrapper nav > ul.menu > li > a, .ts-header .menu-wrapper nav > ul > li > a{ display: block; position: relative; float: left;/* rtl */ } .ts-header .menu-wrapper nav > ul.menu li .menu-icon, .mobile-menu ul.menu li .menu-icon{ position: relative; max-width: 16px; display: inline-block; vertical-align: middle; line-height: 0; margin-right: 10px;/* rtl */ top: -2px; } .widget_nav_menu .menu-sub-label{ top: -10px; } .menu-sub-label{ position: absolute; left: 100%; /* rtl */ top: 3px; padding: 1px 2px; line-height: 14px; font-size: 65%; color: #ffffff; font-weight: normal; text-align: center; min-width: 35px; } header .sub-menu .menu-sub-label{ top: -12px; } .menu-sub-label:before{ content: ""; width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid transparent; /*rtl*/ border-bottom: 6px solid transparent; transform: rotate(15deg); position: absolute; left: 8px; /*rtl*/ bottom: -5px; } /* SUB MENU */ .ts-menu-drop-icon{ position: absolute; right: -10px;/* rtl */ left: auto; top: 12px; line-height: 14px; width: 14px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ position: absolute; z-index: 999; left: -40px;/* rtl */ top: 100%; margin: 0; padding: 40px 40px 30px 40px; transform-origin: 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; width: 220px; display: none; } .ts-header .menu-wrapper nav > ul.menu li:hover > ul.sub-menu{ display: block; -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; } @-moz-keyframes animation_fade{ 0%{ opacity: 0; visibility: hidden; } 100%{ opacity: 1; visibility: visible; } } @-webkit-keyframes animation_fade{ 0%{ opacity: 0; visibility: hidden; } 100%{ opacity: 1; visibility: visible; } } @keyframes animation_fade{ 0%{ opacity: 0; visibility: hidden; } 100%{ opacity: 1; visibility: visible; } } @-moz-keyframes animation_fade_out{ 0%{ opacity: 1; visibility: visible; } 100%{ opacity: 0; visibility: hidden; } } @-webkit-keyframes animation_fade_out{ 0%{ opacity: 1; visibility: visible; } 100%{ opacity: 0; visibility: hidden; } } @keyframes animation_fade_out{ 0%{ opacity: 1; visibility: visible; } 100%{ opacity: 0; visibility: hidden; } } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu:before{ content: ""; position: absolute; top: 10px; right: 0; left: 0; bottom: 0; z-index: 1; box-shadow: 0 5px 5px rgba(0,0,0,0.1); background-size: auto; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ left: 100%; /* rtl */ width: 260px; padding: 32px 40px 32px 80px;/* rtl */ top: -30px; } .ts-header .menu-wrapper ul ul.sub-menu li .ts-menu-drop-icon { top: 11px; right: 0; /* rtl */ } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu{ top: -34px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu > li:first-child ul.sub-menu{ top: -32px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu:before{ left: 40px;/* rtl */ top: 2px; } .ts-header .menu-wrapper nav > ul.menu ul.sub-menu li, .ts-header .menu-wrapper nav li.widget_nav_menu li, .ts-header .menu-wrapper nav div.list-link li{ list-style: none; padding: 5px 0; position: relative; z-index: 2; display: block; margin: 0; } .ts-header .menu-wrapper nav > ul.menu li.ts-normal-menu ul.sub-menu li{ padding: 6px 0; } .ts-header .menu-wrapper nav > ul.menu li, .ts-header .menu-wrapper nav li.widget_nav_menu li, .ts-header .menu-wrapper nav div.list-link li{ line-height: 24px; } header .header-currency ul li, header .header-language ul li, header .wpml-ls-legacy-dropdown a{ line-height: 20px; } .ts-header .menu-wrapper nav > ul.menu ul.sub-menu li > a, .ts-header .menu-wrapper nav li.widget_nav_menu li > a, .ts-header .menu-wrapper nav div.list-link li > a, .widget_nav_menu .menu > li > a, .widget_nav_menu div.list-link li > a{ padding: 0; display: table; position: relative; } .menu-wrapper nav > ul.menu li.hide > ul.sub-menu, .menu-wrapper nav > ul.menu > li.parent.hide:hover > a:after{ display: none; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ z-index: 990; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu{ z-index: 991; } .list-link{ position: relative; z-index: 1; } .menu-wrapper nav .ts-megamenu .sub-menu li{ list-style: none; } .menu-wrapper nav li.widget ul, .menu-wrapper nav div.list-link ul{ margin: 0; } .menu-wrapper nav > ul.menu > li ul li.widget_nav_menu{ padding: 0 20px; max-width: 100%; } .ts-header .menu-wrapper nav div.list-link{ position: relative; } .menu-wrapper nav > ul.menu > li ul li.widget_text{ padding: 0 20px; } .menu-wrapper nav > ul.menu ul.sub-menu li > a, .menu-wrapper nav div.list-link li > a, .menu-wrapper nav > ul.menu li.widget_nav_menu li > a, .widget-container div.list-link li > a, .widget-container ul.menu li.widget_nav_menu li > a, .widget-container ul.menu ul.sub-menu li > a{ transition: 350ms ease 0s; } .ts-megamenu .wpb_button, .ts-megamenu .wpb_content_element{ margin: 0 !important; padding: 0 !important; } .menu-wrapper nav div.ts-megamenu-widgets-container > ul > li{ position: relative; z-index: 1; } .menu-wrapper nav div.ts-megamenu-widgets-container li.widget_text{ position: static; } .sub-menu > li > .ts-megamenu-container{ margin-left: auto; margin-right: auto; } /*** Mega Menu ***/ .ts-header .menu-wrapper nav > ul.menu li .ts-megamenu-widgets-container > ul{ padding: 0; margin: 0; width: auto; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu > ul.sub-menu > li{ padding: 0 !important; margin: 0; display: block; } .mg-col-2 > div, .mg-col-3 > div, .mg-col-4 > div, .menu-wrapper nav li.ts-megamenu-columns-2 .ts-megamenu-widgets-container > ul > li, .menu-wrapper nav li.ts-megamenu-columns-3 .ts-megamenu-widgets-container > ul > li, .menu-wrapper nav li.ts-megamenu-columns-4 .ts-megamenu-widgets-container > ul > li{ float: left; /*rtl*/ } .menu-wrapper nav li.ts-megamenu-columns-2 .ts-megamenu-widgets-container > ul > li:nth-child(2n+1), .menu-wrapper nav li.ts-megamenu-columns-3 .ts-megamenu-widgets-container > ul > li:nth-child(3n+1), .menu-wrapper nav li.ts-megamenu-columns-4 .ts-megamenu-widgets-container > ul > li:nth-child(4n+1){ clear: both; } .ts-header .menu-wrapper .ts-megamenu-fullwidth-stretch > .sub-menu > li{ width: 100%; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: 1240px; margin: 0 auto !important; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 880px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 660px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 440px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu{ width: 220px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul, .mobile-menu > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul{ margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li, .mobile-menu > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li{ padding: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 14.28%; /* 7 columns */ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth.equal-width .ts-megamenu-widgets-container > ul > li{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu ul.sub-menu{ padding-top: 52px; padding-bottom: 50px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container .widget_media_image, .mobile-menu > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container .widget_media_image{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ts-megamenu-widgets-container .widget_media_image > a{ border-width: 1px; border-style: solid; overflow: hidden; } .ts-megamenu-widgets-container .widget_media_image > a img{ max-width: calc(100% + 2px) !important; width: calc(100% + 2px) !important; margin-right: -1px; /*rtl*/ transition: 350ms ease; } .ts-megamenu-widgets-container .widget_media_image > a:hover img{ opacity: 0.5; } .ts-megamenu-widgets-container .widget_media_image > a.new, .menu-wrapper nav > ul.menu ul.sub-menu li .widget_media_image > a.new{ position: static; } .ts-megamenu-widgets-container .widget_media_image > a.new:before{ content: ''; width: 53px; height: 30px; background: url(images/new.svg) no-repeat center; background-size: contain; position: absolute; top: -10px; right: 15px;; /*rtl*/ } .ts-megamenu-widgets-container .widget .widgettitle{ margin: 0 0 20px 0; line-height: 24px; } .ts-megamenu-widgets-container .widget.widget_media_image .widgettitle{ order: 2; margin: 20px 0 0; text-align: center; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu:not(.category-bold) .ts-list-of-product-categories-wrapper ul{ margin-bottom: 40px; } .ts-header .menu-wrapper nav > ul.menu .ts-megamenu .ts-list-of-product-categories-wrapper + .ts-button-wrapper.button-text{ display: block; margin-top: 5px; } .ts-header .menu-wrapper nav > ul.menu .ts-megamenu-fullwidth-stretch:not(.no-stretch-content) ul.sub-menu .vc_row{ max-width: 100%; } .menu-wrapper nav li.ts-megamenu-columns-4 .widget_nav_menu, .mg-col-4 > div{width: 25%;} .menu-wrapper nav li.ts-megamenu-columns-3 .widget_nav_menu, .mg-col-3 > div{width: 33.33333%} .menu-wrapper nav li.ts-megamenu-columns-2 .widget_nav_menu, .mg-col-2 > div{width: 50%;} .menu-wrapper nav li.ts-megamenu-columns-1 .widget_nav_menu, .mg-col-1 > div{width: 100%} .ts-megamenu-columns-2 li.widget, .ts-megamenu-columns-3 li.widget, .ts-megamenu-columns-4 li.widget, .ts-megamenu-fullwidth li.widget{ padding: 0 20px; } .ts-megamenu-columns-1 li.widget{ clear: both; width: 100%; } .ts-megamenu-columns-2 li.widget{ width: 50%; } .ts-megamenu-columns-3 li.widget{ width: 33.3333%; } .ts-megamenu-columns-4 li.widget{ width: 25%; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 li.widget, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 li.widget, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 li.widget{ margin-top: 30px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu li.ts-single-image .ts-effect-image{ margin-top: 10px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 li.widget:nth-child(1), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 li.widget:nth-child(2), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 li.widget:nth-child(1), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 li.widget:nth-child(2), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 li.widget:nth-child(3), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 li.widget:nth-child(1), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 li.widget:nth-child(2), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 li.widget:nth-child(3), .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 li.widget:nth-child(4){ margin-top: 0; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child[class*=fa].nopd > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa].nopd > a{ padding-left: 25px; /*rtl*/ padding-right: 0; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li.nopd:first-child:before, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li.nopd:first-child:before{ left: 0; /*rtl*/ } /*------------------------------------------------------------- 2. HEADER TOP --------------------------------------------------------------*/ /*** Store Notice ***/ .ts-store-notice{ position: relative; } .header-v4 .ts-store-notice, .header-v5 .ts-store-notice, .header-v6 .ts-store-notice{ border-width: 0 0 1px; border-style: solid; } .ts-store-notice > .container{ padding-top: 8px; padding-bottom: 8px; padding-right: 35px; /*rtl*/ line-height: 20px; } .header-v1 .ts-store-notice .close:before{ color: inherit; } .header-v1 .ts-store-notice, .header-v2 .ts-store-notice, .header-v7 .ts-store-notice, .header-v9 .ts-store-notice{ text-align: center; } .ts-store-notice .close{ position: absolute; width: 18px; height: 18px; line-height: 18px; top: 50%; right: 10px; /*rtl*/ margin-top: -10px; display: block; } /*** Header Top ***/ .header-top > .container{ display: table; } .header-v1 .header-top{ background: transparent; border-width: 0 0 1px; border-style: solid; } .header-v1 .header-top > .container{ padding-top: 5px; padding-bottom: 5px; } .header-top > .container .header-left{ width: 32%; line-height: 20px; } .header-top > .container > div{ vertical-align: middle; display: table-cell; line-height: 32px; } .header-top div.header-left > div{ float: left;/* rtl */ margin-left: 0;/* rtl */ margin-right: 25px;/* rtl */ position: relative; } .header-top div.header-right > *{ float: right;/* rtl */ padding: 0 25px; position: relative; } .header-top div.header-right > *:first-child{ padding-right: 0; /*rtl*/ } .header-top div.header-right > .top-header-menu{ padding: 0; } .header-top div.header-right > *:not(.top-header-menu):not(:first-child){ border-width: 0 1px 0 0; border-style: solid; } /*** Currency / Language ***/ .header-top .header-currency > .wcml_currency_switcher > a{ line-height: 32px; } body .header-top .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, body .header-top .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ line-height: 28px; } body .header-top .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-top .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-top .header-currency ul { padding-top: 20px; } header .header-top .wcml_currency_switcher > ul:before{ top: 1px; } header .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, header .header-top .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before { top: 2px; } .header-top .wpml-ls-legacy-dropdown>ul { line-height: 0; } /*** Top Navigation ***/ .header-top ul{ font-size: 0; } .top-header-menu ul li{ position: relative; } .top-header-menu > ul > li{ border-width: 0 1px 0 0; border-style: solid; } .top-header-menu > ul > li > a{ padding: 0 25px; } .top-header-menu ul li.menu-item-has-children > a:after{ display: inline-block; vertical-align: middle; font-size: 10px; line-height: 14px; margin-left: 5px; /*rtl*/ margin-top: -1px; } .top-header-menu ul ul.sub-menu li.menu-item-has-children > a{ position: static; } .top-header-menu ul ul.sub-menu li.menu-item-has-children > a:after{ position: absolute; top: 50%; right: 0; /*rtl*/ margin-top: -7px; } .top-header-menu > ul li ul.sub-menu{ position: absolute; z-index: 999; left: -60px; /*rtl*/ top: 100%; margin: 0; padding: 20px 30px; transform-origin: 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; width: 220px; display: none; } .top-header-menu > ul li ul.sub-menu:before{ position: absolute; left: 0; right: 0; top: 1px; bottom: 0; content: ""; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: block; } .top-header-menu > ul li:hover > ul.sub-menu{ display: block; -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; } .top-header-menu > ul li ul.sub-menu li{ display: block; } .top-header-menu > ul li:hover > ul.sub-menu li:hover > ul.sub-menu { -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; padding: 20px 30px 20px 60px; /*rtl*/ display: block; } .top-header-menu > ul li:hover > ul.sub-menu ul.sub-menu{ left: 100%; /*rtl*/ top: -20px; } .top-header-menu > ul li:hover > ul.sub-menu ul.sub-menu:before{ left: 30px; /*rtl*/ } /*** Sharing / Info ***/ .header-left > div{ float: left;/* rtl */ position: relative; } .header-top ul{ margin: 0; padding: 0; } .header-top ul li{ list-style: none; display: inline-block; vertical-align: middle; padding: 0; line-height: 32px; } .ts-header-social-icons ul{ padding: 0; margin: 0; } .ts-header-social-icons ul li{ display: inline-block; vertical-align: middle; list-style: none; padding: 0 8px; } .ts-header-social-icons ul li:first-child{ padding-left: 0; /*rtl*/ } .ts-header-social-icons ul li:last-child{ padding-right: 0; /*rtl*/ } .header-v2 .header-middle .header-right > .ts-header-social-icons, .header-v3 .header-middle .header-right > .ts-header-social-icons{ display: none; } .header-top a, .header-middle a, .header-bottom a{ color: inherit; } /*------------------------------------------------------------- 3. HEADER MIDDLE --------------------------------------------------------------*/ .header-middle{ position: relative; border-width: 0 0 1px; border-style: solid; } .header-transparent .header-middle, .is-sticky .header-sticky{ border-width: 0; } .header-middle > .container{ position: relative; padding-top: 10px; padding-bottom: 10px; } .header-middle div.header-right > div{ min-width: 46px; float: right;/* rtl */ } .header-language .wpml-ls > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after{ border: 0; position: static; display: inline-block; font-size: 10px; line-height: 30px; margin: 0 0 0 5px;/* rtl */ } .header-currency .wcml_currency_switcher > a:after{ position: relative; top: -2px; } .language-currency{ padding-right: 40px; /*rtl*/ margin-right: 30px; /*rtl*/ position: relative; } .language-currency:after{ content: ''; width: 1px; height: 26px; border-width: 0 1px 0 0; border-style: solid; position: absolute; top: 50%; right: 0; margin-top: -13px; } .language-currency > div{ position: relative; display: block; float: right; /*rtl*/ margin-left: 20px; /*rtl*/ } .header-middle .header-right > .header-contact{ max-width: 40%; } .header-middle .header-right > .header-contact, .header-middle .header-right > .ts-header-social-icons, .header-middle .header-right > .menu-wrapper{ min-height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-v8 .header-middle .header-right > .header-contact{ line-height: 46px; } .header-v2 .header-middle .header-right > .header-contact, .header-v8 .header-middle .header-right > .header-contact{ margin-right: 15px; /*rtl*/ } .ts-header .menu-wrapper ul li:hover a:not(.button){ color: inherit; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:last-child, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:last-child{ margin: 0 10px 0 0; /*rtl*/ padding-right: 0; /*rtl*/ } .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:last-child, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:last-child{ margin: 0 5px 0 0; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a > .menu-sub-label, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a > .menu-sub-label, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a > .menu-sub-label, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a > .menu-sub-label{ top: -7px; left: calc(100% - 30px); /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .search-menu-wrapper{ margin-right: 60px; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .search-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-v3 .ts-header .header-middle .header-right .search-menu .ts-search-by-category{ order: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li .ts-menu-drop-icon, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li .ts-menu-drop-icon, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li .ts-menu-drop-icon, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li .ts-menu-drop-icon{ top: 17px; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:last-child .ts-menu-drop-icon, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:last-child .ts-menu-drop-icon{ display: none; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child{ border-radius: 60px; position: relative; transition: 350ms ease; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a{ padding-left: 25px; padding-right: 25px; text-align: left; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child .ts-menu-drop-icon, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child a .ts-menu-drop-icon{ right: 24px; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child[class*=fa] > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa] > a{ padding-left: 50px; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:before, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:before{ position: absolute; left: 25px; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:before, .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li > a{ padding-top: 10px; padding-bottom: 10px; } .ts-header .menu-wrapper ul li a:not(.button), .header-v3 .ts-header .menu-wrapper ul li a .menu-desc, .header-v6 .ts-header .menu-wrapper ul li a .menu-desc, .header-v7 .ts-header .menu-wrapper ul li a .menu-desc{ color: inherit; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > .ts-menu-drop-icon, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > .ts-menu-drop-icon{ display: none; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li.parent:first-child, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li.parent:first-child{ padding-right: 0; /*rtl*/ } .header-middle .header-right > .header-contact > *{ margin: 0 5px; } .header-middle .header-right > .ts-header-social-icons{ margin-right: 20px; /*rtl*/ line-height: 42px; } .header-middle .header-right .ts-search-by-category{ min-width: 360px; } .header-middle .header-right > .ts-search-by-category:not(:first-child){ margin-right: 60px; /*rtl*/ } .header-v3 .header-middle .header-right > .ts-search-by-category, .header-v6 .header-middle .header-right > .ts-search-by-category{ margin-left: 5px; /*rtl*/ } .header-v7 .header-middle div.header-right > div.menu-wrapper, .header-v9 .header-middle div.header-right > div.menu-wrapper{ float: left; /*rtl*/ } .header-v9 .header-middle .menu-wrapper nav > ul > li > .ts-menu-drop-icon{ top: 16px; } /*** Sticky Menu ***/ .icon-menu-sticky-header{ line-height: 1; cursor: pointer; } .icon-menu-sticky-header svg{ margin-right: 12px; /*rtl*/ } .header-sticky .icon-menu-sticky-header + .ts-search-by-category { min-width: 440px; } .header-sticky .container .icon-menu-sticky-header{ display: none; } .is-sticky .header-sticky .container .icon-menu-sticky-header{ display: table-cell; } .is-sticky .header-sticky .container .header-right .icon-menu-sticky-header{ float: right; /*rtl*/ } .is-sticky .header-middle{ border-bottom-width: 0; } .is-sticky .has-icon-menu-sticky-header + .header-bottom{ display: none; } .is-sticky .header-bottom{ border-top-width: 1px; border-bottom-width: 0; } /*** Cart / My account ***/ .shopping-cart-wrapper svg path, .my-wishlist-wrapper svg path, .search-button svg path, .my-account-wrapper svg path{ transition: 350ms ease; } .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay, .widget_shopping_cart ul li div.blockUI.blockOverlay{ background-image: none !important; } .ts-tiny-cart-wrapper ul li:last-child div.blockUI.blockOverlay, .widget_shopping_cart ul li:last-child div.blockUI.blockOverlay{ bottom: 0 !important; } .shopping-cart-wrapper .cart-control{ display: block; position: relative; } .shopping-cart-wrapper a > .ic-cart{ text-align: center; display: block; line-height: 0; } .my-wishlist-wrapper > a{ font-size: 0; letter-spacing: 0; line-height: 0; display: block; position: relative; text-align: center; } .my-wishlist-wrapper > a .wishlist-number, .shopping-cart-wrapper .cart-control .cart-number{ position: absolute; right: 0; /*rtl*/ top: 0; left: auto; /*rtl*/ width: 22px; height: 22px; font-size: 11px; line-height: 22px; text-align: center; border-radius: 100%; overflow: hidden; } .my-wishlist-wrapper > a .wishlist-number span{ display: none; } .search-button.search-icon:before{ display: none; } header .search-button .icon{ position: relative; display: block; cursor: pointer; letter-spacing: 0; transition: 350ms ease 0s; text-align: center; } header .search-button .icon, .ts-tiny-account-wrapper .account-control > a{ font-size: 0; line-height: 0; letter-spacing: 0; } .ts-tiny-account-wrapper .account-control{ font-size: 0; line-height: 0; letter-spacing: 0; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-currency ul{ display: none; position: absolute; transform-origin: 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; right: auto; /*rtl*/ left: 50%; /*rtl*/ top: 100%; width: 180px; padding: 35px 30px 30px 30px; margin-left: -90px; /*rtl*/ } /*** Custom dropdown last-child align right ***/ .header-v2 .header-middle .header-right > .language-currency.visible-phone:first-child + .ts-search-by-category:not(:first-child){ margin-right: 0; /*rtl*/ } .header-middle div.header-right > .language-currency:first-child{ padding-right: 0; /*rtl*/ margin-right: 0; /*rtl*/ } .header-middle div.header-right > .language-currency:first-child:after{ display: none; } @media only screen and (min-width: 1279px){ .header-middle div.header-right > .search-button.search-icon.visible-ipad:first-child + .language-currency{ padding-right: 0; /*rtl*/ margin-right: 0; /*rtl*/ } .header-middle div.header-right > .search-button.search-icon.visible-ipad:first-child + .language-currency:after{ display: none; } .ts-product-category-wrapper.style-default:not(.auto-width) .products .product-category .product-wrapper > a img{ position: absolute; right: 0;/* rtl */ overflow: hidden; bottom: 0; } } header .header-top .header-right .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .header-top .header-right .header-language:first-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-top .header-right .header-currency:first-child ul, .header-middle div.header-right > .language-currency:first-child .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-middle div.header-right > .language-currency:first-child .header-language:first-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-middle div.header-right > .language-currency:first-child .header-currency:first-child ul, .header-middle div.header-right > .search-button.search-icon.visible-ipad:first-child + .language-currency > .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-middle div.header-right > .search-button.search-icon.visible-ipad:first-child + .language-currency > .header-language:first-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-middle div.header-right > .search-button.search-icon.visible-ipad:first-child + .language-currency > .header-currency:first-child ul, .header-middle .header-right .my-account-wrapper:first-child .dropdown-container, body .header-middle .header-right .my-account-wrapper:nth-of-type(2) .dropdown-container, body:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container, body.header-v7 .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container, body.header-v7:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container, body.header-v7:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(4) .dropdown-container, .header-v7 .header-middle .header-right .ts-group-meta-icon-toggle + .my-account-wrapper .dropdown-container{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-left: 0; /*rtl*/ } body.header-v7 .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container, body.header-v7:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container, body .header-middle .header-right .my-account-wrapper:nth-of-type(2) .dropdown-container{ right: -46px; /*rtl*/ } body.header-v7:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(4) .dropdown-container, body:not(.logged-in) .header-middle .header-right .my-account-wrapper:nth-of-type(3) .dropdown-container{ right: -92px; /*rtl*/ } /*** end custom ***/ header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ display: block; transition: 300ms ease; } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before{ transition: 300ms ease; } .dropdown-container a:hover{ text-decoration: none; } .my-account-wrapper .dropdown-container ul{ margin-bottom: 0; } .my-account-wrapper .dropdown-container ul li{ list-style: none; } body:not(.logged-in) .my-account-wrapper .dropdown-container{ width: 300px; margin-left: -150px; /*rtl*/ } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, header .wcml_currency_switcher > ul:before, header .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, header .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ position: absolute; left: 0; right: 0; top: 10px; bottom: 0; content: ""; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: block; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, header .header-language:hover .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .header-currency:hover ul{ display: block; -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; } @-moz-keyframes animation_menu{ 0%{ visibility: hidden; opacity: 0; transform: translateY(5px); } 100%{ visibility: visible; opacity: 1; transform: translateY(0); } } @-webkit-keyframes animation_menu{ 0%{ visibility: hidden; opacity: 0; transform: translateY(5px); } 100%{ visibility: visible; opacity: 1; transform: translateY(0); } } @keyframes animation_menu{ 0%{ visibility: hidden; opacity: 0; transform: translateY(5px); } 100%{ visibility: visible; opacity: 1; transform: translateY(0); } } .shopping-cart-wrapper{ cursor: pointer; position: relative; } .shopping-cart-wrapper .cart-icon{ position: relative; } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form, .woocommerce-cart .shopping-cart-wrapper .cart-drop-icon, .woocommerce-checkout .shopping-cart-wrapper .cart-drop-icon, .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar{ display: none !important; } .shopping-cart-wrapper .dropdown-container{ width: 420px; left: auto; right: 0;/* rtl */ z-index: 992; } header .cart-dropdown-form .form-content{ position: relative; z-index: 2; overflow: hidden; } .cart-dropdown-form .form-content > label{ text-align: center; } .cart-dropdown-form .form-content > label:before{ position: relative; font-size: 100px; line-height: 100px; display: block; opacity: 0.1; margin-bottom: 20px; } #ts-shopping-cart-sidebar .ts-tiny-cart-wrapper > .cart-icon{ display: none; } .cart-dropdown-form .form-content > .emty-title, .shopping-cart-wrapper .cart-dropdown-form .form-content > .cart-number{ display: none; } .shopping-cart-wrapper .cart-dropdown-form .form-content > .emty-title + label{ padding: 35px 0 40px; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > .emty-title{ display: block; } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label{ position: absolute; top: 45%; left: 0; right: 0; transform: translate(0,-50%); } #ts-shopping-cart-sidebar .cart-dropdown-form .form-content > label:before{ font-size: 170px; line-height: 170px; } .dropdown-container .cart-number{ margin-bottom: 30px; letter-spacing: inherit; } .ts-sidebar-content .dropdown-container .cart-number{ padding-right: 60px;/* rtl */ margin-bottom: 40px; } .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .form-content > label{ width: 100%; display: inline-block; } .woocommerce.dropdown-container ul.cart_list{ overflow: auto; max-height: 326px; padding: 0; margin-bottom: 30px; position: relative; } .shopping-cart-wrapper.updating .dropdown-container{ animation: none !important; -webkit-animation: none !important; } .ts-tiny-account-wrapper{ position: relative; } .ts-tiny-cart-wrapper a.cart-control:hover{ text-decoration: none; } .ts-tiny-cart-wrapper .form-content > label{ text-transform: none; padding: 0; margin: 0; position: relative; z-index: 2; } /*** Language ***/ .wpml-ls-legacy-dropdown{width: 15.5em;max-width: 100%} .wpml-ls-legacy-dropdown>ul{position: static;padding: 0;margin: 0 !important;list-style-type: none} .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu{visibility: visible} .wpml-ls-legacy-dropdown .wpml-ls-item{padding: 0;margin: 0;list-style-type: none} .wpml-ls-legacy-dropdown a{display: block;text-decoration: none;padding: 5px 10px;line-height: inherit} .wpml-ls-legacy-dropdown a span{vertical-align: middle;display: inline-block} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position: relative;padding-right: calc(10px + .7em + .7em)} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content: '';vertical-align: middle;display: inline-block;border: .35em solid transparent;border-top: .5em solid;position: absolute;right: 10px;/* rtl */top: calc(50% - .175em)} .wpml-ls-legacy-dropdown a:hover,.wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility: visible;position: relative;top: auto;right: auto;left: auto;bottom: auto;border-top: 1px solid #cdcdcd;padding: 0;margin: 0;list-style-type: none;z-index: 101} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width: 0 1px 1px 1px} .wpml-ls-legacy-dropdown .wpml-ls-flag{vertical-align: middle;width: 18px;height: 12px; position: relative; float: left;/* rtl */} .wpml-ls-legacy-dropdown .wpml-ls-flag + span{float: left;/* rtl */} .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left: .4em} .wpml-ls-first-item.wpml-ls-last-item .wpml-ls-native:after, .wpml-ls-first-item.wpml-ls-last-item .wpml-ls-sub-menu{ display: none !important; } body .wpml-ls > ul > li > a span.wpml-ls-bracket{ float: none !important; } body .wpml-ls-legacy-dropdown a span.wpml-ls-bracket{ vertical-align: baseline; } .wpml-ls-legacy-dropdown-click > ul > li > a, .wpml-ls-legacy-dropdown > ul > li > a, .wpml-ls-legacy-list-vertical .wpml-ls-item a, .wpml-ls-legacy-list-horizontal .wpml-ls-item a{ overflow: hidden; } body .wpml-ls .wpml-ls-flag + span{ margin-left: 5px;/* rtl */ display: inline-block; } body .wpml-ls-legacy-dropdown, body .wpml-ls-legacy-dropdown-click{ width: auto; } body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ padding: 0 !important; border-width: 0; display: block; background: transparent !important; font-size: 0; line-height: 44px; } body .wpml-ls .wpml-ls-item:after{ content: ""; display: table; clear: both; } body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{ display: none; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-currency ul{ border-width: 0; padding: 30px 30px 20px 30px; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{ padding: 0; border-width: 0; background: transparent !important; } body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 6px 0; margin: 0; position: relative; display: inline-block; width: 100%; } body .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ display: block; } .group-button-header .header-currency .wcml_currency_switcher > a:after{ top: -1px; } body .group-button-header .wpml-ls-legacy-dropdown a, body .group-button-header .wpml-ls-legacy-dropdown-click a{ line-height: 18px; } .header-currency ul li, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 4px 0; margin: 0; position: relative; } body .wpml-ls-legacy-list-horizontal{ padding: 0; border-width: 0; } body .header-middle .wpml-ls-legacy-list-horizontal{ max-width: 240px; } body .wpml-ls-legacy-list-horizontal a{ line-height: 20px; } body .wpml-ls-legacy-list-horizontal a{ padding: 0 20px 0 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal ul li:last-child a{ padding: 0;/* rtl */ } body .wpml-ls-legacy-list-horizontal, body .wpml-ls-legacy-list-horizontal ul{ overflow: hidden; } body .wpml-ls-legacy-list-vertical{ border-width: 0; } body .wpml-ls-legacy-list-vertical .wpml-ls-item{ margin: 6px 0; display: block; } body .wpml-ls-legacy-list-vertical a{ padding: 0; border-width: 0; } body .ts-floating-sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .ts-floating-sidebar .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { position: static; width: 100%; margin-right: 0; /*rtl*/ } body .ts-floating-sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .ts-floating-sidebar .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .ts-floating-sidebar .header-currency .wcml_currency_switcher > ul{ padding: 0 0 0 20px; /*rtl*/ visibility: visible; } /*** Currency ***/ .header-currency img.wcml-spinner{ margin-left: 10px;/* rtl */ margin-top: 8px; position: relative; transform: none; top: auto; left: auto; bottom: auto; right: auto; } .header-currency > .wcml_currency_switcher > a{ line-height: 46px; } .header-currency a{ text-decoration: none; display: block; } .header-currency ul{ padding: 0 10px; margin: 0; } .header-currency ul li{ position: relative; list-style: none; margin: 0; z-index: 991; width: 100%; padding: 6px 0; transition: 350ms ease 0s; cursor: pointer; } header .header-currency > img{ position: absolute; left: 0; top: 2px; margin-left: 5px !important;/* rtl */ } .header-currency:hover, body .header-language:hover, .my-account-wrapper:hover, .my-account-wrapper:hover .dropdown-container, .shopping-cart-wrapper:hover, .shopping-cart-wrapper:hover .dropdown-container, .shopping-cart-wrapper.active .dropdown-container{ z-index: 996; } body .header-top .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ z-index: 994; } .header-currency:after, .header-language:after{ display: table; content: ""; clear: both; } .wpml-ls-legacy-dropdown .wpml-ls-flag, .wpml-ls-legacy-dropdown .wpml-ls-flag + span{ float: none !important; } .header-currency ul{ padding: 0; } .header-currency ul li, body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 6px 0; } .group-button-header .header-currency ul, .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ margin-top: 6px; display: none; } .group-meta-header > div:first-child .dropdown-container, .group-meta-header > div:first-child ul{ right: 0; left: auto;/* rtl */ margin-right: 0;/* rtl */ margin-left: 0;/* rtl */ } /* My account */ .my-account-wrapper p{ margin: 0 0 20px 0; } .my-account-wrapper p.login-submit{ margin: 0; } .my-account-wrapper p:last-child, .my-account-wrapper .login-remember label{ padding: 0; } .my-account-wrapper input:not([type^="check"]), .dropdown-container .dropdown-footer{ margin: 0; } .my-account-wrapper .login-submit input{ width: 100%; } .my-account-wrapper .forgot-pass{ margin: 0 0 2px 0; } /* Cart dropdown */ .ts-sidebar-content .ts-tiny-cart-wrapper, .ts-sidebar-content .ts-tiny-cart-wrapper .cart-dropdown-form{ height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .form-content{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; height: 100%; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-wrapper{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-content{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; height: 100%; overflow: hidden; } .ts-sidebar-content .ts-tiny-cart-wrapper .cart-content .cart_list{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul li, .ts-tiny-cart-wrapper .dropdown-container ul li{ list-style: none; padding: 0; margin: 0 0 30px 0; display: inline-block; width: 100%; position: relative; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul li:last-child, .ts-tiny-cart-wrapper .dropdown-container ul li:last-child{ margin: 0; padding: 0; } .woocommerce .ts-tiny-cart-wrapper .dropdown-container ul, .ts-tiny-cart-wrapper .dropdown-container ul{ padding: 0; margin: 0; } .ts-tiny-cart-wrapper .dropdown-container .dropdown-footer{ margin: 30px 0 0; } .dropdown-container .cart_list li > a, .woocommerce .dropdown-container .cart_list li > a{ float: left;/* rtl */ width: 120px; } .woocommerce .dropdown-container ul.cart_list li img, .woocommerce.dropdown-container ul.cart_list li img{ width: 120px; } .dropdown-footer > a{ width: 100%; float: left;/* rtl */ } a.button:hover, button:hover, input[type^="submit"]:hover, .ts-button:hover, a.button-readmore:hover, .ts-banner-button a:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit:hover, .shopping-cart p.buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover, .woocommerce div.product .summary a.compare:hover, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a:hover, .more-less-buttons a:hover, .woocommerce .woocommerce-ordering .orderby-current:hover, .woocommerce-account .woocommerce-MyAccount-navigation li:hover, input[type="submit"].dokan-btn:hover, a.dokan-btn:hover, .dokan-btn:hover, #ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a:hover, .dropdown-footer > a.button.view-cart, .woocommerce .dropdown-footer > a.button.view-cart{ background: transparent; } .dropdown-footer > a:last-child{ margin-top: 10px; } .dropdown-footer > a:first-child:last-child{ margin-top: 0; } .ts-sidebar-content .dropdown-container ul.cart_list{ max-height: calc(100% - 200px); overflow-y: scroll; margin-right: -17px;/* rtl */ padding: 0; } /* FIX HEADER CART */ .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper{ margin-left: 120px;/* rtl */ overflow: hidden; } .cart_list .cart-item-wrapper .price{ display: block; margin-bottom: 10px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper,* .woocommerce .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-tiny-cart-wrapper .cart_list li > a, .woocommerce .ts-tiny-cart-wrapper .cart_list li > a{ float: left;/* rtl */ width: 100px; height: auto; margin: 0; } .cart_list li span.quantity{ padding: 4px 0; display: block; } .cart_list li .cart-item-wrapper a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ position: absolute; right: 0;/* rtl */ left: auto; top: 2px; z-index: 2; font-size: 0; height: 20px; width: auto; text-indent: 0; padding: 0; letter-spacing: 0; text-decoration: none; } .woocommerce.widget_shopping_cart .cart_list li a.remove{ left: 0;/* rtl */ right: 0;/* rtl */ top: 5px; } .dropdown-container .cart_list li .cart-item-wrapper a.remove{ right: 5px; /*rtl*/ } .woocommerce a.remove:hover{ background: transparent !important; } .cart_list li .cart-item-wrapper a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover{ text-decoration: none; } .ts-tiny-cart-wrapper .total > span.amount, .widget_shopping_cart .total .amount{ float: right; /* rtl */ } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total{ margin: 0 0 20px 0; position: relative; overflow: hidden; font-weight: bold; } .ts-tiny-cart-wrapper .total > span.total-title, .widget_shopping_cart .total-title{ display: inline-block; padding-right: 5px;/* rtl */ } /*** LOGO ***/ .ts-header .header-container .logo-background{ text-align: center; padding: 0 10px; } .logo-vetical-ipad{ display: none; } header .logo-wrapper{ height: 80px; padding-right: 50px; /*rtl*/ transition: 450ms ease 0s; } header.ts-header .header-container .logo-wrapper.logo-ipad{ display: none; } .logo-wrapper.logo-center{ text-align: center; } .sticky-logo{ display: none; } .mobile-logo, .mobile-menu-logo{ display: none; } header .logo-wrapper .logo a{ font-size: 32px; font-weight: 700; line-height: 0; display: inline-block; vertical-align: middle; } header .logo-wrapper a:hover{ text-decoration: none; } /*** SEARCH HEADER ***/ .logo-wrapper + .ts-search-by-category{ min-width: 480px; } .search-content input[type="text"]{ padding-right: 60px;/* rtl */ max-width: 100%; margin: 0; } .search-table .search-button{ position: absolute; right: 0;/* rtl */ top: 0; bottom: 0; display: block; } .widget_product_search > form:before{ width: 50px; height: 46px; line-height: 46px; position: absolute; right: 0;/* rtl */ top: 0; bottom: 0; display: block; text-align: center; } .search-table .search-button:hover{ cursor: pointer; } .search-table .search-button, .search-table input[type="submit"]{ width: 60px; height: 46px; font-size: 0; text-align: center; } .search-table .search-button:before{ width: 60px; height: 46px; line-height: 46px; display: block; } .search-table input[type="submit"]{ min-width: 0; padding: 0 !important; border: 0 !important; background: transparent !important; position: absolute; top: 0; right: 0; bottom: 0; } .ts-search-result-container > p{ padding: 23px 20px; margin: 0; position: relative; z-index: 2; text-align: center; } /*** Search Default ***/ body > .ts-search-result-container{ z-index: 993; padding: 50px; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .ts-search-result-container .search-content{ margin-left: auto; margin-right: auto; } .ts-search-result-container ul.product_list_widget{ margin-left: -15px; margin-right: -15px; } .ts-search-result-container ul.product_list_widget li{ width: 50%; list-style: none; float: left; /*rtl*/ padding-left: 15px; padding-right: 15px; } .ts-search-result-container ul.product_list_widget li:nth-child(2n+1){ clear: both; } .ts-search-result-container .description{ margin: 10px 0; font-size: 85%; opacity: 0.6; } .ts-search-result-container .view-all-wrapper{ padding: 0; clear: both; position: relative; z-index: 2; text-align: center; } .ts-search-result-container .view-all-wrapper a{ display: inline-block; position: relative; text-decoration: underline; text-underline-position: under; margin-top: 20px; } .ts-sidebar-content h2{ line-height: 26px !important; margin-bottom: 20px; } .search-table{ position: relative; } .ts-sidebar-content.ts-search-by-category .search-button{ top: 0; bottom: 0; right: 0;/* rtl */ } /*** Search Fullwidth ***/ .ts-floating-sidebar *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ts-search-sidebar .ts-sidebar-content h2{ margin-bottom: 30px; text-align: center; } .ts-floating-sidebar .ts-sidebar-content{ position: fixed; padding: 50px; top: 0; bottom: 0; right: -17px;/* rtl */ z-index: 100001; width: 520px; max-width: 100%; visibility: hidden; transform: translateX(100%);/* rtl */ transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-y: scroll; height: 100%; } .ts-floating-sidebar.active .ts-sidebar-content{ opacity: 1; } #ts-search-sidebar .ts-sidebar-content{ right: 0 !important; left: 0 !important; transform: translateY(-100%); width: 100%; bottom: auto; height: auto; overflow: auto; max-height: 100vh; } #ts-search-sidebar .ts-sidebar-content .ts-search-by-category{ max-width: 800px; margin: 0 auto; } #ts-search-sidebar.active .ts-sidebar-content{ transform: translateY(0); } /*** MEGA MENU ***/ .ts-floating-sidebar .ts-menu nav .widgettitle{ margin: 30px 0 20px 0; } .ts-floating-sidebar .ts-megamenu-columns-2 li.widget, .ts-floating-sidebar .ts-megamenu-columns-3 li.widget, .ts-floating-sidebar .ts-megamenu-columns-4 li.widget, .ts-floating-sidebar .ts-megamenu-fullwidth li.widget{ width: 100% !important; float: none;/* rtl */ margin-bottom: 0; padding: 0; } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .ts-floating-sidebar .ts-sidebar-content{ right: 0 !important;/* rtl */ } }} .ts-floating-sidebar .overlay{ position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: #000000; z-index: 100000; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .ts-floating-sidebar.active .overlay{ opacity: 0.3; visibility: visible; } .ts-floating-sidebar .ts-effect-image .overlay, .ts-floating-sidebar.active .ts-effect-image .overlay{ opacity: 0; visibility: hidden; } .ts-floating-sidebar .ts-effect-image.eff-image-opacity:hover .overlay, .ts-floating-sidebar.active .ts-effect-image.eff-image-opacity:hover .overlay{ opacity: 0.9; visibility: visible; } .ts-floating-sidebar.active .ts-sidebar-content{ visibility: visible; transform: translateX(0px); box-shadow: -4px 0 10px rgba(0,0,0,0.1);/* rtl */ } .ic-menu-close-button{ width: 50px; display: inline-block; cursor: pointer; font-size: 24px; text-align: center !important; padding: 7px 0; } .ts-floating-sidebar .ts-search-result-container > *{ animation: slidebottomtotop 600ms ease; } .ts-floating-sidebar .ts-search-result-container{ display: block; padding: 50px 0; } .ts-floating-sidebar .ts-search-result-container:empty{ padding: 0; } @-moz-keyframes slidebottomtotop { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slidebottomtotop { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slidebottomtotop { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li.bg-transparent, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li.bg-transparent{ background: transparent !important; } .header-v9.header-text-default .header-middle .language-currency:after, .header-v9 .header-middle .language-currency:after{ opacity: 0.1; } /*------------------------------------------------------------- 4. HEADER BOTTOM --------------------------------------------------------------*/ .header-bottom > .container{ display: table; padding-top: 9px; padding-bottom: 10px; } .header-bottom > .container > div{ vertical-align: middle; display: table-cell; line-height: 30px; } .header-bottom{ border-width: 0 0 1px; border-style: solid; } .header-transparent .header-bottom{ border-width: 0; } .header-v4 .header-bottom > .container, .header-v4 .header-bottom > .container > div{ display: block; } .vc_row.white-line{ position: relative; z-index: 993; } /*------------------------------------------------------------- 5. MENU MOBILE --------------------------------------------------------------*/ .mobile-menu-wrapper{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; padding: 40px 35px; z-index: -1; overflow-y: auto; } .mobile-menu-wrapper .ts-sidebar-content{ width: 100%; position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; padding: 0 !important; margin: 0 !important; overflow: initial !important; } .mobile-menu-wrapper .ic-mobile-menu-close-button{ position: absolute; top: 15px; right: 23px; /*rtl*/ z-index: 99; } .menu-mobile-active .mobile-menu-wrapper{ display: block !important; z-index: 99999; } .mobile-menu-wrapper .ts-menu ul li{ list-style: none; padding: 10px 0; position: static; display: block; } .mobile-menu-wrapper .ts-menu .ts-megamenu-container .ts-list-of-product-categories-wrapper{ margin-bottom: 20px; } .mobile-menu-wrapper .ts-menu .ts-megamenu-container .ts-list-of-product-categories-wrapper + .ts-button-wrapper{ margin-bottom: 5px; position: relative; top: -20px; } .mobile-menu-wrapper .ts-menu .list-categories ul li, .mobile-menu-wrapper .ts-menu .widget ul li{ padding: 6px 0; } .mobile-menu-wrapper .ts-megamenu-widgets-container .widget .widgettitle{ margin: 0 0 10px 0; } .mobile-menu-wrapper .ts-menu .list-categories ul li:not(.font-body), .mobile-menu-wrapper .ts-menu .ts-megamenu-container .ts-list-of-product-categories-wrapper + .ts-button-wrapper a, .mobile-menu-wrapper .ts-menu .widget ul li:not(.font-body){ font-weight: normal; } .mobile-menu-wrapper .ts-menu nav.mobile-menu > ul > li:first-child{ padding-top: 0; } .mobile-menu-wrapper .ts-menu nav.mobile-menu > ul > li:last-child{ padding-bottom: 0; } .mobile-menu-wrapper .ts-menu ul li:after{ content: ''; clear: both; display: table; } .mobile-menu-wrapper .ts-menu ul li a{ color: inherit; display: inline-block; } .mobile-menu-wrapper .ts-menu ul li.menu-item-has-children a{ max-width: calc(100% - 35px); } .mobile-menu-wrapper .ts-menu-drop-icon{ position: static; float: right; /*rtl*/ font-size: 10px; padding: 4px 10px; margin-top: -2px; } .mobile-menu-wrapper .ts-menu li.submenu-popup .sub-menu{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0px; padding: 30px 35px 85px; background: rgb(255, 255, 255); z-index: 2; transition: none !important; transform: none !important; margin: 0 !important; display: none; } .mobile-menu .menu-sub-label{ display: inline-block; position: static; margin: 0 0 0 5px; position: relative; left: auto; right: auto; top: -20px; text-transform: uppercase; font-size: 9px; font-weight: 600; line-height: 12px; } .mobile-menu ul > li > a .menu-label, nav.mobile-menu > ul.menu > li > a .menu-label{ display: inline-block; } .mobile-menu-wrapper .sub-menu .close{ display: none; } .mobile-menu-wrapper .sub-menu .close:before{ font-size: 12px; margin-right: 10px; /*rtl*/ position: relative; top: -1px; } .mobile-menu-wrapper .ts-menu li.submenu-popup .sub-menu .close{ display: block; margin: 0 0 20px; padding: 0 0 20px; border-width: 0 0 1px; border-style: solid; } .group-button-header{ margin-bottom: 40px; } .group-button-header > *{ padding: 20px 0 0; margin: 20px 0 0; border-width: 1px 0 0; border-style: solid; } .header-v1 .mobile-menu-wrapper .group-button-header, .header-v2 .mobile-menu-wrapper .group-button-header, .header-v4 .mobile-menu-wrapper .group-button-header, .header-v8 .mobile-menu-wrapper .group-button-header, .header-v7 .mobile-menu-wrapper .group-button-header{ margin-bottom: 60px; } .group-button-header .top-header-menu > ul{ margin: 0 -10px; } .group-button-header .top-header-menu > ul > li{ border-width: 0; display: inline-block; list-style: none; padding: 0; } .group-button-header .top-header-menu > ul > li > a{ padding: 0 10px; color: inherit; } .group-button-header .header-currency a, .group-button-header .header-language a{ color: inherit !important; } .group-button-header .language-currency > div{ float: left; /*rtl*/ margin: 0; } .group-button-header .language-currency > div:first-child{ margin-right: 25px; /*rtl*/ } .header-v7 .group-button-header .language-currency > div{ margin-left: 0; /*rtl*/ } body .group-button-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, body .group-button-header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .group-button-header .header-currency > .wcml_currency_switcher > a{ line-height: 24px; } .group-button-header .header-language .wpml-ls > ul > li > a:after{ margin-left: 5px; /*rtl*/ } .group-button-header .header-currency .wcml_currency_switcher > a:after{ margin-left: 10px; /*rtl*/ } .group-button-header .language-currency{ padding-right: 0; /*rtl*/ margin-right: 0; /*rtl*/ } .group-button-header .language-currency:after { content: ''; clear: both; display: table !important; border: 0; width: 0; height: 0; margin: 0; position: static; } body .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ position: static; width: 100%; margin-right: 0; /*rtl*/ } body .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, body .group-button-header .header-currency .wcml_currency_switcher > ul{ visibility: visible; padding: 3px 0; margin: 0; } body .group-button-header .header-currency ul li, body .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item, body .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item{ padding: 3px 0; } .header-v5 .menu-mobile-active .header-sticky{ z-index: 99999; } .header-v5 .menu-mobile-active .header-sticky > .container{ display: none; } .header-v5 .menu-mobile-active .ts-group-icons-header{ position: fixed; top: 0; border-width: 0 0 1px; border-style: solid; border-color: #f0f2f5; } .menu-mobile-active .mobile-menu-wrapper.has-close-icon, .menu-mobile-active .mobile-menu-wrapper.has-close-icon .ts-menu li.submenu-popup .sub-menu{ padding-top: 70px; padding-bottom: 40px; } .header-v5 .menu-mobile-active .mobile-menu-wrapper, .header-v5 .menu-mobile-active .mobile-menu-wrapper .ts-menu li.submenu-popup .sub-menu{ padding-top: 80px; padding-bottom: 40px; } /*------------------------------------------------------------- II. MAIN CONTENT --------------------------------------------------------------*/ /*------------------------------------------------------------- 1. BREADCRUMB --------------------------------------------------------------*/ .breadcrumb-title-wrapper{ width: 100%; display: block; z-index: 0; padding: 20px 0 22px; } .breadcrumbs-container > span{ margin: 0 7px; } .breadcrumbs-container > span.brn_arrow{ position: relative; font-size: 0; line-height: 1; } .breadcrumb-title-wrapper .brn_arrow:before{ font-size: 12px; } .breadcrumbs-container > span.current{ opacity: 1; margin: 0; } .breadcrumb-title-wrapper .breadcrumb-title{ width: 100%; height: 100%; } .breadcrumb-title-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .breadcrumb-title-wrapper .breadcrumbs-container *{ display: inline-block; } .breadcrumb-title-wrapper .breadcrumb-title .page-title{ margin: 0; } .breadcrumb-title-wrapper .breadcrumb-title .page-title .count{ font-weight: normal; font-size: 42%; line-height: 20px; display: inline-block; vertical-align: super; margin-left: 10px; /*rtl*/ } .breadcrumb-title-wrapper:not(.no-title) .breadcrumb-title .breadcrumbs{ margin-bottom: 10px; } .breadcrumb-title-wrapper a{ color: inherit; } /*** Breadcrumb v2 ***/ .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs{ margin-bottom: 0; } /*** Breadcrumb v3 ***/ .breadcrumb-title-wrapper.ts-breadcrumb-parallax{ background-attachment: fixed; position: relative; top: -1px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .breadcrumbs{ margin-bottom: 50px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .page-title{ margin-bottom: 70px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-content{ background-repeat: no-repeat; background-position: center center !important; } .breadcrumb-title-wrapper.ts-breadcrumb-parallax, .breadcrumb-title-wrapper.ts-breadcrumb-parallax .breadcrumb-content{ background-attachment: fixed; } /*------------------------------------------------------------- 2. LOADING --------------------------------------------------------------*/ body:not(.wpb-js-composer) .vc_row.loading{ height: auto !important; overflow: visible; } body:not(.wpb-js-composer) .vc_row.loading:after{ display: none; } body:not(.wpb-js-composer) .vc_row.loading > *{ visibility: visible; opacity: 1; } .ts-product .content-wrapper.loading{ max-height: 400px; } .ts-product-category-wrapper .content-wrapper.loading, .vc_row:not(.white-line).loading, .column-products.loading, .image-gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-products-widget .ts-products-widget-wrapper.loading, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading, .ts-team-members .loading, .woocommerce .product figure.loading, .images.loading, .ts-blogs-widget .ts-blogs-widget-wrapper.loading, .ts-portfolio-wrapper.loading, .related-posts.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .ts-twitter-slider .items.loading, .ts-instagram-wrapper.loading{ height: 300px; } .ts-header .ts-product .content-wrapper.loading{ height: auto; } .thumbnails-container.loading, .thumbnails.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .widget-container .gallery.loading figure{ height: 110px; } .column-products.loading{ height: 300px !important; } .vc_row:not(.white-line).loading, .images.loading, .thumbnails.loading, .image-gallery.loading, figure.gallery.loading, .column-products.loading, article .thumbnail.loading, .thumbnails-container.loading, .ts-product .content-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .woocommerce .product figure.loading, .ts-products-widget .ts-products-widget-wrapper.loading, .ts-blogs-widget .ts-blogs-widget-wrapper.loading, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .ts-portfolio-wrapper.loading, .ts-twitter-slider .items.loading, .widget-container .gallery.loading figure, .ts-product-category-wrapper .content-wrapper.loading, .images-slider-wrapper .image-items.loading, .ts-instagram-wrapper.loading, .ts-team-members .loading{ position: relative; overflow: hidden; background: transparent !important; } .vc_row:not(.white-line).loading > *, .images.loading > *, .thumbnails.loading > *, .image-gallery.loading > *, figure.gallery.loading > *, .column-products.loading > *, article .thumbnail.loading > *, .ts-blogs-wrapper.loading .content-wrapper > *, .ts-product .content-wrapper.loading > *, .ts-logo-slider-wrapper.loading .content-wrapper > *, .related-posts.loading .content-wrapper > *, .ts-portfolio-wrapper.loading > *, .woocommerce .product figure.loading > *, .ts-products-widget .ts-products-widget-wrapper.loading > *, .ts-blogs-widget .ts-blogs-widget-wrapper.loading > *, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading > *, .ts-testimonial-wrapper .items.loading > *, .ts-twitter-slider .items.loading > *, .widget-container .gallery.loading figure > *, .ts-product-category-wrapper .content-wrapper.loading > *, .thumbnails-container.loading > *, .images-slider-wrapper .image-items.loading > *, .ts-instagram-wrapper.loading > *, .ts-team-members .loading > *{ visibility: hidden; opacity: 0; } .vc_row.loading:after, .images.loading:after, div.wpcf7 .ajax-loader:after, .thumbnails.loading:after, .image-gallery.loading:after, figure.gallery.loading:after, article .thumbnail.loading:after, .thumbnails-container.loading:after, .icon-group > a.like.loading:before, .portfolio-like .ic-like.loading:before, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-blogs-widget .ts-blogs-widget-wrapper.loading:after, .related-posts.loading .content-wrapper:after, .ts-portfolio-wrapper.loading:after, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading:after, .widget-container .gallery.loading figure:after, .images-slider-wrapper .image-items.loading:after, .ts-instagram-wrapper.loading:after, .ts-team-members .loading:after, .ts-testimonial-wrapper .items.loading:after, .ts-twitter-slider .items.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .search-table .search-content.loading ~ .search-button:before, /*** Product ***/ .column-products.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, div.blockUI.blockOverlay:after, .woocommerce div.blockUI.blockOverlay:after, .archive .woocommerce > .products.loading:before, .dropdown-container ul.cart_list li.loading:after, .ts-product-category-wrapper .content-wrapper.loading:after, .woocommerce .product figure.loading:after, .ts-product .content-wrapper.loading:after, .ts-products-widget .ts-products-widget-wrapper.loading:after, .ts-shortcode .load-more-wrapper .load-more.loading:before, .ts-shop-load-more.loading .load-more:before, /*** Popup/Modal ***/ .ts-wishlist-table-wrapper.loading:after, .ts-compare-popup.loading:before, .ts-popup-modal.loading .overlay:before, body .pp_pic_holder .pp_loaderIcon:before{ content: '\f1ce' !important; font-family:"Font Awesome 5 Free" !important; font-style: normal !important; font-weight: 900; text-transform: none; letter-spacing: 0; width: 26px; height: 26px; font-size: 26px; line-height: 26px; text-align: center; margin-top: -13px; margin-left: -13px; top: 50%; left: 50%; position: absolute !important; background: transparent !important; -webkit-animation: fa-spin 1.5s linear infinite; animation: fa-spin 1.5s linear infinite; z-index: 9; } @-moz-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .vc_row.white-line.loading:after{display: none !important;} .ts-blogs article .thumbnail.loading:after{ font-size: 30px; } .archive.ajax-pagination .woocommerce > .products.loading:after{ content: ""; display: block; position: absolute; left: 15px; right: 15px; bottom: 0; top: 0; opacity: 0.7; z-index: 5; } .thumbnails.loading:before, .thumbnails-container.loading:before{ display: block !important } .archive .woocommerce > .products.loading{ position: relative; } div.blockUI.blockOverlay{ z-index: 992 !important; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; background:transparent !important; left: 0; top: 0; width: 100%; height: 100%; position: absolute; opacity: 1 !important; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before{ position: static; background: none; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .dropdown-container ul.cart_list li.loading:before, div.blockUI.blockOverlay:before, .woocommerce div.blockUI.blockOverlay:before, div.product .summary .button-in a.loading:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a.loading:before{ left: 0; right: 0; bottom: 0; height: 100%; width: 100%; top: 0; z-index: 4; opacity: 0.9; margin: 0; background-image: none !important; position: absolute !important; display: inline-block !important; content: "" !important; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; } div.product .summary .button-in a.loading:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a.loading:before{ transform: none; } tr.remove div.blockUI.blockOverlay:before, .woocommerce tr.remove div.blockUI.blockOverlay:before{ opacity: 1 !important; } .dropdown-container ul.cart_list li.loading:not(:last-child):before, .ts-tiny-cart-wrapper ul li:not(:last-child) div.blockUI.blockOverlay:before{ bottom: 0; height: auto; } .ts-shortcode .shop-more{ transition: 350ms ease; } .column-products.loading ~ .shop-more{ opacity: 0; visibility: hidden; } /*** MODAL/POPUP ***/ .ts-popup-modal.loading .overlay:before, .ts-popup-modal.show .overlay, .ts-popup-modal.loading .overlay, .ts-popup-modal.show .popup-container{ visibility: visible; opacity: 1; } body .pp_pic_holder .pp_loaderIcon:before, .ts-popup-modal.loading .overlay:before{ color: #ffffff; } /*** AJAX PAGINATION ***/ .archive.ajax-pagination .woocommerce > .products.loading:before{ bottom: auto; top: 140px; margin-top: 0; } .archive.ajax-pagination .woocommerce > .products.loading:after{ content: ""; display: block; position: absolute; left: 0px; right: 0px; bottom: 0; top: 0; opacity: 0.5; z-index: 7; } /*** LOAD MORE BUTTON / INFINITY SCROLL ***/ .archive.infinity-scroll .woocommerce > .products.loading:before, .archive.load-more-button .woocommerce > .products.loading:before{ display: none; } .ts-shortcode .load-more-wrapper .load-more, .ts-shop-load-more .load-more{ transition: none; } .ts-shortcode .load-more-wrapper .load-more.loading, .ts-shop-load-more.loading .load-more{ font-size: 0; overflow: hidden; } .ts-shortcode .load-more-wrapper .load-more.loading:before, .ts-shop-load-more.loading .load-more:before{ font-size: 16px; width: 20px; height: 20px; line-height: 20px; margin-top: -10px; margin-left: -10px; } .ts-shop-load-more .load-more{ text-transform: lowercase; } .ts-shop-load-more .load-more:first-letter{ text-transform: capitalize; } .infinity-scroll .ts-shop-load-more .load-more{ padding: 0; border: 0; background: transparent !important; } .infinity-scroll .ts-shop-load-more .load-more:before{ font-size: 18px; } /*------------------------------------------------------------- 3. EFFECT IMAGE --------------------------------------------------------------*/ .ts-effect .overlay{ display: block; position: absolute; z-index: 20; background: rgba(0,0,0,0.5); overflow: hidden; transition: all 0.5s; font-size: 0; } .ts-effect .overlay:before{ position: absolute; top: 50%; left: 50%; z-index: 100; width: 50px; height: 50px; content: "+"; font-weight: normal;/* default */ font-family: "Times New Roman"; text-align: center; color: #fff; line-height: 50px; font-size: 38px; transform: translate(-50%,-50%); } .ts-effect:after{ content: ""; display: table; clear: both; } .ts-effect .item{ position: relative; float: left; margin-bottom: 5px; width: 33.3333%; overflow: hidden; } .ts-effect .item-wrapper{ position: relative; } .ts-effect a.item-wrapper{ display: block; } .ts-effect .item-image{ position: relative; } .ts-effect .item a.link{ position: absolute; left: 0;right: 0;bottom: 0;top: 0; display: block; z-index: 1; } .ts-effect .item img{ display: block; margin: 0; padding: 0; max-width: 100%; height: auto; } /*------------------------------------------------------------- 4. GALLERY IMAGE --------------------------------------------------------------*/ .gallery-size-thumbnail{ margin-left: -5px !important; margin-right: -5px !important; } .gallery-size-thumbnail .gallery-item{ float: left; margin: 0; padding: 0 5px; } .gallery-size-thumbnail .gallery-item a{ display: inline-block; } .gallery-columns-5 .gallery-item{ width: 20%; } .gallery-columns-4 .gallery-item{ width: 25%; } .gallery-columns-3 .gallery-item{ width: 33.3333%; } /* GALLERY THEME SKY */ .ts-gallery-img, .ts-list-video{ margin-left: -5px; margin-right: -5px; margin-bottom: 20px; overflow: hidden; } .ts-gallery-img li.first, .ts-list-video li.first{clear: both;} .ts-gallery-img li, .ts-list-video li{ padding: 5px; float: left; text-align: center; position: relative; } .ts-gallery-img li a{ display: inline-block; } .ts-gallery-img.columns-5 li{ width: 20%; } .ts-gallery-img.columns-4 li{ width: 25%; } .ts-gallery-img.columns-3 li{ width: 33.3333%; } /* IMAGE GRID VISUAL */ .wpb_image_grid .wpb_image_grid_ul{ margin-left: -3px; margin-right: -3px; } .wpb_image_grid .wpb_image_grid_ul .isotope-item{ padding: 3px; margin: 0; border: 0; } div#main{ min-height: 500px; width: 100%; clear: both; } h3.product-name{ margin-bottom: 5px; } .cart-dropdown-form h3.product-name{ margin-right: 22px;/* rtl */ } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > *:not(:last-child){ margin-bottom: 10px; } .ts-tiny-cart-wrapper .cart_list li .cart-item-wrapper > .price{ margin-bottom: 0; } /*------------------------------------------------------------- 5. RELATED BOX --------------------------------------------------------------*/ .theme-title{ position: relative; } .related-portfolio .items, .related-posts .items, .ts-shortcode .items{ margin-left: -15px; margin-right: -15px; } .related-portfolio .items .item, .related-posts .items .item, .ts-shortcode .items .item{ padding-left: 15px; padding-right: 15px; } .ts-instagram-shortcode.style-masonry .items .item:nth-child(2n){ margin-top: 30px; } .ts-instagram-shortcode.style-masonry .owl-stage > div:nth-child(2n) { margin-top: 30px; } .ts-instagram-shortcode.style-masonry .owl-stage > div .item{ margin-top: 0; } /*------------------------------------------------------------- 6. SLIDER (Revolution slider/Flex slider/Nivo slider) --------------------------------------------------------------*/ body .tp-bullets{ z-index: 990; } body.wpb-js-composer .vc_images_carousel .vc_carousel-control{ opacity: 1; } body .theme-default .nivo-directionNav{ top: 40%; } .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover, .theme-default .nivo-directionNav a:hover{ text-decoration: none; } .vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev{ position: static !important; } .vc_images_carousel .vc_carousel-control, .wpb_gallery .wpb_flexslider .flex-direction-nav a, .theme-default .nivo-directionNav a, .vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev{ position: absolute; background: none !important; width: 60px; height: 60px; line-height: 60px; text-align: center !important; font-size: 0; margin: 0; text-shadow: none; transition: 350ms ease 0s; text-indent: 0 !important; border: 0 !important; opacity: 1; } .vc_images_carousel .vc_carousel-control, .wpb_gallery .wpb_flexslider .flex-direction-nav a, .theme-default .nivo-directionNav a{ display: none !important; } .vc_images_carousel .vc_carousel-control{ margin-top: -30px !important; } .vc_images_carousel .vc_left .icon-prev:before, .vc_images_carousel .vc_right .icon-next:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a:before, .theme-default .nivo-directionNav a:before{ display:inline-block; letter-spacing:0; font-size:80px; position: relative; z-index: 110; line-height: 60px; margin: 0 !important; transition: 350ms ease 0s; width: 100%; } /* Thumbnail */ .tp-bullets.tp-thumbs .thumb{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } /*------------------------------------------------------------- 7. CONTACT US --------------------------------------------------------------*/ .wpcf7 .sumbit-contact{ padding-top: 20px; clear: both; text-align: center; } .wpcf7 .sumbit-contact p{ display: inline-block; text-align: center; margin-bottom: 0; width: 140px; } textarea, #commentform textarea, :is(.woocommerce, .woocommerce-page) form .form-row textarea.input-text, :is(.woocommerce, .woocommerce-page) form .form-row textarea, .woocommerce form .form-row textarea, .woocommerce #reviews textarea#comment{ height: 98px; border-width: 0; border-radius: 25px !important; overflow: auto; transition: 350ms ease; resize: none; } textarea::-webkit-scrollbar, textarea::-webkit-scrollbar-track, textarea::-webkit-scrollbar-thumb{ opacity: 0; visibility: hidden; } div.wpcf7-response-output{ margin: 30px 0 0 0; padding: 8px 15px; border: 0; display: inline-block; width: 100%; border-width: 2px; border-style: solid; } .wpcf7-not-valid-tip{ margin: 10px 0 20px; display: inline-block; width: 100%; } body input.wpcf7-submit{ display: inline-block; min-width: 208px; } div.wpcf7-display-none{ display: none; } .pp_pic_holder div.wpcf7{ margin-bottom: 0 !important; } div.wpcf7 .ajax-loader{ margin: 3px 0 0 10px; /*rtl*/ position: relative; background: transparent; } body div.wpcf7 .ajax-loader:after{ font-size: 18px; } div.screen-reader-response{ color: #e94b4b; } div.screen-reader-response ul li{ padding-bottom: 0; } div.screen-reader-response ul{ margin: 0 0 20px 0; } .contact-form .info-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin-left: -8px; margin-right: -8px; } .contact-form .info-wrapper > p{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 8px; padding-right: 8px; } .contact-form .info-wrapper > p:first-child .wpcf7-not-valid-tip{ margin-bottom: 0; } .contact-form p{ margin-bottom: 20px; } .contact-form p:last-child, .contact-form input{ margin-bottom: 0; } .wpcf7 form.wpcf7-form .wpcf7-response-output{ margin-left: 0; margin-right: 0; } /*------------------------------------------------------------- 8. BLANK PAGE --------------------------------------------------------------*/ .page-template-blank-page-template #main-content{ padding-left: 0; padding-right: 0; } /*------------------------------------------------------------- 9. SLIDER CONTROLS --------------------------------------------------------------*/ body .owl-carousel{ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-slider ul li{ list-style: none; } .ts-slider.products .product, .woocommerce .ts-slider.products .product{ padding: 0; } /*** Dots ***/ .owl-dots{ padding: 0 11px; /*15px - 4px*/ } .owl-dots > div, ol.flex-control-nav li{ display: inline-block; line-height: 0; margin: 0 4px; margin-top: 30px; cursor: pointer; } .owl-dots > div > span, ol.flex-control-nav li:before{ display: inline-block; width: 12px; height: 12px; position: relative; z-index: 9; box-shadow: none; border-radius: 100%; opacity: 0.2; transform: scale(0.7); transition: 350ms ease; } ol.flex-control-nav li:before:hover, .owl-dots > div:hover > span{ opacity: 1; } ol.flex-control-nav li.flex-active:before, .owl-dots > div.active > span{ opacity: 1; transform: scale(1); } .woocommerce .product figure .color-image img{ z-index: -1 !important; } .woocommerce .product figure .color-image span:before, .woocommerce .product figure .color span:before{ position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; content: ""; border-width: 2px; border-style: solid; border-color: transparent; } body .theme-default .nivo-controlNav a{ border-color: transparent; } .woocommerce .product figure .owl-controls .color-image.active span:before, .woocommerce .product figure .owl-controls .color.active span:before, .woocommerce .product figure .owl-controls .color-image span:hover:before, .woocommerce .product figure .owl-controls .color span:hover:before{ background: transparent; border-color: #fff; } /*** Navigation ***/ body .flex-control-nav li{ margin: 5px; line-height: 0; padding: 0; } .owl-dots > div.active > span, body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body .flex-control-paging li a.flex-active, body .theme-default .nivo-controlNav a.active{ cursor: default; } .owl-nav > .owl-prev, .owl-nav > .owl-next{ position: absolute; top: 50%; width: 56px; height: 56px; line-height: 56px; margin-top: -28px; color: #ffffff; background: #103178; border-radius: 100%; border: none; text-align: center; font-size: 26px; z-index: 9; opacity: 0; visibility: hidden; transition: 250ms cubic-bezier(0.43, 0.88, 0.92, 0.98); } .owl-nav > .owl-prev{ left: -28px; /*rtl*/ } .owl-nav > .owl-next{ right: -28px; /*rtl*/ } .owl-nav > .owl-prev.disabled, .owl-nav > .owl-next.disabled{ display: none !important; } .single .related-posts .owl-nav > .owl-prev{ left: -13px; /*rtl*/ } .single .related-posts .owl-nav > .owl-next{ right: -13px; /*rtl*/ } .single .related-posts .owl-nav > .owl-prev, .single .related-posts .owl-nav > .owl-next{ top: 38%; } .owl-carousel:hover .owl-nav > .owl-prev, .owl-carousel:hover .owl-nav > .owl-next{ opacity: 1; visibility: visible; } .owl-carousel .owl-controls .owl-dot:first-child:last-child{display: none;} /*------------------------------------------------------------- 10. 404 PAGE --------------------------------------------------------------*/ body.error404 .not-found:after{ content: ''; clear: both; display: table; } body.error404 article{ margin-left: -15px; margin-right: -15px; margin-bottom: 80px; } body.error404 article div.not-found{ margin-left: -15px; margin-right: -15px; margin-bottom: 90px; } body.error404 article div.not-found > .ts-col-24{ text-align: center; } body.error404 article div.not-found h1{ font-size: 240px; line-height: 280px; margin-bottom: 20px; } body.error404 article div.not-found h5, body.error404 article div.not-found p{ margin-bottom: 20px; } body.error404 a.button{ min-width: 270px; } /*------------------------------------------------------------- 11. SEARCH NO RESULTS --------------------------------------------------------------*/ .search-no-results .blog-template .alert{ border-width:0; padding: 0; margin: 0 0 50px; background: transparent; text-align: center; } .search-no-results .blog-template .alert, .search-no-results .blog-template .alert:before{ color: inherit; } .search-no-results .blog-template .alert p{ font-weight: normal; } .search-no-results .blog-template .alert h3{ text-transform: uppercase; } .search-no-results .blog-template .alert:before{ padding: 0 5px; display: block; font-size: 60px; line-height: 1; margin-bottom: 40px; } .search-no-results .search-wrapper{ max-width: 500px; margin: 0 auto; } .search-no-results .search-wrapper .search-table{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; } .search-no-results .search-wrapper .search-field{ flex: 1; } .search-no-results .search-field input[type="text"]{ width: 100%; padding-right: 15px; padding-left: 15px; } .search-no-results .search-button input[type^="submit"]{ min-width: 160px; } /*------------------------------------------------------------- 12. CUSTOM MYMEDI --------------------------------------------------------------*/ .vc_row[data-vc-full-width].vc_row-no-padding{ max-width: 100vw !important; } .h1-big-2{ font-size: 70px; line-height: 84px; } .feature-excerpt{ line-height: 24px !important; } .visible-ipad-portrait{display: none !important;} ::-webkit-input-placeholder{ line-height: 24px; } :-moz-placeholder{ line-height: 24px; } ::-moz-placeholder{ line-height: 24px; } :-ms-input-placeholder{ line-height: 24px; } .text-light .vc_custom_heading { color: #ffffff !important; } .h1-big, .single h2.entry-title, .ts-banner .banner-wrapper .discount, .breadcrumb-title-wrapper .breadcrumb-title .page-title, .woocommerce div.product .woocommerce-tabs .panel h2.h1-big{ font-size: 50px; line-height: 60px; } .woocommerce-error{ color: red; } a.button, button, input[type^="submit"], .ts-button, a.button-readmore, .ts-banner-button a, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit, .shopping-cart p.buttons a, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit, .woocommerce div.product .summary a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .more-less-buttons a, input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn{ line-height: 24px; } .single .comments-area{ margin-top: 70px; } article.single-post > .comments-area:last-child{ margin-bottom: 80px; } .ts-pagination, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals, .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ margin-bottom: 80px; } .commentlist + #comment-wrapper{ margin-top: 80px; } .single .related-posts{ padding: 70px 0 20px; } .single article .related-posts{ margin: 80px 0 0 0; } .related-upsells-products-wrapper{ padding: 70px 0 80px; } .wpb_text_column .ul-style li{ padding: 6px 0; } .ts-single-image.banner-radius{ overflow: hidden; } .vc_row .alignfull-left.wpb_column{ width: 50vw; margin-left: calc(-50vw + 50%); /*rtl*/ } .vc_row .alignfull-right.wpb_column{ width: 50vw; margin-right: calc(-50vw + 50%); /*rtl*/ } .text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6{ color: #ffffff; } .text-light .widget-title-wrapper .newsletter, .text-light .social-icons ul li a, .text-light del, .text-light del.h1, .text-light del.h2, .text-light del.h3, .text-light del.h4, .text-light del.h5, .text-light del.h6{ color: #9BABCD; } .text-light .gray-color .social-icons ul li a{ color: #ededed; } .text-light del{ display: inline-block; vertical-align: top; margin-left: 7px; /*rtl*/ margin-top: 5px; } .sale-label{ width: 134px; height: 134px; border-radius: 100%; line-height: 134px; font-size: 45px; font-weight: 600; text-align: center; display: inline-block; } .vc_row.banner-radius .ul-style-none.style-horizontal li{ margin-right: 40px; /*rtl*/ } article.page > .wpb-content-wrapper > .vc_row.white-line, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child{ width: 100vw !important; left: calc(-50vw + 50%) !important; } article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-fullwidth-wrap, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module-wrap, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-fullwidth-wrap, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module-wrap, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module{ width: 100% !important; } article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module-wrap, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child rs-module-wrap{ left: 0 !important; } article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-module, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-content, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-module-bg, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-module, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-module-bg, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-content{ width: 100% !important; } article.page .wpb-content-wrapper .vc_row sr7-module-bg, article.page > .wpb-content-wrapper > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-content, article.page > .vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"]:first-child sr7-content{ left: 0 !important; } html pre, body code, .ts-video, .banner-radius, .counter-wrapper span.number > span, .ts-banner-image.image-radius img, .ts-feature-wrapper.vertical-image.image-radius .feature-icon, .ts-product-category-wrapper .product-category .product-wrapper > a, .ts-instagram-wrapper.items .item a, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea, .entry-format, .ts-blogs .thumbnail-content, .ts-social-sharing li a, .cloud-zoom-big, .woocommerce ul.cart_list li img, ul.product_list_widget li img, #main-content .woocommerce.columns-1 .products .product, .woocommerce .before-loop-wrapper, .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before, #ts-ajax-add-to-cart-message, .menu-sub-label, .ts-megamenu-widgets-container .widget_media_image > a, body.wpb-js-composer .vc_toggle .vc_toggle_title, body.wpb-js-composer .vc_toggle .vc_toggle_title .vc_toggle_icon, .product-filter-by-brand ul li label:before, .product-filter-by-availability ul li label:before, .product-filter-by-price ul li label:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .widget_rating_filter ul li a:before, .woocommerce .products .product a img, .woocommerce-cart .cart-collaterals .cart_totals:before, #main-content.ts-col-18 .woocommerce.main-products .products .list-categories, #main-content.ts-col-12 .woocommerce.main-products .products .list-categories, .ts-product.ts-slider .products .owl-stage-outer, .woocommerce .ts-product.ts-slider .products .owl-stage-outer, .up-sells .products .owl-stage-outer, .cross-sells .products .owl-stage-outer, .related .products .owl-stage-outer, .woocommerce > .products, #tab-more_seller_product > .products, .single-portfolio .entry-format .thumbnail img, .portfolio-thumbnail figure img, .ts-video-2 > a, .ts-product .products, .woocommerce .ts-product .products, .has-margin .products .product .product-wrapper, .woocommerce-password-strength, .woocommerce div.product div.images .flex-viewport, .woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce-cart table.cart img, .list-posts .ts-blog-banner a, .ts-popup-modal .popup-container, .woocommerce div.product .woocommerce-tabs .panel, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a, div.product .yith-wfbt-section .yith-wfbt-form, #ts-quickshop-modal.ts-popup-modal .popup-container, .wp-block-media-text.has-background, .wp-block-media-text .wp-block-media-text__media img, .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns .summary-column-2, #main-content.ts-col-24 .woocommerce.main-products > .products .product .product-wrapper{ border-radius: 4px; } a.button.h1, a.button.h2, a.button.h3, a.button.h4, .ts-button-wrapper.h1 a.ts-button, .ts-button-wrapper.h2 a.ts-button, .ts-button-wrapper.h3 a.ts-button, .ts-button-wrapper.h4 a.ts-button{ padding: 13px 50px; } .woocommerce-message, .ul-style.check li:before, .ts-compare-table-wrapper .in-stock, .woocommerce div.product .stock{ color: #12A05C; } .add-to-cart-popup-content .heading h6, body #ts-ajax-add-to-cart-message, .woocommerce div.product div.summary .availability > span{ background: #12A05C; color: #ffffff; } .woocommerce div.product div.summary .availability.out-of-stock > span{ background: #752A2B; } .ts-popup-modal.loading .overlay:before{ color: #ffffff; } /*cart*/ .woocommerce table.shop_table tbody > tr:first-of-type > th:first-child, .woocommerce table.shop_table tbody > tr:first-of-type > td:first-child{ border-top-left-radius: 4px; } .woocommerce table.shop_table tbody > tr:first-of-type > td:last-child{ border-top-right-radius: 4px; } .woocommerce table.shop_table tbody > tr:last-of-type > th:first-child, .woocommerce table.shop_table tbody > tr:last-of-type > td:first-child{ border-bottom-left-radius: 4px; } .woocommerce table.shop_table tbody > tr:last-of-type > td:last-child{ border-bottom-right-radius: 4px; } .woocommerce table.shop_table tbody > tr:nth-last-child(2) > td:first-child{ border-bottom-left-radius: 4px; } .woocommerce table.shop_table tbody > tr:nth-last-child(2) > td:last-child{ border-bottom-right-radius: 4px; } .woocommerce table.shop_table.order_details tfoot > tr:last-child > th:first-child{ border-bottom-left-radius: 4px; } .woocommerce table.shop_table.order_details tfoot > tr:last-child > td:last-child{ border-bottom-right-radius: 4px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{ margin: 0; } /*product detail*/ .woocommerce-tabs table tbody tr:first-child th:first-child, .woocommerce-tabs table tbody tr:first-child td:first-child{ border-top-left-radius: 4px; } .woocommerce-tabs table tbody tr:first-child th:last-child, .woocommerce-tabs table tbody tr:first-child td:last-child{ border-top-right-radius: 4px; } .woocommerce-tabs table tbody tr:last-child th:first-child, .woocommerce-tabs table tbody tr:last-child td:first-child{ border-bottom-left-radius: 4px; } .woocommerce-tabs table tbody tr:last-child th:last-child, .woocommerce-tabs table tbody tr:last-child td:last-child{ border-bottom-right-radius: 4px; } .ts-shortcode .shop-more{ margin-top: 30px; } .ts-shortcode .shop-more, .ts-shortcode .show-all-button{ text-align: center; } .product-category .meta-wrapper a.button, .ts-shortcode .shop-more a.button, .ts-shortcode .show-all-button a.button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ padding: 3px 10px; min-width: 80px; } .cover-footer-border{ z-index: 2; } .width-auto{ width: auto; } .vc_column_container > .wpb_wrapper{ width: 100%; } #main > .page-container.blank-page-template{ padding-top: 0; padding-bottom: 0; min-height: 0; } .page-container.blank-page-template .vc_row[data-vc-full-width].full-height{ position: fixed !important; top: 0; left: 0 !important; bottom: 0; right: 0; } .page-container.blank-page-template .vc_row[data-vc-full-width].full-height > .wpb_column{ position: static; } .logo-fixed-top{ position: absolute; top: 30px; } .admin-bar .logo-fixed-top{ top: 62px; } @media screen and (max-width: 782px){ .admin-bar .logo-fixed-top{ top: 76px; } } .wpb_text_column a.button[style*=background]:hover{ background: transparent !important; border-color: initial !important; } /*** GROUP ICONS HEADER ***/ .ts-group-icons-header{ position: fixed; bottom: 0; left: 0; right: 0; height: 44px; /*bottom-bar height*/ border-width: 1px 0 0 0; border-style: solid; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99999; background: #ffffff; border-color: rgba(0,0,0,0.1); } .header-v5 .header-top{ border-width: 0 0 1px 0; border-style: solid; } .header-v5 .header-top :after{ content: ''; clear: both; display: table; } .header-v5 .ts-group-icons-header{ position: static; border-color:transparent; padding-left: 0 !important; padding-right: 0 !important; } .ts-group-icons-header > .shopping-cart-wrapper:last-child, .ts-group-icons-header > .my-wishlist-wrapper:last-child{ padding-right: 10px; /*rtl*/ } .ts-group-icons-header > div{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .ts-group-icons-header > div svg, .ts-group-icons-header > .my-wishlist-wrapper > a, .ts-group-icons-header > .my-account-wrapper .account-control > a, .ts-group-icons-header > div .cart-icon{ width: 44px !important; /*bottom-bar height*/ height: 44px !important; /*bottom-bar height*/ margin: 0 auto; display: block; } .ts-group-icons-header .my-wishlist-wrapper > a .wishlist-number, .ts-group-icons-header .shopping-cart-wrapper .cart-control .cart-number{ width: 18px; height: 18px; font-size: 10px; line-height: 18px; right: 2px; /*rtl*/ top: 4px; } .ts-group-icons-header .my-account-wrapper:hover .dropdown-container, .ts-group-icons-header .shopping-cart-wrapper:hover .dropdown-container, .ts-group-icons-header .shopping-cart-wrapper.active .dropdown-container{ position: fixed; top: 0; bottom: 44px; left: 0; right: 0; margin: 0; padding: 40px 20px 20px; width: 100%; text-align: left; /*rtl*/ } .ts-group-icons-header .shopping-cart-wrapper .dropdown-container .cart-number{ display: block; } .ts-group-icons-header .my-account-wrapper:hover .dropdown-container:before, .ts-group-icons-header .shopping-cart-wrapper:hover .dropdown-container:before, .ts-group-icons-header .shopping-cart-wrapper.active .dropdown-container:before{ top: 0; box-shadow: none; } .ts-group-meta-icon-toggle{ position: relative; } .ts-group-meta-icon-toggle > span{ display: inline-block; vertical-align: middle; line-height: 0; transition: 350ms ease; } .header-v7 .ts-group-meta-icon-toggle > span{ transition: 100ms ease; } .ts-group-meta-icon-toggle .ic-mobile-menu-close-button{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: -1; } .menu-mobile-active .ts-group-meta-icon-toggle .ic-mobile-menu-button{ opacity: 0; visibility: hidden; z-index: -1; } .menu-mobile-active .ts-group-meta-icon-toggle .ic-mobile-menu-close-button{ opacity: 1; visibility: visible; z-index: 2; } .vc_row[data-vc-full-width].rounds-absolute{ position: relative; overflow: hidden; } .rounds-absolute > .wpb_column{ position: static; } .rounds-absolute .wpb_single_image{ position: absolute; top: 50%; right: -20px; /*rtl*/ transform: translateY(-50%) scale(0); transition: 1.5s ease; } .rounds-absolute .vc_inner{ position: relative; z-index: 2; } .rounds-absolute.animated .wpb_single_image{ transform: translateY(-50%) scale(1); } .woocommerce .ts-product.hide-border .products, .woocommerce .ts-product.hide-border .products .product, .product-style-5 .woocommerce .ts-product.meta-center .products, .product-style-5 .woocommerce .ts-product.meta-center .products .product, .product-style-6 .woocommerce .ts-product.meta-center .products, .product-style-6 .woocommerce .ts-product.meta-center .products .product, .woocommerce .ts-product.has-margin .products, .woocommerce .ts-product.has-margin .products .product, .has-margin .woocommerce .ts-product .products, .has-margin .woocommerce .ts-product .products .product{ border-width: 0 !important; } .woocommerce .ts-product.hide-border.border-right .products .product:not(:last-child){ border-right: 1px solid #cee6e5 !important; } .woocommerce .ts-product.hide-border.border-right .products .product .meta-wrapper-2, .woocommerce .ts-product.hide-border.border-right .products .product .meta-wrapper-2 .loop-add-to-cart{ margin-bottom: 0; padding-bottom: 0; } .product-style-5 .woocommerce .ts-product.meta-center .product .thumbnail-wrapper > a, .product-style-6 .woocommerce .ts-product.meta-center .product .thumbnail-wrapper > a{ padding: 15px 15px 0; } .woocommerce .ts-product.has-margin .products .product, .has-margin .woocommerce .ts-product .products .product{ padding: 0 15px; } .bg-transparent .woocommerce .ts-product.has-margin .products .product .thumbnail-wrapper > a, .bg-transparent .woocommerce .ts-product.has-margin .products .product .product-wrapper .meta-wrapper, .has-margin.bg-transparent .woocommerce .ts-product .products .product .thumbnail-wrapper > a, .has-margin.bg-transparent .woocommerce .ts-product .products .product .product-wrapper .meta-wrapper{ padding-left: 0; padding-right: 0; padding-top: 0; } .woocommerce .ts-product.hide-border .products:after, .woocommerce .ts-product.hide-border .owl-stage-outer:before, .woocommerce .ts-product.has-margin .products:after, .woocommerce .ts-product.has-margin .owl-stage-outer:before, .has-margin .woocommerce .ts-product .products:after, .has-margin .woocommerce .ts-product .owl-stage-outer:before{ display: none; } .has-margin .products .product .meta-wrapper{ padding-bottom: 20px; } .product-style-5 .woocommerce .ts-product.hide-add-to-cart .product .quantity{ display: none; } .header-v4 .style-icon .products .product-category .product-wrapper > a{ width: 46px; height: 46px; line-height: 46px; } .header-v4 .style-icon .products .product .heading-title{ margin-bottom: 5px; } .header-v4 header .style-icon .products .product .heading-title{ margin-bottom: 0; } .header-v4 .style-icon .products .product .meta-wrapper{ padding-bottom: 0; } .header-v4 .style-icon .owl-controls{ display: none; } .header-v4 .top-slideshow{ margin-top: -1px; } .text-light .ul-style li, .text-light .ul-style-none li .text-light .ul-style.font-bold li, .text-light .ul-style-none.font-bold li{ color: inherit; } .input-transparent .mailchimp-subscription input[type="email"]{ background: transparent !important; border: 1px solid #d9d9d9; } .h1-big del, h1 del, h2 del, h3 del, h4 del{ font-size: 46%; line-height: 1.2; font-weight: normal; vertical-align: super; color: inherit !important; } .vc_row.vc_row-o-equal-height > .wpb_column > .wpb_wrapper > .wpb_text_column:first-child:last-child{ height: 100%; } .ts-mailchimp-subscription-shortcode.mg-bottom-0 .widget-container{ margin-bottom: 0; } /*Footer banner fixed*/ #page > .image-banner-footer{ position: fixed !important; bottom: 0; left: 0; right: 0; } #page > .image-banner-footer ~ footer, #page > .image-banner-footer ~ #main{ position: relative; z-index: 1; } #page > .image-banner-footer ~ footer > .footer-container{ margin-bottom: 0 !important; } /*------------------------------------------------------------- III. FOOTER --------------------------------------------------------------*/ .first-footer-area a:hover, .end-footer a:hover{ text-decoration: none; } .vc_custom_heading.vc_do_custom_heading { margin-bottom: 20px; } .footer-container a.button.button-light{ font-size: 100% !important; padding-top: 4px; padding-bottom: 4px; } .footer-container ul li{ position: relative; list-style: none; padding: 6px 0; } ul.info-content li:before{ font-size: 18px; position: relative; display: inline-block; vertical-align: top; line-height: 1; margin-right: 15px; /*rtl*/ } .footer-container .mobile-reset-border > .vc_column-inner{ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } .footer-container .mobile-reset-border > .vc_column-inner > .wpb_wrapper{ margin-left: 40px; /*rtl*/ } /*** TO TOP BUTTON ***/ #to-top{ position: fixed; right: 10px; /* rtl */ bottom: 10px; transform: scale(0,0); width: 40px; height: 40px; transition: 350ms ease 0s; text-align: center; cursor: pointer; border-radius: 100%; display: block !important; z-index: 996; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #to-top a{ display: block; width: 40px; height: 40px; overflow: hidden; text-transform: uppercase; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; border-radius: 4px; background: rgba(0,0,0,0.1); color: #ffffff; } #to-top a:before{ font-size: 16px; line-height: 40px; } #to-top a:hover{ text-decoration: none; opacity: 1; } #to-top.on{ transform: scale(1,1); } .overflow-hidden{ overflow: hidden !important; } /*------------------------------------------------------------- IV. WIDGET --------------------------------------------------------------*/ .widget-title a.rsswidget{ line-height: 14px; display: inline-block; } .widget_display_search .widget-title, .widget_product_search .widget-title, .widget_search .widget-title{ margin: 0; padding-top: 0; } .ts-recent-comments-widget.has-nav .widget-title, .ts-blogs-widget.has-nav .widget-title, .ts-related-products-widget.has-nav .widget-title, .ts-products-widget.has-nav .widget-title, .ts-products-widget.has-nav .widgettitle{ display: block; max-width: calc(100% - 55px); } .ts-recent-comments-widget.has-nav .owl-carousel, .ts-blogs-widget.has-nav .owl-carousel, .ts-related-products-widget.has-nav .owl-carousel, .ts-products-widget.has-nav .owl-carousel{ position: static; } .ts-recent-comments-widget.has-nav .owl-nav > .owl-prev, .ts-blogs-widget.has-nav .owl-nav > .owl-prev, .ts-related-products-widget.has-nav .owl-nav > .owl-prev, .ts-products-widget.has-nav .owl-nav > .owl-prev{ right: 25px; /*rtl*/ left: auto; /*rtl*/ } .ts-recent-comments-widget.has-nav .owl-nav > .owl-next, .ts-blogs-widget.has-nav .owl-nav > .owl-next, .ts-related-products-widget.has-nav .owl-nav > .owl-next, .ts-products-widget.has-nav .owl-nav > .owl-next{ right: 0; /*rtl*/ } .ts-recent-comments-widget.has-nav .owl-nav > .owl-prev, .ts-blogs-widget.has-nav .owl-nav > .owl-prev, .ts-related-products-widget.has-nav .owl-nav > .owl-prev, .ts-products-widget.has-nav .owl-nav > .owl-prev, .ts-recent-comments-widget.has-nav .owl-nav > .owl-next, .ts-blogs-widget.has-nav .owl-nav > .owl-next, .ts-related-products-widget.has-nav .owl-nav > .owl-next, .ts-products-widget.has-nav .owl-nav > .owl-next{ top: 4px; width: 24px; height: 24px; line-height: 24px; margin-top: 0; font-size: 14px; opacity: 1; visibility: visible; transition: none; } .widget-container .widget-title-wrapper{ margin: 0; display: block; } .widget-container .widget-title-wrapper, .widget-title-wrapper{ position: relative; } .widget_tag_cloud .widget-title-wrapper{ margin-bottom: 12px; } .widget-container .widget-title{ margin: 0 0 20px; display: inline-block; } .widget-container .widget-title:empty{ display: none; } footer .widget-container .widget-title-wrapper{ padding-bottom: 0; border-width: 0; } /* Fix margin li top */ .widget_categories > ul, .widget-container ul.product-categories, .widget_pages > ul, .widget_recent_entries > ul, .widget_recent_comments > ul, .widget_archive > ul, .widget_display_forums > ul, .widget_display_topics > ul, .widget_display_replies > ul, .widget_meta > ul, .widget_nav_menu .menu-menu-main-container > ul, .widget_rss > ul, .woocommerce .widget_rating_filter ul{ margin-bottom: 0; } .widget-container{ margin: 0 0 60px 0; clear: both; position: relative; } footer .widget-container{ margin-bottom: 0; } .widget-container fieldset{ padding: 0; } .widget-container > ul ol, .widget-container > ul ul{ margin-left: 10px; /* rtl */ } .widget-container ul ul{ display: block; margin: 10px 0 8px 20px; /* rtl */ } .widget-container ul ul ul{ margin-bottom: 0; } .widget-container ul li, .woocommerce .widget_rating_filter ul li{ list-style: none; padding: 8px 0; } .widget-container ul li:first-child{ padding-top: 0; margin-top: 0; } .widget-container ul li:last-child, .widget-container ul ul li:last-child{ padding-bottom: 0; margin-bottom: 0; } .widget_nav_menu > div > ul li.fa:before{ margin-right: 5px;/* rtl */ display: inline-block; } .widget-container ul ul li > a{ position: relative } /*------------------------------------------------------------- 1. WIDGET SUBSCRIPTION --------------------------------------------------------------*/ #left-sidebar .mailchimp-subscription input[type="email"], #left-sidebar .mailchimp-subscription .subscribe-email .button, #right-sidebar .mailchimp-subscription input[type="email"], #right-sidebar .mailchimp-subscription .subscribe-email .button{ width: 100%; float: none; margin: 10px 0 0; /*rtl*/ } .mailchimp-subscription .mc4wp-response{ text-align: left; /*rtl*/ } .mailchimp-subscription .mc4wp-error:before{ float: left; /*rtl*/ margin-right: 10px; /*rtl*/ } /*------------------------------------------------------------- 2. TAG CLOUD --------------------------------------------------------------*/ .tagcloud, .tags-link{ overflow: hidden; margin: 0 -5px; } .widget-container.widget_tag_cloud{ margin-bottom: 50px; } .tagcloud a, .entry-meta-top .tags-link a, .ts-portfolio-wrapper .cats-portfolio > a{ margin: 0 5px 5px; font-size: 12px !important; line-height: 20px !important; padding: 0 10px; border-radius: 40px; display: block; float: left;/* rtl */ text-transform: uppercase; } .tagcloud a{ margin-bottom: 10px; } .tagcloud a:hover, .tags-link a:hover{ text-decoration: none; } .ts-portfolio-wrapper .cats-portfolio > a{ text-transform: uppercase; text-decoration: none; } /*------------------------------------------------------------- 3. WIDGET SOCIAL --------------------------------------------------------------*/ .ts-aligncenter.ts-social-icons .social-icons, .ts-alignright.ts-social-icons .social-icons, .ts-alignleft.ts-social-icons .social-icons{ display:inline-block; margin: 0; } .ts-social-icons .social-icons{ display: block; } .ts-social-icons .list-icons:after{ display: table; clear: both; content: ""; } .ts-social-icons .social-icons > ul{ margin: 0 -9px; } .ts-social-icons .social-icons li{ text-align: center; float: left;/* rtl */ display: block; position: relative; margin: 5px 9px !important; padding: 0 !important; } .ts-social-icons .social-icons li a{ display: block; transition: none; color: inherit; } .ts-social-icons .social-icons .ts-tooltip{ color: #fff; position: absolute; content: ""; top: -30px; left: 50%; margin-left: -30px !important; height: 20px; opacity: 0; visibility: hidden; padding: 2px 5px; width: 60px; font-size: 10px; transition: 350ms ease 0s; text-align: center !important; line-height: 16px !important; white-space: nowrap; display: none; } .ts-social-icons .social-icons .ts-tooltip:before{ position: absolute; bottom: -9px; left: 50%; font-size: 12px; margin-left: -3px; line-height: 14px; } .ts-social-icons .show-tooltip.social-icons .ts-tooltip{ display: inline-block; } .ts-social-icons .social-icons li a:hover .ts-tooltip{ opacity: 1; visibility: visible; z-index: 999; } /* Background */ .ts-social-icons .social-icons li.facebook .ts-tooltip{ background-color: #3B5998; } .ts-social-icons .social-icons li.twitter .ts-tooltip{ background-color: #2CAAE1; } .ts-social-icons .social-icons li.flickr .ts-tooltip{ background-color: #E30761; } .ts-social-icons .social-icons li.vimeo .ts-tooltip{ background-color: #17B3E8; } .ts-social-icons .social-icons li.mailchimp .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons li.youtube .ts-tooltip{ background-color: #CC181E; } .ts-social-icons .social-icons li.viber .ts-tooltip{ background-color: #7C529E; } .ts-social-icons .social-icons li.skype .ts-tooltip{ background-color: #009EE5; } .ts-social-icons .social-icons li.instagram .ts-tooltip{ background-color: #d32558; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .ts-social-icons .social-icons li.feedburner .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons li.linkedin .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons li.wordpress .ts-tooltip{ background-color: #21759B; } .ts-social-icons .social-icons li.pinterest .ts-tooltip{ background-color: #cb2027; } .ts-social-icons .social-icons li.reddit .ts-tooltip{ background-color: #516AE8; } .ts-social-icons .social-icons li.custom .ts-tooltip{ background-color: #103178; } /*** Color ***/ body .ts-social-icons .social-icons li a:hover{ color: #ffffff; } .ts-social-icons .social-icons li.facebook .ts-tooltip:before, .ts-social-icons .social-icons li.facebook a:hover{ color: #3B5998; } .ts-social-icons .social-icons li.twitter .ts-tooltip:before, .ts-social-icons .social-icons li.twitter a:hover{ color: #2CAAE1; } .ts-social-icons .social-icons li.google-plus .ts-tooltip:before, .ts-social-icons .social-icons li.google-plus a:hover{ color: #c63531; } .ts-social-icons .social-icons li.flickr .ts-tooltip:before, .ts-social-icons .social-icons li.flickr a:hover{ color: #E30761; } .ts-social-icons .social-icons li.vimeo .ts-tooltip:before, .ts-social-icons .social-icons li.vimeo a:hover{ color: #17B3E8; } .ts-social-icons .social-icons li.mailchimp .ts-tooltip:before, .ts-social-icons .social-icons li.mailchimp a:hover{ color: #176DBA; } .ts-social-icons .social-icons li.youtube .ts-tooltip:before, .ts-social-icons .social-icons li.youtube a:hover{ color: #CC181E; } .ts-social-icons .social-icons li.viber .ts-tooltip:before, .ts-social-icons .social-icons li.viber a:hover{ color: #7C529E; } .ts-social-icons .social-icons li.skype .ts-tooltip:before, .ts-social-icons .social-icons li.skype a:hover{ color: #009EE5; } .ts-social-icons .social-icons li.instagram .ts-tooltip:before, .ts-social-icons .social-icons li.instagram a:hover{ color: #d95766; } .ts-social-icons .social-icons li.feedburner .ts-tooltip:before, .ts-social-icons .social-icons li.feedburner a:hover{ color: #176DBA; } .ts-social-icons .social-icons li.linkedin .ts-tooltip:before, .ts-social-icons .social-icons li.linkedin a:hover{ color: #176DBA; } .ts-social-icons .social-icons li.wordpress .ts-tooltip:before, .ts-social-icons .social-icons li.wordpress a:hover{ color: #21759B; } .ts-social-icons .social-icons li.pinterest .ts-tooltip:before, .ts-social-icons .social-icons li.pinterest a:hover{ color: #cb2027; } .ts-social-icons .social-icons li.reddit .ts-tooltip:before, .ts-social-icons .social-icons li.reddit a:hover{ color: #516AE8; } .ts-social-icons .social-icons li.custom .ts-tooltip:before, .ts-social-icons .social-icons li.custom a:hover{ color: #103178; } /*------------------------------------------------------------- 4. FILTER BY PRICE --------------------------------------------------------------*/ .widget-container.widget_price_filter, .widget-container.product-filter-by-brand, .widget-container.widget_rating_filter, .widget-container.product-filter-by-color{ padding-top: 40px; margin-bottom: 40px; border-width: 1px 0 0; border-style: solid; } .widget-container.widget_price_filter + .widget_media_image, .widget-container.product-filter-by-brand + .widget_media_image, .widget-container.widget_rating_filter + .widget_media_image, .widget-container.product-filter-by-color + .widget_media_image{ padding-top: 20px; } .widget-container.product-filter-by-color{ margin-bottom: 30px; } .woocommerce .widget_price_filter form{ padding-top: 7px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ background-image: none; box-shadow: none; border-radius: 0; height: 4px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin: 0 0 20px 14px; /*rtl*/ background: #F0F2F5; border-radius: 0; direction: ltr; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ height: 4px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range:before{ position: absolute; left: 0;right: 0; bottom: 0;top: 0; z-index: 1; content: ""; background: #103178; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ content: ""; position: absolute; top: 0; left: -16px;/* rtl */ right: auto; /*rtl*/ border-width: 0 16px 0 0; /*rtl*/ border-style: solid; border-color: #F0F2F5; width: 16px; height: 4px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after{ right: 0; /*rtl*/ left: auto; /*rtl*/ } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width: 16px; height: 16px; margin-left: -15px; /*rtl*/ top: -7px; background: #103178; box-shadow: none; border-radius: 100%; } .woocommerce .widget_price_filter .ui-slider{ margin-left: 2px; margin-right: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child{ margin-left: -15px; /*rtl*/ } .woocommerce .widget_price_filter .price_slider_amount{ line-height: inherit; font-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce .widget_price_filter .price_slider_amount .price_label{ width: 100%; margin-bottom: 10px; font-size: 0; } .woocommerce .widget_price_filter .price_slider_amount .price_label:after{ content: ''; display: table; clear: both; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span{ display: inline-block; vertical-align: middle; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ height: 34px; line-height: 24px; float: left; /*rtl*/ text-align: left; /*rtl*/ position: relative; padding: 6px 15px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child{ width: calc(50% + 15px); position: relative; z-index: 2; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ width: calc(50% - 15px); height: 34px; line-height: 24px; float: left; /*rtl*/ text-align: left; /*rtl*/ position: relative; padding: 6px 15px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:before{ content: ''; position: absolute; top: 0; left: 0; /*rtl*/ bottom: 0; width: calc(100% - 30px); z-index: -1; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:before, .woocommerce .widget_price_filter .price_slider_amount .price_label > span:last-child{ border-radius: 60px; } .woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after{ content: "-"; font-size: 36px; width: 30px; padding: 0 10px; display: inline-block; text-align: center; position: absolute; top: 3px; right: 0; /*rtl*/ } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit{ order: 1; background: transparent !important; border-width: 0 !important; padding: 0 !important; text-decoration: underline; } .product-style-4 .ts-megamenu-container .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 4px 10px; width: auto; min-width: 120px; } body .select2-container--default .select2-selection--single .select2-selection__clear { float: none; margin-right: 5px; /*rtl*/ top: -1px; } /*------------------------------------------------------------- 5. FILTER BY ATTRIBUTE --------------------------------------------------------------*/ /*** Active Filters ***/ .ts-active-filters:not(:empty){ padding-bottom: 10px; } .ts-active-filters .widget_layered_nav_filters:after{ content: ''; clear: both; display: table; } .ts-active-filters .widget_layered_nav_filters .widgettitle{ font-size: 100%; line-height: 24px; float: left;/* rtl */ margin: 0 20px 10px 0;/* rtl */ } .ts-active-filters .widget_layered_nav_filters ul{ float: left;/* rtl */ margin-left: -10px; margin-right: -10px; } .ts-active-filters .widget_layered_nav_filters ul li{ margin: 0 10px 10px; padding: 0; float: left;/* rtl */ line-height: 24px; } .ts-active-filters .widget_layered_nav_filters ul li a{ transition: none; position: relative; } .woocommerce .widget_layered_nav_filters ul li a:after{ color: red; font-size: 10px; display: inline-block; vertical-align: middle; margin-left: 5px; /*rtl*/ } .ts-active-filters .widget_layered_nav_filters ul li a:after{ margin-top: -1px; } .woocommerce .widget_layered_nav_filters ul li a:before{ display: none; } /*------------------------------------------------------------- 6. FILTER BY COLOR --------------------------------------------------------------*/ .product-filter-by-color ul li a > span.color-name{ display: none; } .product-filter-by-color ul li, .ts-product-attribute div.option{ display: inline-block; vertical-align: middle; } .product-filter-by-color ul li a > span, .ts-product-attribute div.option a > span:first-child{ width: 25px; height: 25px; font-size: 0; letter-spacing: 0; border-radius: 100%; display: inline-block; vertical-align: middle; transition: 350ms ease 0s; } .product-filter-by-color ul li a, .ts-product-attribute div.option a{ display: inline-block; margin-right: 10px; /*rtl*/ margin-bottom: 10px; /*rtl*/ position: relative; } .product-filter-by-color ul li a, .ts-product-attribute div.option.color a{ max-width: 25px; vertical-align: top; } .product-filter-by-color ul li a:before, .ts-product-attribute div.option.color a:before{ content: ''; width: 33px; height: 33px; border-width: 1px; border-style: solid; border-radius: 100%; display: inline-block; position: absolute; top: -4px; left: -4px; /*rtl*/ opacity: 0; visibility: hidden; transition: opacity 350ms, visibility 350ms; } .product-filter-by-color ul li a:after, .ts-product-attribute div.option.color a:after, .woocommerce .widget_rating_filter ul li a:after, .product-filter-by-availability ul li label:after, .product-filter-by-price ul li label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after, .widget-container.product-filter-by-brand ul > li label:after{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 12px; line-height: 1; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: opacity 350ms, visibility 350ms; } .ts-product-attribute div.option.color{ line-height: 1; } .ts-product-attribute div.option.color a:after{ margin-top: 1px; } .product-filter-by-color ul li:hover a:before, .product-filter-by-color ul li:hover a:after, .product-filter-by-color ul li.chosen a:before, .product-filter-by-color ul li.chosen a:after, .ts-product-attribute div.option.color:hover a:before, .ts-product-attribute div.option.color:hover a:after, .ts-product-attribute div.option.color.selected a:before, .ts-product-attribute div.option.color.selected a:after, .woocommerce .widget_rating_filter ul li.chosen a:after, .product-filter-by-availability ul li input[checked="checked"] + label:after, .product-filter-by-price ul li.chosen label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:after, .widget-container.product-filter-by-brand ul > li.selected label:after{ opacity: 1; visibility: visible; } .product-filter-by-color ul li a img, .ts-product-attribute a img{ width: 25px; height: 25px; border-radius: 100%; display: block; transition: 300ms ease 0s; } .product-filter-by-color ul li a img{ display: inline-block; vertical-align: middle; margin-right: 10px; /*rtl*/ } .ts-product-attribute a img{ position: relative; } .product-filter-by-color > ul{ margin-bottom: 0; } /*------------------------------------------------------------- 7. WIDGET LIST PRODUCT --------------------------------------------------------------*/ .widget.ts-products-widget{ overflow: hidden; } .vc_row .widget.ts-products-widget.has-nav{ position: relative; } .woocommerce ul.cart_list li.empty, ul.product_list_widget li.empty, .woocommerce ul.product_list_widget li.empty{ min-height: 0; margin: 0; padding: 0; } .ts-products-widget .ts-products-widget-wrapper.owl-carousel{ width: 100%; } .ts-related-products-widget.has-nav > .related-products:first-child, .ts-products-widget.has-nav .ts-products-widget-wrapper.owl-carousel{ padding-top: 54px; } .ts-products-widget.has-nav .widget-title-wrapper + .ts-products-widget-wrapper.owl-carousel, .ts-products-widget.has-nav .widgettitle + .ts-products-widget-wrapper.owl-carousel{ padding-top: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ position: relative; margin: 0 0 30px 0; padding: 0; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child, ul.product_list_widget li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce.widget_shopping_cart .cart_list li:last-child{ margin-bottom: 0; } .woocommerce ul.cart_list li img, ul.product_list_widget li img, .woocommerce ul.product_list_widget li img{ box-shadow: none; width: 90px; margin: 0; float: left;/* rtl */ } .woocommerce .widget_shopping_cart .cart_list, .woocommerce.widget_shopping_cart .cart_list{ padding-bottom: 0; border-bottom-width: 0; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding: 25px; margin: 0; } .woocommerce .widget_shopping_cart .cart_list li img, .woocommerce.widget_shopping_cart .cart_list li img{ width: 100%; margin-bottom: 10px; border-radius: 4px; } .widget .ts-products-widget-wrapper ul li, .woocommerce .widget .ts-products-widget-wrapper ul li{ margin-bottom: 30px; padding: 0; border-width: 0; } .widget .ts-products-widget-wrapper ul li:last-child, .woocommerce .widget .ts-products-widget-wrapper ul li:last-child{ margin-bottom: 0; } .widget-container ul.product_list_widget li .ts-wg-meta > a, ul.product_list_widget li .ts-wg-meta > a, .woocommerce .widget-container ul.product_list_widget li .ts-wg-meta > a, .woocommerce ul.cart_list li .product-name a, .woocommerce ul.product_list_widget li .product-name a{ margin: 0 0 10px 0; text-transform: none; } .ts-search-result-container ul.product_list_widget li .ts-wg-meta > a.title {margin: 0;} .widget.ts-products-widget .ts-wg-meta > a, .widget-container ul.product_list_widget li .ts-wg-meta > a, ul.product_list_widget li .ts-wg-meta > a, .woocommerce .widget-container ul.product_list_widget li .ts-wg-meta > a{ line-height: 22px; } ul.product_list_widget li .ts-wg-meta{ margin-left: 110px;/* rtl */ top: -2px; position: relative; } .no-thumbnail ul.product_list_widget li .ts-wg-meta{ margin-left: 0 !important; margin-right: 0 !important; } /* Dt Dd Variable product widget */ .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, ul.product_list_widget li dl dd, ul.product_list_widget li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt{ margin: 0 0 4px 0; padding: 0; } .woocommerce ul.cart_list li dl, ul.product_list_widget li dl, .woocommerce ul.product_list_widget li dl{ float: left;/* rtl */ position: relative; border: 0; padding-left: 1em;/* rtl */ } ul.product_list_widget li dl dd, ul.product_list_widget li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt{ float: left;/* rtl */ } ul.product_list_widget li dl:before, .woocommerce ul.cart_list li dl:before, .woocommerce ul.product_list_widget li dl:before{ position: absolute; left: 0;/* rtl */ top: 4px; bottom: 6px; right: auto; border-width: 0 1px 0 0; border-style: solid; content: ""; width: 1px; display: inline-block; } /* End fix spacing button remove cart widget */ ul.product_list_widget li > a.ts-wg-thumbnail, .woocommerce ul.product_list_widget li > a.ts-wg-thumbnail{ margin: 0; padding: 0; position: relative; top: auto; left: auto; bottom: auto; right: auto; overflow: hidden; float: left; /* rtl */ } ul.product_list_widget li > a.ts-wg-thumbnail:before, .woocommerce ul.product_list_widget li > a.ts-wg-thumbnail:before{ position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(255,255,255,0.7); opacity: 0; transition: 350ms ease 0s; } ul.product_list_widget li > a.ts-wg-thumbnail:hover:before, .woocommerce ul.product_list_widget li > a.ts-wg-thumbnail:hover:before{ opacity: 1; } .woocommerce ul.cart_list li a:hover, ul.product_list_widget li a:hover, .woocommerce ul.product_list_widget li a:hover{ text-decoration: none; } .ts-recent-comments-widget .owl-nav > div.owl-next, .ts-recent-comments-widget .owl-nav > div.owl-prev, .ts-blogs-widget-wrapper .owl-nav > div.owl-next, .ts-blogs-widget-wrapper .owl-nav > div.owl-prev, .ts-products-widget-wrapper .owl-next, .ts-products-widget-wrapper .owl-prev{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-recent-comments-widget .owl-carousel, .ts-blogs-widget .owl-carousel{ width: 100%; } .ts-recent-comments-widget .comment_list_widget li .comment-meta > .meta:first-child{ padding-left: 0; } .ts-recent-comments-widget .comment_list_widget .meta .author{ font-weight: 600; } /* Categories */ .product-categories span{ display: none; } .product-categories span.count{ display: inline-block; } ul.product_list_widget li .product-categories{ margin-bottom: 6px; line-height: 18px; } /* Price */ :where(.ts-compare-popup,.ts-compare-table-wrapper,.ts-wishlist-table-wrapper) .product-price, .product .price, ul.product_list_widget li .price, .woocommerce ul.product_list_widget li .price{ margin: 0 -3px; display: flex; flex-flow: row wrap; align-items: center; width: calc(100% + 6px); } .product-price {font-weight: 500;} .product-price .amount, .product .price .amount, ul.product_list_widget li .price .amount, .woocommerce ul.product_list_widget li .amount{ margin: 0 3px; display: inline; } ul.product_list_widget li .price > .amount, .woocommerce.widget_shopping_cart ul.product_list_widget li .price > .amount{ margin-left: 0; margin-right: 0; } .group_table del, .price del, .product-price del{ font-weight: 400; order: 1; } .amount, .quantity span.amount{ line-height: 20px; } .woocommerce table.shop_table .product-price {font-size: 1em;} /* Rating */ .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5{ border: 0; } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after{ font-size: 12px; line-height: 14px; } .woocommerce p.stars a{ line-height: 16px; } ul.product_list_widget, .woocommerce ul.product_list_widget{ padding: 0; margin: 0; } .woocommerce ul.cart_list{ padding: 0 0 40px 0; margin: 0; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ margin: 0; padding: 20px 0; border-width: 1px 0 0 0; border-style: solid; position: relative; overflow: hidden; } .woocommerce .widget_shopping_cart p.buttons, .woocommerce.widget_shopping_cart p.buttons{ margin-bottom: 0; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{ margin: 0; width: 100%; } .woocommerce .widget_shopping_cart .buttons a.checkout, .woocommerce.widget_shopping_cart .buttons a.checkout{ margin-top: 10px; } /* Widget recent review */ .woocommerce.widget_recent_reviews ul.product_list_widget li{ position: relative; } .woocommerce.widget_recent_reviews ul.product_list_widget li a{ margin-top: -5px; } .woocommerce.widget_recent_reviews ul.product_list_widget li .product-title, .woocommerce.widget_recent_reviews ul.product_list_widget li .star-rating, .woocommerce.widget_recent_reviews ul.product_list_widget li .reviewer{ display: block; margin-left: 110px; /*rtl*/ } .woocommerce.widget_recent_reviews ul.product_list_widget li .star-rating{ margin-top: 5px; } .widget_recent_reviews ul.product_list_widget li .product-title, .woocommerce.widget_recent_reviews ul.product_list_widget li .product-title, .woocommerce.widget_recent_reviews ul.product_list_widget li .product-title, .widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_recent_reviews ul.product_list_widget li img{ width: 100%; float: none; margin-left: 0 !important; /*rtl*/ margin-right: 0; /*rtl*/ } .woocommerce.widget_recent_reviews ul.product_list_widget li .star-rating, .woocommerce.widget_recent_reviews ul.product_list_widget li .reviewer{ margin-left: 0 !important; /*rtl*/ } .woocommerce.widget_recent_reviews ul.product_list_widget li .reviewer{ font-size: 90%; margin-top: 5px; } /*** Widget Related Product ***/ .ts-products-widget ul.product_list_widget, .widget-container ul.product_list_widget{ border-width: 1px; border-style: solid; } .vc_row .ts-products-widget .ts-slider ul.product_list_widget{ width: calc(100% - 1px); } .ts-products-widget ul.product_list_widget li, .widget-container ul.product_list_widget li{ padding: 25px; border-width: 0 0 1px 0; border-style: solid; margin: 0; } .ts-products-widget ul.product_list_widget li:last-child, .widget-container ul.product_list_widget li:last-child{ border-width: 0; } .ts-products-widget ul.product_list_widget li > a.ts-wg-thumbnail, .widget-container ul.product_list_widget li > a.ts-wg-thumbnail, .widget-container.woocommerce ul.product_list_widget li > a.ts-wg-thumbnail{ float: none; } .ts-products-widget-wrapper ul.product_list_widget li > a.ts-wg-thumbnail img, .widget-container ul.product_list_widget li > a.ts-wg-thumbnail img, .widget-container.woocommerce ul.product_list_widget li > a.ts-wg-thumbnail img{ width: 100%; } .ts-products-widget-wrapper.image-border ul.product_list_widget li > a.ts-wg-thumbnail img{ border-width: 1px; border-style: solid; } .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-meta, .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-meta, .widget-container ul.product_list_widget li .ts-wg-meta, .widget-container.woocommerce ul.product_list_widget li .ts-wg-meta{ margin-left: 0; /*rtl*/ top: 0; } .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail + .ts-wg-meta, .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail + .ts-wg-meta, .widget-container ul.product_list_widget li .ts-wg-thumbnail + .ts-wg-meta, .widget-container.woocommerce ul.product_list_widget li .ts-wg-thumbnail + .ts-wg-meta{ margin-top: 10px; } .ts-products-widget ul.product_list_widget li .star-rating, .widget-container ul.product_list_widget li .star-rating, .widget-container.woocommerce ul.product_list_widget li .star-rating{ margin-top: 10px; margin-bottom: 0; } /*------------------------------------------------------------- 8. WIDGET CALENDAR --------------------------------------------------------------*/ #calendar_wrap{ overflow: auto; } .widget_calendar table{ border-width: 0; background: #f0f2f5; margin-bottom: 15px; border-radius: 4px; overflow: hidden; font-size: 80%; } body .widget_calendar table td, body .widget_calendar table th{ border-width: 0 !important; padding: 5px; text-align: center; background: transparent; } body .widget_calendar table th{ font-weight: 600; } .widget_calendar caption{ padding: 7px 0 6px 0; text-align: center; text-transform: uppercase; font-weight: 600; background: #103178; color: #fff; } .widget_calendar td#prev{ text-align: left; /* rtl */ } .widget_calendar td#next{ text-align: right; /* rtl */ } .widget_calendar .wp-calendar-nav:after{ content: ''; clear: both; display: table; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next{ font-size: 80%; line-height: 18px; font-weight: 600; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev{ float: left; /*rtl*/ } .widget_calendar .wp-calendar-nav .wp-calendar-nav-next{ float: right; /*rtl*/ } /*------------------------------------------------------------- 9. WIDGET SEARCH --------------------------------------------------------------*/ .widget_display_search > form, .widget_product_search > form{ padding-top: 0; padding-bottom: 0; } .widget_product_search, .widget_search, .widget_display_search{ padding: 0; border: 0; } .widget_display_search > form, .widget_product_search > form, .widget_search > form, .error404 .search-table{ position: relative; } .widget_display_search > form input[type="text"], .widget_product_search > form input[type="search"], .widget_search > form input[type="text"]{ max-width: 100%; width: 100%; margin: 0; } .wp-block-search input[type="text"], .wp-block-search input[type="search"]{ margin: 0; } .ts-sidebar:not(.filter-widget-area).widget_display_search > form input[type="text"], .ts-sidebar:not(.filter-widget-area) .widget_product_search > form input[type="search"], .ts-sidebar:not(.filter-widget-area) .widget_search > form input[type="text"]{ padding-left: 15px; /*rtl*/ } .widget_display_search > form input[type="submit"], .widget_product_search > form button, .widget_search > form input[type="submit"], .error404 .search-table .search-button input[type="submit"]{ padding: 0 !important; border: 0 !important; font-size: 0 !important; background: transparent !important; position: absolute; right: 0;/* rtl */ top: 0; min-width: 0; width: 40px; height: 100%; } /*------------------------------------------------------------- 10. WIDGET BLOG --------------------------------------------------------------*/ .widget_meta ul li, .widget_archive ul li{ padding: 0; margin: 0 0 16px 0; } .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_display_forums ul li, .widget_display_topics ul li, .widget_display_replies ul li, .widget_meta ul li, .widget_rss ul li{ padding: 0; margin: 0 0 16px 0; } .widget_recent_comments ul li .comment-author-link:before{ display:inline-block; position: relative; top: 0; margin-right: 10px;/* rtl */ } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child, .widget_archive ul li:last-child, .widget_display_forums ul li:last-child, .widget_display_topics ul li:last-child, .widget_display_replies ul li:last-child, .widget_meta ul li:last-child, .widget_rss ul li:last-child{ padding-bottom: 0; margin-bottom: 0; border-width: 0; } .widget_recent_entries .post-date{ text-transform: uppercase; display: inline-block; width: 100%; } .widget_recent_comments .comment-author-link{ font-weight: 600; text-transform: capitalize; } .widget_recent_comments .comment-author-link a{ text-decoration: none; } .widget_recent_comments .comment-author-link a:hover{ text-decoration: underline; } .widget-container select{ font-size: 100%; } /* Type blog */ .post_list_widget .entry-meta-top{ margin-bottom: 10px; } .post_list_widget .ts-video.auto-size{ padding-bottom: 57.25% !important; margin-bottom: 15px } .post_list_widget .ts-soundcloud{ margin-bottom: 15px; } .post_list_widget .entry-meta{ margin-bottom: 2px; font-style: italic; } .post_list_widget .entry-meta > span{ margin-right: 20px;/* rtl */ font-size: 95%; } .post_list_widget .entry-meta > span:last-child{ margin-right: 0;/* rtl */ } /* End Type Blog */ .ts-blogs-widget-wrapper{ position: relative; } .post_list_widget{ margin: 0; } .post_list_widget blockquote{ margin: 0; line-height: 28px; } .post_list_widget li.quote .entry-meta-top{ margin: 0; } .post_list_widget blockquote:before{ height: 30px; } .widget-container .post_list_widget > li{ position: relative; padding: 0; margin: 0; min-height: 60px; display: inline-block; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .widget-container .post_list_widget > li:last-child{ margin-bottom: 0; } .widget-container .post_list_widget > li:after{ display: table; content: ""; clear: both; } article .gallery .owl-carousel{ width: 100%; } .ts-blogs-widget .post_list_widget > li{ margin-bottom: 30px; } .ts-blogs-widget .post_list_widget .entry-meta-top > span{ margin-right: 5px; /*rtl*/ } .ts-blogs-widget .post_list_widget > li .entry-content{ margin-top: 15px; } .ts-blogs-widget .entry-content > .excerpt{ margin-bottom: 0; } .ts-blogs-widget .post_list_widget > li a.thumbnail, .widget-container .post_list_widget header h5{ margin-bottom: 0; } .ts-blogs-widget .post_list_widget > li a.gallery .owl-nav{ display: none; } /*------------------------------------------------------------- 11. WIDGET RECENT COMMENTS --------------------------------------------------------------*/ .comment_list_widget .comment-body{ border: 0; margin: 0; padding: 0;/* rtl */ position: relative; background: transparent; font-style: normal; min-height: 0; font-size: 100%; } .comment_list_widget .comment-body:after, .comment_list_widget .comment-body:before{ display: none; } .widget-container .comment_list_widget > li{ margin: 0 0 30px 0; padding: 0; clear: both; display: inline-block; width: 100%; position: relative; } .widget-container .comment_list_widget{ margin-bottom: 0; } .comment_list_widget .comment-meta{ display: table; margin-bottom: 10px; } .comment_list_widget .comment-meta > div{ display: table-cell; vertical-align: middle; } .comment_list_widget .avatar{ width: 30px; height: 30px; margin-left: 0; margin-right: 10px; border-radius: 100%; } .comment_list_widget .avatar > a{ position: relative; } .comment_list_widget .meta{ padding-left: 15px;/* rtl */ } .comment_list_widget .meta .author{ margin-right: 5px; /*rtl*/ } .comment_list_widget .meta .author a{ text-decoration: none; text-transform: none; } .comment_list_widget .meta .date{ font-style: italic; } .comment_list_widget blockquote{ clear: both; text-align: left; /* rtl */ } /*------------------------------------------------------------- 12. WIDGET SOCIAL --------------------------------------------------------------*/ .widget-container.ts-social-icons .social-icons{ padding-top: 0; } .widget-container.ts-social-icons .social-desc{ margin-bottom: 10px; } /*------------------------------------------------------------- 13. WIDGET RSS --------------------------------------------------------------*/ .widget_rss .rss-date{ font-size: 95%; font-style: italic; margin: 6px 0 6px 0; display: block; } .widget_rss cite{ margin-top: 5px; display: inline-block; width: 100%; } /*------------------------------------------------------------- 14. WIDGET COMPARE --------------------------------------------------------------*/ body .yith-woocompare-widget{ overflow: hidden; } body .yith-woocompare-widget ul{ margin-bottom: 0; } body .yith-woocompare-widget ul.products-list li, body .yith-woocompare-widget ul.products-list li:not( .list_empty ){ position: relative; padding: 8px 0; } body .yith-woocompare-widget .clear-all, body .yith-woocompare-widget a.compare{ margin-bottom: 20px; } body .yith-woocompare-widget a.clear-all{ position: relative; top: 6px; } body .yith-woocompare-widget, body .yith-woocompare-widget *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } body .yith-woocompare-widget ul.products-list a.remove{ position: absolute; right: 0;/* rtl */ left: auto; top: 8px; content: ""; z-index: 2; font-size: 0; line-height: 0; height: auto; width: auto; text-indent: 0; padding: 0; background: transparent !important; border-radius: 0; } body .yith-woocompare-widget ul.products-list a.remove:hover{ opacity: 0.7; } body .yith-woocompare-widget ul.products-list a.remove:before{ display: inline-block; font-size: 14px; line-height: 20px; } body .yith-woocompare-widget a.compare{ float: right;/* rtl */ padding: 5px 10px; border-radius: 0; border-width: 1px; border-style: solid; } body .yith-woocompare-widget a.compare:before{ display: none !important; } body .yith-woocompare-widget ul.products-list li .title{ margin-right: 20px;/* rtl */ font-size: 100%; text-transform: none; } /*------------------------------------------------------------- 15. WIDGET PRODUCT CATEGORIES --------------------------------------------------------------*/ .widget-container ul.product-categories li{ margin: 0; padding: 8px 0; position: relative; } .widget-container ul.product-categories li:last-child, .widget-container ul.product-categories ul li:last-child{ padding-bottom: 0; } .widget-container ul.product-categories li a{ position: relative; } /* WIDGET TS CATEGORIES */ .widget-container span.icon-toggle{ display: none; } .widget-container li.cat-parent > span.icon-toggle{ width: 22px; height: 22px; font-size: 14px; line-height: 20px; text-align: center; border-radius: 2px; cursor: pointer; display: inline-block; vertical-align: top; float: right; /*rtl*/ } /*------------------------------------------------------------- 16. WIDGET TWITTER --------------------------------------------------------------*/ .ts-twitter-widget .item{ position: relative; margin: 0 0 20px 0; padding: 0 0 20px 0; border-width: 0 0 1px 0; border-style: solid; display: inline-block; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-twitter-widget .item:last-child{ border-width: 0; padding-bottom: 0; margin-bottom: 0; } .ts-twitter-widget .avatar-name img{ width: 30px; height: 30px; border-radius: 100%; float: left;/* rtl */ } .ts-twitter-widget .date-time{ font-size: 95%; font-style: italic; display: inline-block; width: 100%; } .ts-twitter-widget .avatar-name{ min-height: 30px; overflow: hidden; } .avatar-name a{ margin: 0 0 0 15px; /* rtl */ position: relative; top: 2px; } .avatar-name a:hover{ text-decoration: none; } .ts-twitter-widget .content{ margin-top: 10px; } /*------------------------------------------------------------- 17. WIDGET TS SINGLE IMAGE --------------------------------------------------------------*/ .widget-container.ts-single-image{ border: 0; padding: 0; } .widget-container.ts-single-image img{ margin: 0; padding: 0; } .widget-container.ts-single-image:before{ display: none; } /*------------------------------------------------------------- 18. WIDGET CATEGORIES --------------------------------------------------------------*/ .widget_categories ul li{ margin: 0; padding: 0; } .widget_categories .icon-toggle + ul.children{ display: none; } .widget_categories > ul li{ margin: 0; list-style: none; } .widget_categories > ul ul li, .widget_pages > ul ul li, .widget_nav_menu div > ul ul li, .widget-container ul.product-categories ul li, .widget-container.widget_categories > ul ul li, .widget-container.widget_layered_nav > ul ul li{ padding: 6px 0; position: relative; } .widget-container.product-filter-by-color ul li, .widget-container.product-filter-by-availability ul li{ padding: 0; } .widget_categories > ul > li, .widget_pages > ul > li, .widget_nav_menu div > ul > li, .widget-container ul.product-categories > li, .widget-container.widget_categories > ul > li, .widget-container.widget_layered_nav > ul > li, .widget-container.product-filter-by-availability .product-filter-by-availability-wrapper > ul > li{ margin: 0 0 20px 0; padding: 0; position: relative; } .widget_categories > ul li:last-child, .widget_pages > ul li:last-child, .widget_nav_menu div > ul li:last-child, .widget-container ul.product-categories > li:last-child, .widget-container.widget_categories > ul > li:last-child, .widget-container.widget_layered_nav > ul > li:last-child, .widget-container.product-filter-by-brand .product-filter-by-brand-wrapper > ul > li:last-child, .widget-container.product-filter-by-color > ul > li:last-child, .widget-container.product-filter-by-availability .product-filter-by-availability-wrapper > ul > li:last-child{ margin-bottom: 0; } .widget_categories > ul li a, .widget_pages > ul li a, .widget_nav_menu div > ul li a, .widget-container ul.product-categories li a, .widget-container.widget_categories > ul li a, .widget_layered_nav > ul > li a, .widget-container.product-filter-by-color ul li.chosen a .color-name{ position: relative; padding: 0 5px 0 0 !important; /*rtl*/ } .widget_categories > ul li a, .widget-container.widget_categories > ul li a{ padding: 0 !important; /*rtl*/ } .widget_pages ul li, .widget_nav_menu div ul li, .widget_layered_nav ul li{ padding-right: 20px; /*rtl*/ } .widget_categories ul li .count, .widget_pages ul li .count, .widget_nav_menu div ul li .count, .widget-container ul.product-categories li .count, .widget-container.widget_categories ul li .count{ font-size: 100%; position: absolute; top: 0; right: 0; /*rtl*/ width: 20px; text-align: center; } .widget_categories .current-cat > a, .widget_categories li > a:hover, .widget-container ul.product-categories ul li.current > a{ text-decoration: underline; } .widget-container.product-filter-by-brand ul li .count, .widget-container.product-filter-by-color ul li .count{ font-size: 75%; } .widget-container.product-filter-by-color ul li .count{ display: block; } .product-filter-by-color ul li a + .count{ margin-top: -5px; margin-bottom: 10px; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li:not(.select2-selection__choice){ width: 100%; } body .select2-container--default .select2-selection--multiple .select2-selection__choice{ background: rgba(0,0,0,0.1); border-width: 0; } /* WIDGET TS CATEGORIES */ .widget_categories > ul li.cat-parent > a:after{ display: none; } .widget_categories > ul li span.icon-toggle{ display: none; } .widget-container span.icon-toggle:before{ content: "+"; font-family: inherit; min-width: 9px; display: inline-block; font-weight: 600; } .widget-container .active > span.icon-toggle:before{ content: "-"; } .widget_categories > ul > li.cat-parent.active:last-child > a:before{ display: inline-block; } .widget_categories > ul > li.cat-parent:last-child > a:before{ display: none; } /*------------------------------------------------------------- 19. WIDGET FILTER AVAILABILITY --------------------------------------------------------------*/ .widget-container.product-filter-by-availability ul{ margin-bottom: 0; } .widget-container ul li label{ margin: 0; padding: 0; line-height: 20px; cursor: pointer; } /*------------------------------------------------------------- 20. WIDGET INSTAGRAM --------------------------------------------------------------*/ .ts-instagram-wrapper{ margin-bottom: 20px; } .ts-shortcode.ts-instagram-shortcode .ts-instagram-wrapper.owl-carousel{ width: calc(100% + 8px); } .ts-instagram-wrapper.items{ margin: 0 -4px; } .ts-instagram-wrapper.items:after{ content: ''; clear: both; display: table; } .ts-instagram-wrapper.items .item{ float: left; /* rtl */ position: relative; overflow: hidden; padding: 4px; } #left-sidebar .ts-instagram-wrapper .item a:after, #right-sidebar .ts-instagram-wrapper .item a:after{ font-size: 16px; } .ts-instagram-wrapper .item a{ overflow: hidden; width: 100%; display: block; position: relative; } .ts-instagram-wrapper .item a img{ width: 100%; transform: scale(1,1); transition: opacity 800ms, transform 800ms ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-instagram-wrapper a:hover img{ transform: scale(1.14,1.14); } .ts-instagram-wrapper .item a:after{ display: inline-block; font-size: 24px; line-height: 1; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform .3s ease; } .ts-instagram-wrapper .item a:hover:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; opacity: 0.6; } .ts-instagram-wrapper .item > a:hover:after{ opacity: 1; transform: translate(-50%, -50%) scale(1); z-index: 3; } .ts-instagram-wrapper.columns-2 .item{ width: 50%; } .ts-instagram-wrapper.columns-3 .item{ width: 33.33334%; } .ts-instagram-wrapper.columns-4 .item{ width: 25%; } .ts-instagram-wrapper.columns-5 .item{ width: 20%; } .ts-instagram-wrapper.columns-6 .item{ width: 16.66667%; } .ts-instagram-shortcode .ts-instagram-widget{ margin-bottom: 0; } .snptwdgt-container .snptwdgt-qpr__ftr{ display: none !important; } /*------------------------------------------------------------- 21. WIDGET FACEBOOK --------------------------------------------------------------*/ .ts-facebook-page-widget .fb_iframe_widget, .ts-facebook-page-widget .fb_iframe_widget iframe, .ts-facebook-page-widget .fb_iframe_widget > span{ max-width: 100%; width: 100% !important; height: auto; } /*------------------------------------------------------------- 22. WIDGET FILTER BY RATING --------------------------------------------------------------*/ .woocommerce .widget_rating_filter ul li .star-rating{ margin: 0; margin-right: 8px; /*rtl*/ display: inline-block; vertical-align: middle; } /*------------------------------------------------------------- 23. WIDGET MAILCHIMP --------------------------------------------------------------*/ .widget_mc4wp_form_widget .mc4wp-form{ position: relative; } .widget-container.widget_mc4wp_form_widget .subscribe-email button span{ display: none; } .widget_mc4wp_form_widget .subscribe-email .button{ width: 100%; font-weight: bold; } .mc4wp-response{ margin-top: 10px; } /*------------------------------------------------------------- 24. WIDGET PRODUCT FILTER BY BRAND --------------------------------------------------------------*/ .product-filter-by-availability ul li input[type^="checkbox"], .product-filter-by-brand ul li input[type^="checkbox"]{ display: none; } .product-filter-by-brand ul li label, .product-filter-by-price ul li label, .product-filter-by-availability ul li label, .woocommerce .widget_rating_filter ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{ padding-bottom: 0; cursor: pointer; display: inline; position: relative; padding-left: 26px; /*rtl*/ } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{ padding-left: 26px !important; /*rtl*/ } .product-filter-by-brand ul li label, .product-filter-by-price ul li label, .product-filter-by-availability ul li label, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{ transition: 200ms ease; } .product-filter-by-brand ul li label:before, .product-filter-by-price ul li label:before, .product-filter-by-availability ul li label:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .widget_rating_filter ul li a:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before{ content: ''; width: 16px; height: 16px; background: rgba(25,61,139,0.1); position: absolute; top: 3px; left: 0; } .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .widget_rating_filter ul li a:before{ top: 1px; } .woocommerce .widget_rating_filter ul li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count{ font-size: 75%; } .widget-container.product-filter-by-brand ul > li label:after, .product-filter-by-price ul > li label:after, .product-filter-by-availability ul li label:after, .woocommerce .widget_rating_filter ul li a:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after{ left: 3px; /*rtl*/ top: 6px; transform: translate(0); font-size: 10px; } .woocommerce .widget_rating_filter ul li a:after{ top: 4px; } .product-filter-by-brand .product-filter-by-brand-wrapper > ul{ max-height: 240px; overflow: auto; margin-bottom: 0; } .product-filter-by-brand .product-filter-by-brand-wrapper > ul ul{ margin: 10px 0 2px 20px;/* rtl */ } /*------------------------------------------------------------- 25. WIDGET NAV MENU --------------------------------------------------------------*/ .widget_nav_menu li{ position: relative; } .widget_nav_menu li .ts-menu-drop-icon{ right: 0; /*rtl*/ top: 13px; font-size: 12px; transform: translate(0,0); display: none; } .widget_pages ul li, .widget_nav_menu li{ padding-right: 0; /*rtl*/ } #left-sidebar .widget_categories ul ul, #right-sidebar .widget_categories ul ul, #left-sidebar .widget_pages ul ul, #right-sidebar .widget_pages ul ul, #left-sidebar .widget_nav_menu ul ul, #right-sidebar .widget_nav_menu ul ul{ margin: 0; padding: 10px 0 0 18px; /* rtl */ } #left-sidebar .widget_categories ul ul li, #right-sidebar .widget_categories ul ul li, #left-sidebar .widget_pages ul ul li, #right-sidebar .widget_pages ul ul li, #left-sidebar .widget_nav_menu ul ul li, #right-sidebar .widget_nav_menu ul ul li{ margin-bottom: 8px; padding: 0; line-height: 26px; } #left-sidebar .widget_pages ul > li.page_item_has_children, #right-sidebar .widget_pages ul > li.page_item_has_children, #left-sidebar .widget_nav_menu ul > li.menu-item-has-children, #right-sidebar .widget_nav_menu ul > li.menu-item-has-children{ border-width: 0; } /*------------------------------------------------------------- 26. WIDGET ARCHIVES --------------------------------------------------------------*/ .widget_archive ul li, .wp-block-archives li{ display: flex; flex-flow: row wrap; position: relative; } .widget_archive ul li > a, .wp-block-archives li > a{ flex: 1 0 auto; display: flex; flex-flow: row wrap; align-items: baseline; color: inherit; text-decoration: none; } .widget_archive ul li > a:after, .wp-block-archives li > a:after{ content: ''; border-width: 1px 0 0; border-style: dashed; flex: 1 0 auto; margin: 0 5px; } /*------------------------------------------------------------- V. PRODUCT DEFAULT --------------------------------------------------------------*/ .woocommerce > .products, #tab-more_seller_product > .products, .woocommerce .ts-product .products, .woocommerce.main-products .products .list-categories, .up-sells .products, .cross-sells .products, .related .products{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } .woocommerce > .products, #tab-more_seller_product > .products, .woocommerce .ts-product:not(.ts-slider) .products{ border-width: 1px; border-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; overflow: hidden; } .ts-product.ts-slider.show-nav .woocommerce > .products, .ts-product.ts-slider.show-dots .woocommerce > .products{ overflow: visible; } .ts-product.ts-slider .woocommerce > .products .product{ border-top-width: 0 !important; } .woocommerce > .products{ border-top-color: transparent !important; } .woocommerce > .products .product, #tab-more_seller_product > .products .product, .woocommerce .ts-product .products .product{ border-width: 0 1px 1px; border-style: solid; } .ts-product-in-category-tab-wrapper:not(.ts-slider) .woocommerce .products .product{ border-width: 0 1px 1px; } .ts-product-in-category-tab-wrapper:not(.ts-slider) .woocommerce .products .product:not(.first){ border-left-width: 0; } .woocommerce.columns-2 > .products .product:not(:nth-of-type(2n+1)), .woocommerce.columns-3 > .products .product:not(:nth-of-type(3n+1)), .woocommerce.columns-4 > .products .product:not(:nth-of-type(4n+1)), .woocommerce.columns-5 > .products .product:not(:nth-of-type(5n+1)), .woocommerce.columns-6 > .products .product:not(:nth-of-type(6n+1)), .woocommerce.columns-7 > .products .product:not(:nth-of-type(7n+1)), #tab-more_seller_product > .products .product:not(.first), .woocommerce .ts-product:not(.ts-slider) .products .product:not(.first){ border-left-width: 0; /*rtl*/ } .woocommerce.columns-2 > .products .product:nth-of-type(1), .woocommerce.columns-2 > .products .product:nth-of-type(2), .woocommerce.columns-3 > .products .product:nth-of-type(1), .woocommerce.columns-3 > .products .product:nth-of-type(2), .woocommerce.columns-3 > .products .product:nth-of-type(3), .woocommerce.columns-4 > .products .product:nth-of-type(1), .woocommerce.columns-4 > .products .product:nth-of-type(2), .woocommerce.columns-4 > .products .product:nth-of-type(3), .woocommerce.columns-4 > .products .product:nth-of-type(4), .woocommerce.columns-5 > .products .product:nth-of-type(1), .woocommerce.columns-5 > .products .product:nth-of-type(2), .woocommerce.columns-5 > .products .product:nth-of-type(3), .woocommerce.columns-5 > .products .product:nth-of-type(4), .woocommerce.columns-5 > .products .product:nth-of-type(5), .woocommerce.columns-6 > .products .product:nth-of-type(1), .woocommerce.columns-6 > .products .product:nth-of-type(2), .woocommerce.columns-6 > .products .product:nth-of-type(3), .woocommerce.columns-6 > .products .product:nth-of-type(4), .woocommerce.columns-6 > .products .product:nth-of-type(5), .woocommerce.columns-6 > .products .product:nth-of-type(6), .woocommerce.columns-7 > .products .product:nth-of-type(1), .woocommerce.columns-7 > .products .product:nth-of-type(2), .woocommerce.columns-7 > .products .product:nth-of-type(3), .woocommerce.columns-7 > .products .product:nth-of-type(4), .woocommerce.columns-7 > .products .product:nth-of-type(5), .woocommerce.columns-7 > .products .product:nth-of-type(6), .woocommerce.columns-7 > .products .product:nth-of-type(7){ border-top-width: 1px; } .ts-product.ts-slider .products .owl-stage-outer, .woocommerce .ts-product.ts-slider .products .owl-stage-outer, .up-sells .products .owl-stage-outer, .cross-sells .products .owl-stage-outer, .related .products .owl-stage-outer{ border-width: 1px; border-style: solid; position: relative; } .ts-product.ts-slider.fix-width .products .owl-stage-outer, .ts-product.ts-slider.fix-width .products .product, .woocommerce .ts-product.ts-slider.fix-width .products .product, .has-margin.ts-product.ts-slider .products .owl-stage-outer, .woocommerce .ts-product.ts-slider.has-margin .products .owl-stage-outer, .has-margin .ts-product.ts-slider .products .owl-stage-outer, .has-margin .woocommerce .ts-product.ts-slider .products .owl-stage-outer{ border-width: 0 !important; } .ts-product.fix-width .products .owl-stage-outer, .has-margin.ts-product.ts-slider .products .owl-stage-outer, .woocommerce .ts-product.ts-slider.has-margin .products .owl-stage-outer, .has-margin .ts-product.ts-slider .products .owl-stage-outer, .has-margin .woocommerce .ts-product.ts-slider .products .owl-stage-outer{ margin-left: auto; margin-right: auto; } .ts-product.ts-slider .products .owl-stage-outer:before, .woocommerce .ts-product.ts-slider .products .owl-stage-outer:before, .up-sells .products .owl-stage-outer:before, .cross-sells .products .owl-stage-outer:before, .related .products .owl-stage-outer:before{ content: ''; width: 2px; position: absolute; top: 0; bottom: 0; left: 0; /*rtl*/ z-index: 9; } .ts-product.ts-product-category-wrapper.ts-slider .products .owl-stage-outer:before, .woocommerce .ts-product.ts-product-category-wrapper.ts-slider .products .owl-stage-outer:before{ display: none; } .ts-product.ts-slider .products .product, .woocommerce .ts-product.ts-slider .products .product, .up-sells .products .product, .cross-sells .products .product, .related .products .product{ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } .ts-product-category-wrapper .products, .ts-product-category-wrapper .products .owl-stage-outer, .products .product.product-category, .ts-product .products .product.product-category, .woocommerce .ts-product .products .product.product-category{ border: none !important; } .woocommerce-page.archive .woocommerce > .ts-product.ts-slider .products .owl-stage-outer, .woocommerce .ts-product-deals-wrapper:not(.ts-slider) .products, .woocommerce .ts-product-deals-wrapper.ts-slider .products .owl-stage-outer, .woocommerce.columns-1 .ts-product-deals-wrapper.ts-slider .products, .entry-content .woocommerce .ts-product:not(.ts-slider) .products, .entry-content .woocommerce .ts-product.ts-slider .products .owl-stage-outer{ border-width: 3px; border-style: solid; } .product-style-3.woocommerce-page.archive .woocommerce > .ts-product.ts-slider .products .owl-stage-outer .product .product-wrapper:before, .product-style-3 .woocommerce .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .product-style-3 .woocommerce .ts-product-deals-wrapper.ts-slider .products .owl-stage-outer .product .product-wrapper:before, .product-style-3 .woocommerce.columns-1 .ts-product-deals-wrapper.ts-slider .products .product .product-wrapper:before, .product-style-3 .entry-content .woocommerce .ts-product:not(.ts-slider) .products .product .product-wrapper:before, .product-style-3 .entry-content .woocommerce .ts-product.ts-slider .products .owl-stage-outer .product .product-wrapper:before{ content: ''; height: 1px; position: absolute; top: -1px; left: -1px; right: -1px; z-index: 2; } .woocommerce.columns-1 .ts-product-deals-wrapper.ts-slider .products .owl-stage-outer{ border-width: 0; } .woocommerce .ts-shortcode:not(.rows-2) .products > .product-group{ width: 25%; float: left;/* rtl */ } /*** PRODUCT CATEGORIES ***/ .woocommerce.main-products .products .list-categories{ border-width: 0; margin: 0 0 30px; } .woocommerce.main-products .products .list-categories .product-category{ width: calc(25% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 5px 10px; } #main-content .woocommerce.main-products > .products .list-categories .product-category .meta-wrapper{ padding: 20px 40px 16px; } .woocommerce.main-products .products .list-categories .product-category .heading-title{ margin-bottom: 5px; } #main-content .woocommerce.main-products > .products .list-categories .product-category .product-wrapper > div{ width: 100%; display: block; padding-left: 0; padding-right: 0; text-align: center; } #main-content.ts-col-24 .woocommerce.main-products .products .list-categories .product-category{ margin-left: 0; margin-right: 0; width: 25%; } .woocommerce .products .list-categories .product-category .product-wrapper > a{ display: inline-block; } #main-content.ts-col-18 .woocommerce.main-products .products .list-categories, #main-content.ts-col-12 .woocommerce.main-products .products .list-categories{ padding: 30px 25px 0; } /*** LIST PRODUCTS ***/ .woocommerce .products > .product-group .product{ width: 100% !important; } .woocommerce.columns-8 .products .product{ width: 12.5%; } .woocommerce.columns-7 .products .product{ width: 14.285% } .woocommerce.columns-6 .products .product{ width: 16.6% } .woocommerce.columns-5 .products .product{ width: 20%; } .woocommerce.columns-4 .products .product{ width: 25%; } .woocommerce.columns-3 .products .product{ width: 33.3333333333%; } .woocommerce.columns-2 .products .product{ width: 50%; } .woocommerce.columns-1 .products .product{ width: 100% } .woocommerce .ts-slider .products .product{ height: 100%; } .ts-slider .products .owl-item .product, .up-sells .products .owl-item .product, .cross-sells .products .owl-item .product, .related .products .owl-item .product{ float: none !important; width: 100% !important; height: 100%; } .ts-slider .item{ width: 100% !important; } .ts-product .products.owl-carousel .owl-stage{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ts-product.ts-product-category-wrapper .products.owl-carousel .owl-stage{ -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .woocommerce .ts-slider.no-margin .products .product{ padding-left: 0; padding-right: 0; } .ts-slider .owl-stage-outer .item{ float: none; } .products .product .product-wrapper:after{ display: table; clear: both; content: ""; } .woocommerce .products ul, .woocommerce .products, .woocommerce .related-upsells-products-wrapper .cross-sells, .woocommerce .related-upsells-products-wrapper .up-sells, .woocommerce .related-upsells-products-wrapper .related{ margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ clear: both; } .group_table del, .price del, .product-price del{ font-size: 80%; } .quantity .qty, .woocommerce .quantity .qty, .quantity .minus, .quantity .plus{ line-height: 30px; } .woocommerce .products .product .product-wrapper{ line-height: 24px; } /*** Style List (1 column) ***/ #main-content .woocommerce.columns-1 > .products{ border-width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main-content .woocommerce.columns-1 > .products .product{ border-width: 1px; margin-bottom: 10px; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper:after{ content: ''; display: table; clear: both; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #main-content .woocommerce.columns-1 > .products .product .product-wrapper > div{ margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main-content .woocommerce.columns-1 > .products .product .thumbnail-wrapper{ width: 30%; padding: 20px; } #main-content .woocommerce.columns-1 > .products .product .thumbnail-wrapper > a{ padding: 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper{ width: 40%; padding: 20px 30px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2, #main-content .woocommerce.columns-1 > .products .product .product-group-button-meta, #main-content .woocommerce.columns-1 > .products .product .meta-wrapper .loop-add-to-cart{ display: block; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2{ width: 30%; padding: 20px; border-width: 0 0 0 1px; border-style: solid; } #main-content .woocommerce.columns-1 > .products .products .product h3{ font-size: 125%; line-height: 28px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price del{ font-size: 60%; position: relative; bottom: -3px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper:not(.meta-wrapper-2) .price{ display: none; } #main-content .woocommerce.columns-1 > .products .product .star-rating, #main-content .woocommerce.columns-1 > .products .product .counter-wrapper, #main-content .woocommerce.columns-1 > .products .product .product-name, #main-content .woocommerce.columns-2 > .products .product .star-rating, #main-content .woocommerce.columns-2 > .products .product .counter-wrapper, #main-content .woocommerce.columns-2 > .products .product .product-name{ margin-bottom: 20px; } #main-content .woocommerce.columns-1 > .products .product .count-rating, #main-content .woocommerce.columns-2 > .products .product .count-rating{ margin-bottom: 10px; margin-top: -40px; } .woocommerce.main-products .products .list-categories .product-category .heading-title, #main-content .woocommerce.columns-1 > .products .product .product-name, #main-content .woocommerce.columns-2 > .products .product .product-name{ min-height: 0 !important; font-size: 125%; line-height: 28px; } #main-content .woocommerce.columns-1 > .products .star-rating, #main-content .woocommerce.columns-2 > .products .star-rating{ margin-top: 0; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price .amount, .woocommerce div.product .summary .price .amount{ color: inherit; } #main-content .woocommerce.columns-2 > .products .product .price{ margin-bottom: 15px; } #main-content .woocommerce.columns-1 > .products .product .meta-wrapper-2 .price{ line-height: 30px !important; } .woocommerce .products .product .meta-wrapper-2 > .price{ margin-bottom: 26px; } .cross-sells .products .meta-wrapper-2 > *:not(.product-group-button-meta), .up-sells .products .meta-wrapper-2 > *:not(.product-group-button-meta), .related .products .meta-wrapper-2 > *:not(.product-group-button-meta), .ts-shortcode .products .meta-wrapper-2 > *:not(.product-group-button-meta), .woocommerce.main-products:not(.columns-1) > .products .meta-wrapper-2 > *:not(.product-group-button-meta) { display: none; } .meta-wrapper-2 .quantity{ padding-top: 18px; margin-bottom: 10px; } .meta-wrapper-2 .quantity .screen-reader-text{ clip: unset; position: absolute !important; height: auto; width: 100%; line-height: 16px; overflow: visible; display: block; top: 0; display: block; padding: 0 0 5px; transform: translateY(-100%); } .meta-wrapper-2 .quantity .minus, .meta-wrapper-2 .quantity .plus{ width: 36%; } .meta-wrapper-2 .quantity .minus{ text-align: right; /*rtl*/ } .meta-wrapper-2 .quantity .plus{ text-align: left; /*rtl*/ } .meta-wrapper-2 .quantity .qty, .woocommerce .meta-wrapper-2 .quantity .qty{ padding: 8px 30px; } .meta-wrapper-2 .quantity, .meta-wrapper-2 .quantity .number-button{ width: 100%; } table.group_table .quantity label.ts-screen-reader-text, table.shop_table.cart .quantity label.ts-screen-reader-text, .widget_shopping_cart .cart_list .quantity label.ts-screen-reader-text, .ts-floating-sidebar .cart_list .quantity label.ts-screen-reader-text, .shopping-cart-wrapper .quantity label.ts-screen-reader-text, .ts-shortcode .meta-wrapper-2 .quantity .screen-reader-text, .main-products:not(.columns-1) .meta-wrapper-2 .quantity .screen-reader-text, .woocommerce .cross-sells .quantity .screen-reader-text, .woocommerce .up-sells .quantity .screen-reader-text, .woocommerce .related .quantity .screen-reader-text, .meta-wrapper-2 .quantity label.ts-screen-reader-text{ display: none; } /* FOR SHORTCODE */ .ts-blogs-wrapper .blogs, .ts-product .content-wrapper, .ts-shortcode .items, .ts-portfolio-wrapper .portfolio-inner, .ts-image-gallery-wrapper .images, .related-posts .blogs{ position: static; } .ts-blogs-wrapper.nav-middle .blogs, .ts-product.nav-middle .content-wrapper, .ts-shortcode.nav-middle .items, .ts-portfolio-wrapper.nav-middle .portfolio-inner, .ts-image-gallery-wrapper.nav-middle .images{ position: relative; } .ts-blogs-wrapper .blogs:after, .ts-shortcode .items:after, .ts-portfolio-wrapper .portfolio-inner:after, .ts-image-gallery-wrapper .images:after, .related-posts .blogs:after, .woocommerce .products:after{ display: table; clear: both; content: ""; } .woocommerce .products .product .product-wrapper{ position: relative; max-width: 100%; height: 100%; margin-left: auto !important; margin-right: auto !important; } .item-radius .article-content, .item-radius .products .product .product-wrapper, .image-radius .ts-wg-thumbnail, .image-radius .thumbnail-content, .ts-list-of-product-categories-wrapper.item-radius{ border-radius: 5px; overflow: hidden; } .woocommerce .products .product .product-wrapper .thumbnail-wrapper img{ width: 100%; } .summary .yith-wcwl-add-button{ position: relative; overflow: hidden; } .woocommerce .product a.added_to_cart{ margin-top: 5px; display: none !important; } .woocommerce .product a.added_to_cart:hover, .woocommerce .product a.button:hover, .woocommerce .product a.added_to_cart:focus, .woocommerce .product a.button:focus{ background-image: none; } .woocommerce .product .thumbnail-wrapper{ position: relative; margin-bottom: 15px; } .woocommerce .product .thumbnail-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .product .thumbnail-wrapper > a{ position: relative; display: block; text-decoration: none; padding: 20px 20px 0; z-index: 2; transition: 600ms ease 0s; } .woocommerce .products .product a img{ margin: 0; box-shadow: none; } .woocommerce .products .product:not(.product-category) a img{ width: 100% !important; } .woocommerce .products .product a:hover img{ box-shadow: none !important; } .woocommerce .products .product figure{ position: relative; z-index: 1; overflow: hidden; margin-bottom: 0; } .woocommerce > .products .product figure img:first-child{ position: relative; z-index: 2 } .woocommerce > .products .product figure.has-back-image img:last-child{ position: absolute; right: 0;/* rtl */ top: 0; z-index: 3 } .woocommerce .meta-wrapper .loop-add-to-cart{ display: none; } .meta-wrapper .button-in{ display: none; } .woocommerce .product-wrapper .meta-wrapper:after{ display: table; clear: both; content: ""; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before{ display: inline-block; position: relative; z-index: 2; padding: 0; } .button-in.wishlist > div, .button-in.wishlist > div > div, .button-in.wishlist div a{ width: 100%; height: 100%; margin: 0; } .button-in.wishlist div a{ opacity: 1 !important; } .ts-product-columns-selector > span{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; background: url('images/icons.svg') no-repeat 0 -106px; } .ts-product-columns-selector > span:not(:last-child){ margin-right: 20px; /*rtl*/ } .ts-product-columns-selector > span.column-2{ background-position: -35px -106px; } .ts-product-columns-selector > span.column-3{ background-position: -70px -106px; } .ts-product-columns-selector > span.column-4{ background-position: -105px -106px; } .ts-product-columns-selector > span:not(.selected):hover{ cursor: pointer; } .ts-product-columns-selector > span.selected, .ts-product-columns-selector > span:hover{ background-position-y: -124px; } /*------------------------------------------------------------- 1. PRODUCT METAS --------------------------------------------------------------*/ /*** Product Catagories ***/ .product-brands, .woocommerce .products .product .product-categories, .widget.ts-products-widget .product-categories{ overflow: hidden; text-decoration: none; } .product .product-brands a, .woocommerce .products .product .product-categories a, .woocommerce .widget-container ul li .product-categories a, .widget-container ul li .product-categories a, .widget.ts-products-widget .product-categories a{ display: inline-block; padding: 0; margin: 0; text-decoration: none; color: inherit; } .product .product-brands a:hover, .woocommerce .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover, .ts-products-widget-wrapper .product-categories a:hover{ text-decoration: none; } /*** Product Quantity ***/ input[type=number].qty::-webkit-inner-spin-button, input[type=number].qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity span{ display: none; } .quantity .number-button{ width: 130px; height: 46px; position: relative; letter-spacing: 0; border-radius: 60px; } .quantity .minus, .quantity .plus{ width: 50px; height: 46px; position: absolute; top: 0; right: 0; /*rtl*/ margin: 0; border-width: 0; cursor: pointer; font-size: 20px; background: transparent; } .quantity .minus{ left: 0; /*rtl*/ right: auto; /*rtl*/ z-index: 2; } .quantity .qty, .woocommerce .quantity .qty{ width: 100%; margin: 0; padding: 8px 30px; border-width: 0; } /*** Short Description ***/ .woocommerce .products .product .short-description{ width: 100%; } .products .product h3, .woocommerce .products .product h3{ margin-bottom: 14px; line-height: 24px; } .woocommerce .products .star-rating, .woocommerce .star-rating, .products .product .counter-wrapper{ margin: 14px 0 16px 0; /* chu y co anh huong den .count-rating */ } .woocommerce .products .meta-wrapper:not(.meta-wrapper-2) > *:last-child{ margin-bottom: 6px; } .header-bottom > .container > .woocommerce .products .product-category .meta-wrapper > .category-name{ margin-bottom: 0; } .products .product .product-brands, .woocommerce .products .product .product-categories, .woocommerce .products .product .price, .products .product .product-sku, .woocommerce .products .product .short-description{ margin-bottom: 6px; } .products .product .meta-wrapper{ padding-bottom: 18px; } .products .product .meta-wrapper-2{ display: none; } .products .product .product-brands, .products .product .product-sku, .woocommerce .products .product .product-categories, .woocommerce .products .product .short-description, .woocommerce .products .product .price{ line-height: 20px !important; } /*** Rating ***/ .woocommerce .star-rating, .woocommerce .star-rating, .ts-testimonial-wrapper .rating, blockquote .rating{ width: 76px; height: 14px; line-height: 1; overflow: hidden; backface-visibility: visible; -webkit-backface-visibility: visible; } /* edit .count-rating => check rating in shop/category, product detail rating, rating in tab reviews, all shortcode products rating, cross-sells/upsells/related */ .count-rating{ display: none; } .woocommerce > .products .product .count-rating{ font-size: 75%; margin: -36px 0 10px 82px; /*rtl*/ } #main-content .woocommerce.main-products:not(.columns-4) .count-rating{ display: block; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .woocommerce .product .product-label{ position: absolute; left: 25px; /*rtl*/ right: 0; /*rtl*/ top: 25px; bottom: auto; z-index: 6; } .woocommerce .product .product-label > div{ margin-top: 5px; line-height: 0; } .woocommerce .product .product-label > div:first-child{ margin-top: 0 !important; } .woocommerce .product .product-label .onsale, .woocommerce .product .product-label .new, .woocommerce .product .product-label .featured, .woocommerce .product .product-label .out-of-stock, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .onsale, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .new, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .featured, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .out-of-stock, .product-label-square .ts-product-deals-wrapper .product .product-label .onsale, .product-label-square .ts-product-deals-wrapper .product .product-label .new, .product-label-square .ts-product-deals-wrapper .product .product-label .featured, .product-label-square .ts-product-deals-wrapper .product .product-label .out-of-stock{ position: relative; top: auto; right: auto; left: auto; text-align: center; display: table-cell; vertical-align: middle; clear: both; padding: 2px; width: 50px; height: 50px; font-size: 18px; line-height: 18px !important; text-transform: uppercase; border-radius: 0 !important; min-height: initial; } /*** Style circle (product deal always show as circle) ***/ .product-label-circle .product .product-label .onsale, .product-label-circle .product .product-label .new, .product-label-circle .product .product-label .featured, .product-label-circle .product .product-label .out-of-stock, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .onsale, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .new, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .featured, .product-label-rectangle .ts-product-deals-wrapper .product .product-label .out-of-stock, .product-label-square .ts-product-deals-wrapper .product .product-label .onsale, .product-label-square .ts-product-deals-wrapper .product .product-label .new, .product-label-square .ts-product-deals-wrapper .product .product-label .featured, .product-label-square .ts-product-deals-wrapper .product .product-label .out-of-stock{ border-radius: 100% !important; min-width: 0; } /***/ .product-label-circle .product .product-label .onsale, .product-label-circle .product .product-label .new, .product-label-circle .product .product-label .featured, .product-label-circle .product .product-label .out-of-stock, .product-label-square .product .product-label .onsale, .product-label-square .product .product-label .new, .product-label-square .product .product-label .featured, .product-label-square .product .product-label .out-of-stock{ font-size: 12px; font-weight: 600; } .product-label-rectangle .product .product-label .onsale, .product-label-rectangle .product .product-label .new, .product-label-rectangle .product .product-label .featured, .product-label-rectangle .product .product-label .out-of-stock{ width: auto; min-width: 50px; font-size: 12px; height: 18px; padding: 0 5px; white-space: nowrap; display: inline-block; vertical-align: top; border-radius: 20px !important; } .featured .products .product-label .featured, .ts-product-deals-wrapper .product .product-label .new, .ts-product-deals-wrapper .product .product-label .featured, .ts-product-deals-wrapper .product .product-label .out-of-stock, .ts-product-deals-wrapper .product .product-label .new, .ts-product-deals-wrapper .product .product-label .featured, .ts-product-deals-wrapper .product .product-label .out-of-stock{ display: none !important; } /*------------------------------------------------------------- 3. GROUP BUTTON ON THUMBNAIL --------------------------------------------------------------*/ body:not(.product-style-2) .product-group-button{ position: absolute; top: 25px; right: 25px; /*rtl*/ z-index: 7; visibility: hidden; opacity: 0; margin: 0; } .product-group-button a:hover, .product-group-button-meta a:hover { text-decoration: none; } .product-group-button > div, .product-group-button-meta > div:not(.loop-add-to-cart){ width: 34px; height: 34px; border-radius: 100%; position: relative; margin: 5px 0 0; transition: 350ms ease 0s; } .product-group-button > div:first-child{margin-top: 0;} .product-group-button > div a, body:not(.product-style-2) .woocommerce .product-group-button > div a.button, body:not(.product-style-2).woocommerce .product-group-button > div a.button, .product-group-button-meta > div:not(.loop-add-to-cart) a{ width: 100%; height: 100%; display: block; font-size: 14px; line-height: 34px; text-align: center; min-width: 0; padding: 0; } .product-style-2 .product-group-button > div.loop-add-to-cart a {font-size: 16px;} .product-group-button > div a.loading:before, .product-group-button-meta > div:not(.loop-add-to-cart) a.loading:before{ opacity: 0; visibility: hidden; } .product-group-button > div a.loading:after, body:not(.product-style-2) .woocommerce .product-group-button > div a.button.loading:after, body:not(.product-style-2).woocommerce .product-group-button > div a.button.loading:after, .woocommerce div.product div.summary .button-in a.loading:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a.loading:after, .product-group-button-meta > div:not(.loop-add-to-cart) a.loading:after{ content: '\f1ce' !important; font-family:"Font Awesome 5 Free" !important; font-style: normal !important; font-weight: 900; text-transform: none; letter-spacing: 0; width: 26px; height: 26px; font-size: 14px; line-height: 26px; text-align: center; margin-top: -13px; margin-left: -13px; top: 50%; left: 50%; position: absolute !important; background: transparent !important; -webkit-animation: fa-spin 1.5s linear infinite; animation: fa-spin 1.5s linear infinite; z-index: 9; } body:not(.product-style-2) .product-group-button > div a.button, .product-group-button > div, .product-group-button-meta > div:not(.loop-add-to-cart) { background-color: #f0f2f5; border-color: #f0f2f5; color: #103178; } .product-style-2 .product-group-button > div.loop-add-to-cart a, .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > div.loop-add-to-cart a{ border-color: #FF9923 !important; background: #FF9923 !important; color: #ffffff !important; } .product-style-2 .product-group-button > div.loop-add-to-cart a:hover, .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > div.loop-add-to-cart a:hover{ background: #ffffff !important; border-color: #FF9923 !important; color: #FF9923 !important; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:after, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:after, .product-style-2 .product-group-button > div.loop-add-to-cart .button.loading:after, .product-group-button-meta > div.loop-add-to-cart .button.loading:after{ color: #FF9923; font-size: 14px; } .product-style-2 .product-group-button > div.loop-add-to-cart .button.loading:before, .product-group-button-meta > div.loop-add-to-cart .button.loading:before{ opacity: 1; visibility: visible; background: #ffffff; } .product-style-2 #main-content .woocommerce.columns-1 > .products .product-group-button > div:nth-child(3){ top: 25px; right: 25px; /*rtl*/ } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.added:before, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:before, .product-style-2 .product-group-button > div.loop-add-to-cart .button.added:before, .product-group-button-meta > div.loop-add-to-cart .button.added:before { display: inline-block; margin-right: 5px; /*rtl*/ font-size: 75%; line-height: 1 !important; top: -1px; color: inherit !important; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.added:before {top: 0;} .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button {font-size: 18px;} .product-style-3 .product-group-button-meta > div.loop-add-to-cart .button, .product-style-4 .product-group-button-meta > div.loop-add-to-cart .button { font-size: 16px; } /*** Group button meta ***/ .product-group-button-meta{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .product-group-button-meta a{ text-decoration: none !important; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta:after{ content: ''; clear: both; display: table; } .meta-wrapper-2 .product-group-button-meta > div{ display: block; position: relative; } .product-group-button-meta .loop-add-to-cart .ts-tooltip{ color: inherit !important; } .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button{ display: inline-block; vertical-align: middle; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .loop-add-to-cart .button{ width: 100%; min-width: 0; padding-left: 10px; padding-right: 10px; } .peoduct-style-2 .product-group-button > .loop-add-to-cart .button, .product-group-button-meta > .loop-add-to-cart .button{ overflow: hidden; display: inline-block; vertical-align: middle; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .loop-add-to-cart{ background: transparent; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .loop-add-to-cart:not(:last-child){ margin-bottom: 20px; } .woocommerce div.product div.summary .button-in, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in { display: inline-block; vertical-align: bottom; } .woocommerce div.product div.summary .button-in.wishlist, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in.wishlist { margin-right: 20px; /* rtl */ } .woocommerce div.product div.summary .button-in, .woocommerce div.product div.summary .button-in a, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a { width: auto; height: auto; line-height: 0; background: transparent; margin: 0; } .woocommerce div.product div.summary .button-in a:not(.loading):before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a:not(.loading):before { display: none; } .woocommerce div.product div.summary .button-in a.loading:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a.loading:before{ opacity: 0.9 !important; background: #ffffff; visibility: visible; } .woocommerce div.product div.summary .button-in a.loading:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a.loading:after{ width: 20px !important; height: 20px !important; font-size: 0.75rem; line-height: 20px !important; top: 0; left: 0; right: 0; margin: 0 auto !important; } .product-group-button-meta > .button-in .ts-tooltip{display: none;} .woocommerce div.product div.summary .button-in .ts-tooltip, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip{ font-size: 0 !important; line-height: 0; display: inline-flex; align-items: center; gap: 3px; } .woocommerce div.product div.summary .button-in a, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in a{ text-decoration: underline; color: inherit; } .woocommerce div.product div.summary .button-in .ts-tooltip:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip:after{ content: attr(data-title); font-size: 14px; line-height: 20px; color: #5b6c8f; } .woocommerce div.product div.summary .button-in .added .ts-tooltip:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .added .ts-tooltip:before{ content: "\f058"; font-family: "Font Awesome 5 Free"; font-style: normal; font-size: 11px; line-height: 20px; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce div.product div.summary .button-in a{ display: inline-block; vertical-align: middle; margin: 0; padding: 0; border-width: 0; background: none !important; font-weight: normal; color: inherit !important; min-width: 0; position: relative; } .woocommerce-product-gallery__wrapper:after{ content: ''; display: table; clear: both; } /*** Hover ***/ .thumbnail-wrapper:hover .product-group-button, .product-style-2 .thumbnail-wrapper:hover .product-group-button > div{ visibility: visible; opacity: 1; } .thumbnail-wrapper:hover .product-group-button > div{ -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: run_social; -moz-animation-name: run_social; animation-name: run_social; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product-group-button > div:nth-child(2){ animation-delay: 50ms; -webkit-animation-delay: 50ms; -moz-animation-delay: 50ms; } .product-group-button > div:nth-child(3){ animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; } .product-group-button > div:nth-child(4){ animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; } @-webkit-keyframes run_social{ 0%{ opacity: 0; transform: translate(0,20px); } 100%{ opacity: 1; transform: translate(0,0); } } @-moz-keyframes run_social{ 0%{ opacity: 0; transform: translate(0,20px); } 100%{ opacity: 1; transform: translate(0,0); } } @keyframes run_social{ 0%{ opacity: 0; transform: translate(0,20px); } 100%{ opacity: 1; transform: translate(0,0); } } /*** Tooltip ***/ body:not(.product-style-2) .product-group-button .button-tooltip, .product-style-2 .product-group-button > div:not(.loop-add-to-cart) .button-tooltip{ min-width: 95px; font-size: 14px; line-height: 18px; font-weight: normal; text-transform: none; white-space: nowrap; display: inline-block; position: absolute; padding: 5px 13px 5px 5px; left: auto; /*rtl*/ right: 100%; /*rtl*/ top: 50%; transform: translate(-20px,-50%); z-index: 10; opacity: 0; visibility: hidden; transition: 350ms ease 0s; } body:not(.product-style-2) .product-group-button .button-tooltip:before, .product-style-2 .product-group-button > div:not(.loop-add-to-cart) .button-tooltip:before{ content: ""; position: absolute; top: 0; left: 0; /*rtl*/ right: 8px; /*rtl*/ bottom: 0; border-radius: 5px; background-color: #F0F2F5; z-index: -1; } body:not(.product-style-2) .product-group-button .button-tooltip:after, .product-style-2 .product-group-button > div:not(.loop-add-to-cart) .button-tooltip:after{ content: ""; width: 0; height: 0; position: absolute; left: auto; /*rtl*/ right: 2px; /*rtl*/ top: 50%; bottom: auto; margin-top: -5px; border-right-width: 0; border-bottom: 5px solid transparent; border-left: 6px solid #F0F2F5; border-top: 5px solid transparent; } body:not(.product-style-2) .product-group-button > div:hover a .button-tooltip, .product-style-2 .product-group-button > div:not(.loop-add-to-cart):hover a .button-tooltip{ opacity: 1; visibility: visible; transform: translate(0,-50%); } /*** Product Attribute ***/ .ts-product-attribute .button-tooltip{ min-width: 70px; font-size: 14px; line-height: 18px; font-weight: normal; text-align: center; text-transform: none; white-space: nowrap; display: inline-block; padding: 5px 10px 15px 10px; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%,-10px); z-index: 10; opacity: 0; visibility: hidden; transition: 350ms ease 0s; } .ts-product-attribute .button-tooltip:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 10px; border-radius: 5px; box-shadow: 0 3px 8px rgba(0,0,0,0.3); z-index: -1; } .ts-product-attribute .button-tooltip:after{ width: 0; height: 0; position: absolute; left: 50%; bottom: 5px; content: ""; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #ffffff; } .ts-product-attribute > div:hover a .button-tooltip{ opacity: 1; visibility: visible; transform: translate(-50%,0); } /* Show/Hide tooltip */ .product-no-tooltip:not(.product-style-2) .product-group-button > div .button-tooltip{ display: none; } /*** Product Style 2 ***/ .product-style-2 .product-group-button > div{ position: absolute; top: 25px; right: 25px; /*rtl*/ z-index: 7; transition: 350ms ease 0s; visibility: hidden; opacity: 0; } .product-style-2 .product-group-button > div.loop-add-to-cart{ width: 100%; height: auto; text-align: center; background: transparent; top: auto; bottom: 0; left: 0; right: 0; margin: 0 auto; } .product-style-2 .product-group-button > div.loop-add-to-cart a.button{ width: calc(100% - 60px); max-width: 280px; border-radius: 60px; padding: 4px 15px; margin-left: auto; margin-right: auto; overflow: hidden; } .product-style-2 .product-group-button > div:nth-child(2):not(.loop-add-to-cart){ top: 59px; } .product-style-2 .product-group-button > div:nth-child(3):not(.loop-add-to-cart){ top: 98px; } .product-style-2 .product-group-button > div.loop-add-to-cart a:not(.loading):after{ display: none; } .product-style-2 .product-group-button > div.loop-add-to-cart .ts-tooltip{ color: inherit; } /*** Product Style 3 ***/ .product-style-3 .cross-sells > .products, .product-style-3 .up-sells > .products, .product-style-3 .related > .products, .product-style-3 .woocommerce.main-products > .products, .product-style-3 .ts-product:not(.ts-slider) .products, .product-style-3 .woocommerce .ts-product:not(.ts-slider) .products{ overflow: visible; } .product-style-3 .cross-sells > .products .product, .product-style-3 .up-sells > .products .product, .product-style-3 .related > .products .product, .product-style-3 .ts-shortcode .products .product, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product{ position: relative; } .product-style-3 .cross-sells .products .product .product-wrapper, .product-style-3 .up-sells .products .product .product-wrapper, .product-style-3 .related .products .product .product-wrapper, .product-style-3 .ts-shortcode .products .product:not(.product-category) .product-wrapper, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .product-wrapper{ transition: max-height 450ms ease; } .product-style-3 .cross-sells .products .product:hover .product-wrapper, .product-style-3 .up-sells .products .product:hover .product-wrapper, .product-style-3 .related .products .product:hover .product-wrapper, .product-style-3 .ts-shortcode .products .product:not(.product-category):hover .product-wrapper, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .product-wrapper{ position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; min-height: 100%; max-height: 1000px; height: auto; z-index: 9; background: #ffffff; box-shadow: 0 0 0 1px #f0f2f5; } .product-style-3 .woocommerce.columns-1 .ts-shortcode .products .product:not(.product-category):hover .product-wrapper{ position: static; box-shadow: none; } .product-style-3 .cross-sells .products .product .meta-wrapper-2, .product-style-3 .up-sells .products .product .meta-wrapper-2, .product-style-3 .related .products .product .meta-wrapper-2, .product-style-3 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2, .product-style-3 .ts-shortcode .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .cross-sells .products .product .meta-wrapper-2, .product-style-5 .up-sells .products .product .meta-wrapper-2, .product-style-5 .related .products .product .meta-wrapper-2, .product-style-5 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .ts-shortcode .products .product .meta-wrapper-2, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2, .product-style-5 .ts-shortcode .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .cross-sells .products .product .meta-wrapper-2, .product-style-6 .up-sells .products .product .meta-wrapper-2, .product-style-6 .related .products .product .meta-wrapper-2, .product-style-6 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .ts-shortcode .products .product .meta-wrapper-2, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2, .product-style-6 .ts-shortcode .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .meta-wrapper-2 .loop-add-to-cart{ display: block; } .product-style-3 .cross-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta), .product-style-3 .up-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta), .product-style-3 .related .products .product .meta-wrapper-2 > *:not(.product-group-button-meta), .product-style-3 .ts-shortcode .products .product .meta-wrapper-2 > *:not(.product-group-button-meta), .product-style-3 .product-group-button > div.loop-add-to-cart, .product-style-3 .product-group-button-meta > div:not(.loop-add-to-cart), .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 > *:not(.product-group-button-meta), .product-style-5 .cross-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-5 .up-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-5 .related .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-5 .ts-shortcode .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-5 .product-group-button > div.loop-add-to-cart, .product-style-5 .product-group-button-meta > div:not(.loop-add-to-cart), .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-6 .cross-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-6 .up-sells .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-6 .related .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-6 .ts-shortcode .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity), .product-style-6 .product-group-button > div.loop-add-to-cart, .product-style-6 .product-group-button-meta > div:not(.loop-add-to-cart), .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 > *:not(.product-group-button-meta):not(.quantity){ display: none; } .product-style-3 .cross-sells .products .product .meta-wrapper-2, .product-style-3 .up-sells .products .product .meta-wrapper-2, .product-style-3 .related .products .product .meta-wrapper-2, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2{ padding-bottom: 0; } .product-style-3 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart{ margin-bottom: 24px; } .product-style-3 .cross-sells .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-3 .up-sells .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-3 .related .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-4 .cross-sells .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-4 .up-sells .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-4 .related .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-3 .ts-shortcode .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-4 .ts-shortcode .products .product .meta-wrapper:not(.meta-wrapper-2), .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper:not(.meta-wrapper-2){ padding-bottom: 5px; } .product-style-3 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .related .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .related .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 4px 15px; width: auto; min-width: 145px; } .product-style-4 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .related .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-18 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-12 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-18 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-12 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart .button{ min-width: 110px; padding: 4px 10px; } .product-style-4 .cross-sells .products .product-group-button-meta, .product-style-4 .up-sells .products .product-group-button-meta, .product-style-4 .related .products .product-group-button-meta, .product-style-4 .ts-shortcode .products .product-group-button-meta, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta{ margin-left: -2px; margin-right: -2px; } .product-style-4 .cross-sells .products .product-group-button-meta > div, .product-style-4 .up-sells .products .product-group-button-meta > div, .product-style-4 .related .products .product-group-button-meta > div, .product-style-4 .ts-shortcode .products .product-group-button-meta > div, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > div{ margin: 0 2px; } /*** Fix slider ***/ .woocommerce.columns-1 .ts-product-deals-wrapper.ts-slider .products .owl-stage-outer:before, .woocommerce.columns-1 .ts-product-deals-wrapper.ts-slider .products .product:not(.product-category), .woocommerce-page.product-style-3 .woocommerce > .ts-product.ts-slider .products .owl-stage-outer, .product-style-3 .entry-content .woocommerce .ts-product.ts-slider .products .owl-stage-outer{ border-width: 0; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .owl-stage-outer{ padding-top: 1px; padding-bottom: 61px; border-width: 0; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .columns-3 .products .owl-stage-outer, .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .columns-5 .products .owl-stage-outer, .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .columns-7 .products .owl-stage-outer, .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .columns-9 .products .owl-stage-outer{ padding-left: 1px !important; padding-right: 1px !important; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .owl-stage-outer:before{ content: ''; width: 100%; position: absolute; top: 0; bottom: 60px; left: 0; right: 0; border-width: 1px 0; /*rtl*/ border-style: solid; z-index: 0; border-radius: 4px; overflow: hidden; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .product:not(.product-category){ border-width: 0 1px; /*rtl*/ } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .owl-item.active + .owl-item.active .product:not(.product-category){ border-left-width: 0; /*rtl*/ } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .owl-nav > .owl-prev, .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider .products .owl-nav > .owl-next{ margin-top: -63px; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider.show-dots .products .owl-dots{ bottom: 0; } .product-style-3 .ts-shortcode:not(.ts-product-category-wrapper).ts-slider.show-dots .products .owl-stage-outer:hover ~ .owl-controls .owl-dots{ z-index: -1; } /*** Fix shortcode deal ***/ .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .owl-stage-outer, .product-style-3 .ts-shortcode.ts-product-deals-wrapper.ts-slider .products .owl-stage-outer{ padding-top: 3px; padding-bottom: 63px; } .product-style-3 .woocommerce.columns-1 .ts-shortcode.ts-product-deals-wrapper .products .owl-stage-outer{ padding-bottom: 0; } .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .owl-stage-outer:before, .product-style-3 .woocommerce .ts-shortcode.ts-product-deals-wrapper .products .owl-stage-outer:before{ border-width: 3px 0; } .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .product:not(.product-category), .product-style-3 .woocommerce:not(.columns-1) .ts-shortcode.ts-product-deals-wrapper.ts-slider .products .product:not(.product-category){ border-width: 0 1px 0 3px; /*rtl*/ } .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .owl-item.active + .owl-item.active .product:not(.product-category), .product-style-3 .woocommerce:not(.columns-1) .ts-shortcode.ts-product-deals-wrapper.ts-slider .products .owl-item.active + .owl-item.active .product:not(.product-category){ border-left-width: 0; /*rtl*/ } .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .owl-stage-outer:after, .product-style-3 .woocommerce:not(.columns-1) .ts-shortcode.ts-product-deals-wrapper.ts-slider .products .owl-stage-outer:after{ content: ''; width: 6px; position: absolute; top: 0; bottom: 60px; right: 0; /*rtl*/ border-width: 0 3px 0 0; /*rtl*/ border-style: solid; border-radius: 4px; overflow: hidden; } /*** Product Style 4 ***/ .product-style-4 .cross-sells .products .product-group-button div.quickshop .ts-tooltip, .product-style-4 .up-sells .products .product-group-button div.quickshop .ts-tooltip, .product-style-4 .related .products .product-group-button div.quickshop .ts-tooltip, .product-style-4 .cross-sells .products .product-group-button > div:not(.quickshop), .product-style-4 .up-sells .products .product-group-button > div:not(.quickshop), .product-style-4 .related .products .product-group-button > div:not(.quickshop), .product-style-4 .products .product .product-group-button div.quickshop .ts-tooltip, .product-style-4 .products .product .product-group-button > div:not(.quickshop), .woocommerce.main-products.columns-1 > .products .product .product-group-button div.quickshop .ts-tooltip, .woocommerce.main-products.columns-1 > .products .product .product-group-button > div:not(.quickshop){ display: none; } .product-style-4 .cross-sells .products .product .meta-wrapper-2, .product-style-4 .up-sells .products .product .meta-wrapper-2, .product-style-4 .related .products .product .meta-wrapper-2, .product-style-4 .ts-shortcode .products .product .meta-wrapper-2, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2, .product-style-4 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .cross-sells .products .product .meta-wrapper-2 .button-in, .product-style-4 .up-sells .products .product .meta-wrapper-2 .button-in, .product-style-4 .related .products .product .meta-wrapper-2 .button-in, .product-style-4 .ts-shortcode .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .ts-shortcode .products .product:not(.product-category) .meta-wrapper-2 .button-in, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart{ display: block; } .product-style-4 .cross-sells .products .product .product-group-button > div.quickshop, .product-style-4 .up-sells .products .product .product-group-button > div.quickshop, .product-style-4 .related .products .product .product-group-button > div.quickshop, .product-style-4 .products .product .product-group-button > div.quickshop, .woocommerce.main-products.columns-1 > .products .product .product-group-button > div.quickshop{ margin: 0; } .product-style-4 .cross-sells .products .product .product-group-button-meta > div, .product-style-4 .up-sells .products .product .product-group-button-meta > div, .product-style-4 .related .products .product .product-group-button-meta > div, .product-style-4 .ts-shortcode .products .product-group-button-meta > div, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > div{ margin-bottom: 10px; } .product-style-4 .cross-sells .products .product .meta-wrapper-2, .product-style-4 .up-sells .products .product .meta-wrapper-2, .product-style-4 .related .products .product .meta-wrapper-2, .product-style-4 .ts-shortcode .products .product .meta-wrapper-2, .product-style-4 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2{ padding-bottom: 8px; } /*------------------------------------------------------------- VI. CATEGORIES PRODUCT --------------------------------------------------------------*/ .products{ clear: both; } /*** BEST SELLER ***/ #main-content > .site-content .term-description, #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product{ padding-bottom: 50px; } .product-style-3 #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product{ padding-bottom: 0; margin-bottom: 0; } #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .shortcode-heading-wrapper{ text-align: left; /*rtl*/ } #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .shortcode-heading-wrapper .shortcode-title{ line-height: 30px !important; position: relative; } #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .product .short-description{ display: none; } #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product .products{ border-width: 3px; } /*** FILTER ***/ .woocommerce .before-loop-wrapper{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px !important; } .woocommerce.archive #main-content.ts-col-24 .before-loop-wrapper{ padding-bottom: 25px; } .woocommerce.archive #main-content:not(.ts-col-24) .before-loop-wrapper .woocommerce-notices-wrapper .woocommerce-message, .woocommerce.archive #main-content:not(.ts-col-24) .before-loop-wrapper .woocommerce-notices-wrapper .woocommerce-error, .woocommerce.archive #main-content:not(.ts-col-24) .before-loop-wrapper .woocommerce-notices-wrapper .woocommerce-info{ margin-bottom: 25px; } .woocommerce.archive #main-content:not(.ts-col-24) .before-loop-wrapper .woocommerce-notices-wrapper{ width: calc(100% - 30px); margin: 0 -20px; transform: translateY(-100%); position: absolute; top: 0; } .woocommerce.archive #main-content:not(.ts-col-24) .before-loop-wrapper{ padding: 0 20px; } .woocommerce.archive #main-content:not(.ts-col-24) .filter-widget-area-button, .woocommerce.archive #main-content:not(.ts-col-24) .product-on-sale-form, .woocommerce.archive #main-content:not(.ts-col-24) .woocommerce .woocommerce-ordering, .woocommerce.archive #main-content:not(.ts-col-24) .product-per-page-form, .woocommerce.archive #main-content:not(.ts-col-24) .ts-product-columns-selector{ padding-top: 14px; padding-bottom: 14px; } .filter-widget-area-button > a, .ts-product-columns-selector{ margin: 0 30px 0 0; /*rtl*/ padding-right: 30px; /*rtl*/ border-width: 0 1px 0 0; /*rtl*/ border-style: solid; } .filter-widget-area-button > a{ display: inline-block; } .ts-product-columns-selector{ line-height: 23px; } .filter-widget-area-button a{ display: inline-block; text-decoration: none; } .filter-widget-area-button a:before{ margin-right: 5px; /*rtl*/ font-size: 75%; display: inline-block; position: relative; top: -1px; } .filter-widget-area-button a.active:before{ font-size: 120%; font-family: inherit; } .filter-widget-area{ margin: 30px 0 0 0; padding: 0; } .widget-title-wrapper a.block-control:after{ display: inline-block; font-size: 10px; line-height: inherit; transition: 350ms ease; } .widget-title-wrapper a.block-control.active:after{ transform: rotate(-180deg); } .widget-title-wrapper a.block-control{ position: absolute; content: ""; width: 30px; height: 30px; display: inline-block; right: 0; top: 50%; text-align: center; text-indent: 0; z-index: 8; text-decoration: none; margin-top: -15px; line-height: 30px; } .woocommerce-result-count{ display: none; margin: 0; } /*** Product on sale ***/ .product-on-sale-form label{ padding-bottom: 0; } /*** WOOCOMMERCE ORDERING ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin: 0 0 0 auto;/* rtl */ order: 2; } .woocommerce .woocommerce-ordering select{ display: none; } .woocommerce .woocommerce-ordering ul li a:hover, .product-per-page-form ul.perpage ul li a:hover{ text-decoration: none; } .woocommerce .woocommerce-ordering .orderby li, .product-per-page-form ul.perpage li{ list-style: none; position: relative; z-index: 4; padding: 0 15px; } .woocommerce .woocommerce-ordering ul li a, .product-per-page-form ul.perpage ul li a{ padding: 5px 0; display: block; } .product-per-page-form ul.perpage ul li a{ white-space: nowrap; } .woocommerce .woocommerce-ordering ul.orderby{ margin: -2px 0 0 5px; /*rtl*/ padding: 0; position: relative; display: inline-block; vertical-align: middle; } .woocommerce .woocommerce-ordering ul.orderby:hover, .product-per-page-form ul.perpage:hover, .woocommerce .woocommerce-ordering ul.orderby.active, .product-per-page-form ul.perpage.active{ z-index: 999; position: relative; } .product-per-page-form ul.perpage > li, .product-per-page-form ul.perpage ul{ padding: 0; margin: 0; } .woocommerce .woocommerce-ordering .orderby li a.current{ cursor: default; } .woocommerce .woocommerce-ordering .orderby > li, .product-per-page-form ul.perpage > li{ padding: 0 !important; position: relative; cursor: pointer; } .woocommerce .woocommerce-ordering .orderby-current{ display: inline-block; vertical-align: baseline; } .product-per-page-form ul.perpage .perpage-current:after, .woocommerce .woocommerce-ordering .orderby-current:after{ font-size: 10px; margin-left: 6px; /*rtl*/ position: relative; top: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: inline-block; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul{ margin: 0; padding: 17px 0 10px 0; display: none; width: 180px; position: absolute; top: 100%; left: 0; /*rtl*/ z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul{ left: -50px; /*rtl*/ } .product-per-page-form ul.perpage ul{ width: 85px; } .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before{ position: absolute; content: ""; top: 7px; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } /*** PRODUCT PER PAGE ***/ .product-per-page-form{ width: auto; order: 3; margin: 0 0 0 30px; /*rtl*/ padding-left: 30px; /*rtl*/ border-width: 0 0 0 1px; /*rtl*/ border-style: solid; } .product-per-page-form > select{ padding-top: 4px; padding-bottom: 4px; font-size: 95%; display: none; width: 110px; } .product-per-page-form ul.perpage{ margin: 0;/* rtl */ position: relative; display: inline-block; } .product-per-page-form ul.perpage li{ padding: 0; } .product-per-page-form ul.perpage ul li a > span{ opacity: 0; visibility: hidden; } .product-per-page-form ul.perpage .perpage-current{ display: block; } .woocommerce .woocommerce-ordering .orderby li a.current, .product-per-page-form ul.perpage ul li a.current > strong, .product-per-page-form ul.perpage .perpage-current > strong{ font-weight: 600; } .product-per-page-form ul.perpage ul li a > *, .product-per-page-form ul.perpage .perpage-current > *{ display: inline-block; vertical-align: baseline; transition: 350ms ease; } .product-per-page-form ul.perpage ul li a > strong, .product-per-page-form ul.perpage .perpage-current > strong{ padding: 0 0 0 10px; /*rtl*/ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong{ font-weight: normal; color: inherit; } /*** PRODUCTS ***/ body.woocommerce #main-content{ position: relative; } body.woocommerce #main-content .woocommerce.main-products, #main-content .shop-bottom-content, #main-content .after-loop-wrapper .woocommerce-pagination{ transition: padding 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), min-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #main-content.show-filter-sidebar .woocommerce.main-products, #main-content.show-filter-sidebar .shop-bottom-content, #main-content.show-filter-sidebar .after-loop-wrapper .woocommerce-pagination{ padding-left: calc(20% + 15px); /*rtl*/ } #ts-filter-widget-area .ts-sidebar-content{ left: 0;/* rtl */ right: auto !important; bottom: 0; top: calc(100% + 40px) !important; transform: translate(-100%,0); width: calc(20% - 30px); height: auto; overflow: visible; position: absolute; box-shadow: none; padding: 0 15px; z-index: 2; max-width: 250px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; } #ts-filter-widget-area.active .ts-sidebar-content{ transform: translate(0,0); } #ts-filter-widget-area .close{ display: none; } #ts-filter-widget-area .filter-widget-area{ margin: 0; padding: 0; position: relative; z-index: 2; opacity: 0; visibility: hidden; transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } #ts-filter-widget-area.active .filter-widget-area{ opacity: 1; visibility: visible; } .woocommerce.archive #main-content .woocommerce.main-products{ padding-top: 30px; position: relative; } .woocommerce.archive #main-content.ts-col-24 .woocommerce.main-products{ padding-top: 40px; } .woocommerce.archive #main-content.ts-col-24 .after-loop-wrapper{ position: relative; } .woocommerce.archive #main-content.ts-col-24 .ts-product.best_selling, .woocommerce.archive #main-content.ts-col-24 .ts-active-filters, .woocommerce.archive #main-content.ts-col-24 .before-loop-wrapper{ position: relative; } .woocommerce.archive #main-content.ts-col-24:before, .woocommerce.archive #main-content.ts-col-24 .ts-product.best_selling:before, .woocommerce.archive #main-content.ts-col-24 .ts-active-filters:before, .woocommerce.archive #main-content.ts-col-24 .before-loop-wrapper:before{ content: ''; position: absolute; top: -1px; bottom: 0; left: calc(-50vw + 50%); right: calc(-50vw + 50%); width: 100vw; max-width: 100vw; background: #ffffff; } .woocommerce.archive #main-content.ts-col-24 .before-loop-wrapper:before{ width: 150vw; max-width: 150vw; height: 100%; top: -2px; } .woocommerce.archive #main-content.ts-col-24 .before-loop-wrapper > *:not(#ts-filter-widget-area), .woocommerce.archive #main-content.ts-col-24 .ts-active-filters > *{ position: relative; z-index: 7; } #main-content.ts-col-24 .woocommerce.main-products > .products{ margin: 0 -10px; } #main-content.ts-col-24 .woocommerce.main-products > .products, #main-content.ts-col-24 .woocommerce.main-products > .products .product{ border-width: 0; } #main-content.ts-col-24 .woocommerce.main-products > .products .product{ padding: 0 10px 20px; margin-bottom: 0; } #main-content.ts-col-24 .woocommerce.main-products > .products .product .product-wrapper{ overflow: hidden; } .product-style-3 .has-margin .ts-shortcode .products .product:not(.product-category):hover .product-wrapper, .product-style-3 .has-margin.ts-shortcode .products .product:not(.product-category):hover .product-wrapper{ left: 15px; width: calc(100% - 30px); box-shadow: 0px 20px 40px rgba(16, 49, 120, 0.1) !important; } .product-style-3 #main-content.ts-col-24 .woocommerce.main-products > .products .product:hover .product-wrapper{ left: 10px; width: calc(100% - 20px); box-shadow: 0px 20px 40px rgba(16, 49, 120, 0.1); } /*** PAGINATION ***/ .post-nav-links{ padding-top: 20px; } .post-nav-links > a{ margin: 5px; } .woocommerce nav.woocommerce-pagination{ margin: 0 -5px 0 -5px; text-align: inherit; } #main-content .woocommerce-pagination, #main-content.ts-col-24 .ts-pagination{ text-align: center; } .woocommerce .after-loop-wrapper{ width: 100%; padding-bottom: 60px; margin-left: 0; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; position: relative; } .woocommerce .after-loop-wrapper .woocommerce-pagination{ margin-top: 40px; } .woocommerce .after-loop-wrapper:after{ content: ""; display: table; clear: both; } .woocommerce .after-loop-wrapper .ts-shop-load-more{ order: 1; margin: 0 auto; } .woocommerce .after-loop-wrapper .ts-shop-result-count{ margin: 23px auto; } .ts-pagination{ padding-top: 10px; display: block; margin-left: -5px; margin-right: -5px; text-align: center; line-height: 1; } .ts-pagination ul{ display: inline-block; overflow: hidden; } .ts-pagination ul li{ list-style: none; float: left;/* rtl */ padding: 1px 0 0 0; } .ts-pagination ul li a:hover{ text-decoration: none; } .dokan-pagination-container{ margin: 40px 0 100px 0; } .show_if_seller label.pull-left{ float: none; } .woocommerce nav.woocommerce-pagination ul{ vertical-align: bottom; } .woocommerce nav.woocommerce-pagination ul, .ts-pagination ul, .dokan-pagination-container .dokan-pagination{ border: 0; margin: 0; padding: 0; } .woocommerce nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li{ border: 0; float: left;/* rtl */ } .ts-pagination ul li a, .ts-pagination ul li span, .post-nav-links > .post-page-numbers, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .dokan-pagination-container .dokan-pagination li a{ padding: 0; background: transparent; width: 34px; height: 34px; line-height: 34px; margin: 0 3px; text-align: center; font-weight: bold; display: inline-block; border-radius: 100%; position: relative; transition: 0.5s cubic-bezier(0.2,1,0.3,1); } .ts-pagination ul li a:focus, .ts-pagination ul li a:hover, .ts-pagination ul li span.current, .post-nav-links > .post-page-numbers:focus, .post-nav-links > .post-page-numbers:hover, .post-nav-links > .post-page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: #e1e1e1; } .ts-pagination ul li span.current, .post-nav-links > .post-page-numbers.current, .woocommerce nav.woocommerce-pagination ul li span.current{ cursor: default; } .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .ts-pagination ul li a.prev, .ts-pagination ul li a.next{ background-image: none; font-size: 0; margin: 0 4px; } .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before{ line-height: inherit; display: inline-block; } .ts-pagination ul li a, .ts-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .dokan-pagination-container .dokan-pagination li a, .post-nav-links > .post-page-numbers, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before{ font-size: 14px; } .post-nav-links > .post-page-numbers{ margin: 0; text-decoration: none; } /*** LOAD MORE ***/ .ts-shop-result-count{ text-align: center; } .ts-shop-result-count > span{ display: inline-block; } .ts-shop-result-count > span:first-child{ width: 100%; } .ts-shop-result-count > span.bar{ width: 200px; height: 2px; border-width: 2px 0 0 0; border-style: solid; position: relative; } .ts-shop-result-count > span.bar > span{ position: absolute; left: 0;/* rtl */ bottom: 0; border-width: 2px 0 0 0; border-style: solid; height: 2px; content: ""; } .ts-shortcode .load-more-wrapper, .ts-shop-load-more{ display: table; text-align: center; margin: 5px auto 50px auto; } .ts-shortcode .load-more-wrapper a, .ts-shop-load-more a{ text-decoration: none; } .ts-shortcode .load-more-wrapper .load-more, .ts-shop-load-more .load-more{ display: inline-block; padding: 9px 25px; min-width: 190px; border: 1px solid; border-radius: 60px; position: relative; cursor: pointer; } .ts-shop-load-more, .load-more.button{ text-align: center; } /*** PRODUCT META ***/ .product-wrapper .color-swatch{ margin-left: -6px; margin-right: -6px; margin-bottom: 10px; margin-top: 2px; line-height: 0; } .product-wrapper .meta-wrapper{ padding: 0 20px; } .product-wrapper .price + .color-swatch{ margin-top: 10px; } .product-wrapper .star-rating + .color-swatch{ margin-top: 12px; margin-bottom: 0; } .product-wrapper .color-swatch > div{ border-radius: 100%; display: inline-block; margin: 0 6px; position: relative; cursor: pointer; } .product-wrapper .color-swatch > div span{ width: 16px; height: 16px; border-radius: 100%; float: left; /*rtl*/ overflow: hidden; } .product-wrapper .color-swatch > div:before{ content: ''; width: 22px; height: 22px; border-width: 1px; border-style: solid; border-radius: 100%; display: inline-block; position: absolute; top: -3px; left: -3px; opacity: 0; visibility: hidden; transition: opacity 350ms, visibility 350ms; } .product-wrapper .color-swatch > div:after{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 8px; line-height: 1; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: opacity 350ms, visibility 350ms; } .product-wrapper .color-swatch > div img{ max-width: 100%; width: 16px; height: 16px; } .product-wrapper .color-swatch > div.active{ cursor: default; } .product-wrapper .color-swatch > div:hover:after, .product-wrapper .color-swatch > div:hover:before, .product-wrapper .color-swatch > div.active:after, .product-wrapper .color-swatch > div.active:before{ opacity: 1; visibility: visible; } /*** Quantity ***/ .meta-wrapper .stock-quantity{ position: relative; padding-top: 20px; max-width: 110px; font-size: 13px; line-height: 14px; margin-bottom: 20px; padding-right: 50px; /*rtl*/ } .meta-wrapper .stock-quantity > span{ min-width: 38px; height: 38px; font-size: 26px; line-height: 28px; display: block; position: absolute; top: 20px; right: 0; /*rtl*/ font-weight: 600; color: #103178; } .meta-wrapper .stock-quantity:before{ content: ''; width: 100%; height: 1px; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: 0; /*rtl*/ } /*------------------------------------------------------------- VII. PRODUCT DETAIL --------------------------------------------------------------*/ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ float: left; /*rtl*/ width: 40%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; /*rtl*/ width: 60%; padding-left: 30px; /*rtl*/ } .woocommerce #main-content.ts-col-12 #content div.product div.images, .woocommerce #main-content.ts-col-12 div.product div.images, .woocommerce-page #main-content.ts-col-12 #content div.product div.images, .woocommerce-page #main-content.ts-col-12 div.product div.images, .woocommerce #main-content.ts-col-18 #content div.product div.images, .woocommerce #main-content.ts-col-18 div.product div.images, .woocommerce-page #main-content.ts-col-18 #content div.product div.images, .woocommerce-page #main-content.ts-col-18 div.product div.images{ width: 60%; } .woocommerce #main-content.ts-col-12 #content div.product div.summary, .woocommerce #main-content.ts-col-12 div.product div.summary, .woocommerce-page #main-content.ts-col-12 #content div.product div.summary, .woocommerce-page #main-content.ts-col-12 div.product div.summary, .woocommerce #main-content.ts-col-18 #content div.product div.summary, .woocommerce #main-content.ts-col-18 div.product div.summary, .woocommerce-page #main-content.ts-col-18 #content div.product div.summary, .woocommerce-page #main-content.ts-col-18 div.product div.summary{ width: 40%; } /*------------------------------------------------------------- 1. PRODUCT IMAGES --------------------------------------------------------------*/ .product-images-summary:after{ content: ''; display: table; clear: both; } /*** Product Label ***/ .woocommerce div.product .images .product-label{ top: 5px; left: 5px; /*rtl*/ right: auto; /*rtl*/ z-index: 991; } .woocommerce div.product.thumbnail-border .images .product-label{ top: 25px; left: 25px; /*rtl*/ } .product-label-rectangle div.product .images .product-label .onsale, .product-label-rectangle div.product .images .product-label .new, .product-label-rectangle div.product .images .product-label .featured, .product-label-rectangle div.product .images .product-label .out-of-stock{ height: 22px; line-height: 22px !important; min-width: 75px; } /*** Product Images ***/ .woocommerce div.product.thumbnail-border div.images .flex-viewport{ border-width: 1px; border-style: solid; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ position: absolute; top: 0; right: 0; /*rtl*/ background: transparent !important; } .woocommerce div.product.thumbnail-border div.images .woocommerce-product-gallery__trigger{ top: 25px; right: 25px; /*rtl*/ } /*** Product Thumbnails ***/ .woocommerce div.product div.images .flex-control-thumbs{ margin: 0 -6px; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 74px; float: left; /*rtl*/ list-style: none; margin: 12px 6px 0; } .woocommerce div.product div.images .flex-control-thumbs li img{ opacity: 1; border-width: 1px; border-style: solid; transition: 350ms ease; } .woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: none; } /*------------------------------------------------------------- 2. PRODUCT SUMMARY --------------------------------------------------------------*/ /*** Spacing ***/ .woocommerce div.product div.summary .availability, .woocommerce div.product div.summary .woocommerce-product-rating, .woocommerce div.product div.summary form.cart{ margin-bottom: 20px; } .woocommerce div.product.no-addtocart div.summary form.cart{ margin-bottom: 0; } .woocommerce div.product div.summary .product-brands, .woocommerce div.product div.summary .product_title, .woocommerce div.product div.summary .variations_form .variations .attribute{ margin-bottom: 10px; } .woocommerce div.product div.summary .woocommerce-product-details__short-description{ margin-bottom: 17px; padding-top: 17px; } .woocommerce div.product div.summary .price{ margin-bottom: 30px; } .woocommerce div.product.outofstock div.summary .price{ margin-bottom: 15px; } .woocommerce div.product.product-type-grouped div.summary .price{ margin-bottom: 20px; } .woocommerce #main-content.ts-col-18 div.product div.summary .price, .woocommerce #main-content.ts-col-12 div.product div.summary .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .counter-wrapper + .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .counter-wrapper + .price.hidden + .ts-variation-price{ padding-top: 20px; margin-top: 20px; } .woocommerce div.product div.summary .ts-product-feature{ margin-bottom: 11px; padding-top: 11px; } .woocommerce div.product div.summary .counter-wrapper + .ts-product-feature{ margin-top: 20px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .ts-product-feature + .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .ts-product-feature + .price.hidden + .ts-variation-price{ padding-top: 20px; margin-top: 11px; } .woocommerce div.product div.summary .meta-content, .woocommerce div.product div.summary .product_title + .price, .woocommerce div.product div.summary .woocommerce-product-rating + .price, .woocommerce div.product div.summary .woocommerce-product-details__short-description + .price{ padding-top: 20px; margin-top: 25px; } .woocommerce div.product div.summary .counter-wrapper{ padding-top: 25px; margin-top: 17px; } .woocommerce div.product div.summary .ts-social-sharing{ margin-top: 20px; } .woocommerce div.product div.summary .ts-product-feature, .woocommerce div.product div.summary .woocommerce-product-details__short-description, .woocommerce div.product div.summary .counter-wrapper, div.product.tabs-in-summary .woocommerce-tabs, .woocommerce div.product.tabs-in-summary .woocommerce-tabs, .woocommerce div.product div.summary .woocommerce-product-details__short-description + .price, .woocommerce div.product div.summary .product_title + .price, .woocommerce div.product div.summary .woocommerce-product-rating + .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .counter-wrapper + .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .ts-product-feature + .price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .ts-product-feature + .price.hidden + .ts-variation-price, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary .counter-wrapper + .price.hidden + .ts-variation-price, .woocommerce div.product div.summary .meta-content, .woocommerce #main-content.ts-col-18 div.product div.summary .price, .woocommerce #main-content.ts-col-12 div.product div.summary .price{ border-width: 1px 0 0; border-style: solid; } .woocommerce div.product.summary-2-columns div.summary .ts-product-feature ~ .meta-content{ margin-top: 11px; } div.product.tabs-in-summary .woocommerce-tabs, .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin-top: 50px; padding-top: 20px; } /*** Availability ***/ .woocommerce div.product div.summary .availability label{display: none;} .woocommerce div.product div.summary .availability{ font-size: 75%; line-height: 18px; text-transform: uppercase; } .woocommerce div.product div.summary .availability > span{ display: inline-block; vertical-align: top; padding: 0 10px; border-radius: 20px; } /*** Brands ***/ .woocommerce div.product div.summary .product-brands{ line-height: 20px; } .woocommerce div.product div.summary .product_title{ line-height: 36px; } /*** Rating ***/ .woocommerce div.product div.summary .woocommerce-product-rating{ line-height: 1; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating{ margin: 3px 0 0; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link{ display: inline-block; vertical-align: top; font-size: 75%; line-height: 18px; margin-left: 10px; /*rtl*/ } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:first-child:last-child{ margin-left: 0; /*rtl*/ } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:before{ content: "("; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:after{ content: ")"; } /*** Short description ***/ .woocommerce div.product div.summary .woocommerce-product-details__short-description ol, .woocommerce div.product div.summary .woocommerce-product-details__short-description ul{ margin-bottom: 15px; } .woocommerce div.product div.summary .woocommerce-product-details__short-description ol:first-child:last-child, .woocommerce div.product div.summary .woocommerce-product-details__short-description ul:first-child:last-child{ margin-bottom: 0; } .woocommerce .products .product .short-description ol li, .woocommerce .products .product .short-description ul li, .woocommerce div.product div.summary .woocommerce-product-details__short-description ol li, .woocommerce div.product div.summary .woocommerce-product-details__short-description ul li{ padding: 3px 0; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary .woocommerce-product-details__short-description ol, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary .woocommerce-product-details__short-description ul{ margin-left: -15px; margin-right: -15px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary .woocommerce-product-details__short-description ol li, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary .woocommerce-product-details__short-description ul li{ padding: 3px 15px; display: inline-block; } /*** Price ***/ .woocommerce div.product div.summary .price > .amount, .woocommerce div.product div.summary .price ins{ line-height: inherit; } .woocommerce div.product div.summary p.price del, .woocommerce div.product div.summary span.price del{ opacity: 1; display: inline-block; font-size: 56%; position: relative; bottom: -5px; } /*** Variations ***/ .woocommerce div.product div.summary .variations_form .variations .attribute:after{ content: ''; display: table; clear: both; } .woocommerce div.product div.summary .variations_form .variations .attribute > *{ display: inline-block; vertical-align: middle; } .woocommerce div.product div.summary .variations_form .variations .attribute > .label{ min-width: 40px; margin-right: 10px; /*rtl*/ } .woocommerce div.product form.cart .variations label{ padding-bottom: 10px; } .ts-product-attribute div.option:not(.color) a{ padding: 0 18px; border-width: 1px; border-style: solid; border-radius: 60px; text-decoration: none; } .woocommerce div.product div.summary form.cart .variations select{ margin-right: 0; /*rtl*/ padding: 5px 20px; margin-bottom: 10px; min-width: 200px; } .woocommerce div.product form.cart .reset_variations{ line-height: 16px; position: relative; top: -10px; display: block; background: transparent; border: 0; padding: 0; font-weight: inherit; } .woocommerce div.product div.summary form.cart .variations{ margin-bottom: 0; } .woocommerce div.product form.cart .reset_variations, .woocommerce div.product .woocommerce-variation-availability .stock.out-of-stock{ color: red; } .woocommerce div.product div.summary form.cart div.quantity{ float: left; /*rtl*/ margin: 0 10px 0 0; /*rtl*/ } .woocommerce div.product div.summary form.cart div.quantity label{ line-height: 20px; } .woocommerce div.product div.summary form.cart .button{ float: left; /*rtl*/ overflow: hidden; min-width: 190px; } .woocommerce div.product:not(.summary-2-columns) div.summary form.cart div.quantity:not(.hidden) + .button, .woocommerce div.product.summary-2-columns.images-summary-background div.summary form.cart div.quantity:not(.hidden) + .button{ margin-top: 25px; } .woocommerce #main-content.ts-col-12 div.product div.summary form.cart .button, .woocommerce #main-content.ts-col-18 div.product div.summary form.cart .button{ width: calc(100% - 150px); min-width: 0; max-width: 100%; } .woocommerce div.product div.summary form.cart .button.loading:after{ font-size: 100%; } .woocommerce div.product div.summary form.cart .button.added:before{ display: inline-block; font-size: 75%; line-height: 1; margin-right: 5px; /*rtl*/ } .woocommerce div.product div.summary .ts-product-feature ul:last-child{ margin-bottom: 0; } .woocommerce div.product div.summary .ts-product-feature ul li{ list-style: none; padding: 9px 0; } .woocommerce div.product div.summary .ts-product-feature ul li img{ margin-right: 10px; /*rtl*/ } div.product .woocommerce-variation-price { display: none !important; } /*** Meta Content ***/ .meta-content .cats-link > span, .meta-content .tags-link > span, .meta-content .sku-wrapper > span{ display: inline; } .meta-content .cats-link > span:first-child, .meta-content .tags-link > span:first-child, .meta-content .sku-wrapper > span:first-child{ margin-right: 10px; /*rtl*/ } .meta-content .cats-link a, .meta-content .tags-link a{ color: inherit; } .meta-content .tags-link{ margin:0; } .meta-content .tags-link a{ margin: 0; display: inline; float: none; padding: 0; background: transparent; font-size: 100%; font-weight: normal; } /*** 360/Video ***/ .ts-product-video-button, .ts-product-360-button{ background: url(images/icons.svg) no-repeat; background-position: 0 0; display: block; clear: both; width: 36px; height: 36px; text-decoration: none; transform: translateY(-100%); margin: 0; position: relative; top: -25px; float: left; /*rtl*/ } .ts-product-video-button{ background-position: -40px 0; } .ts-product-video-button + .ts-product-360-button{ clear: none; left: 5px; /*rtl*/ } .ts-product-video-button:hover, .ts-product-360-button:hover{ opacity: 0.8; } .ts-product-video div.ppt, .ts-product-video .pp_top, .ts-product-video .pp_bottom{ display: none !important; } .ts-product-video div.pp_details{ padding: 0 !important; } .threesixty .nav_bar{ position: absolute; left: 0; right: 0; text-align: center; z-index: 11; } .threesixty .nav_bar a{ font-size: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-width: 1px; border-style: solid; margin: 0 2px; border-radius: 4px; text-decoration: none; } .threesixty ol li{ list-style: none; font-size: 0; } body .threesixty{ position: relative; overflow: visible; } body .ts-popup-modal .product-360-container{ width: 700px; max-height: 100%; } .ts-popup-modal .threesixty{ width: 100% !important; } .threesixty .threesixty_images{ display: none; list-style: none; margin: 0; padding: 0; } .threesixty .threesixty_images img{ position: absolute; top: 0; width: 100%; height: auto; transition: 700ms ease 0s; } .threesixty .threesixty_images{ display: none; } .threesixty .threesixty_images img.previous-image{ visibility: hidden; } .threesixty .threesixty_images img.current-image{ visibility: visible; } .threesixty .spinner{ width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; background: rgba(0, 0, 0, 0.7); border-radius: 5px; } .threesixty .spinner span{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #FFF; text-align: center; line-height: 30px; display: block; } .threesixty:-webkit-full-screen{ background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .threesixty:-moz-full-screen{ background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } /*** full width ***/ .woocommerce #main-content.ts-col-24 #content div.product:not(.summary-2-columns) div.images, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.images, .woocommerce-page #main-content.ts-col-24 #content div.product:not(.summary-2-columns) div.images, .woocommerce-page #main-content.ts-col-24 div.product:not(.summary-2-columns) div.images { width: 46%; } .woocommerce #main-content.ts-col-24 #content div.product:not(.summary-2-columns) div.summary, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product:not(.summary-2-columns) div.summary, .woocommerce-page #main-content.ts-col-24 div.product:not(.summary-2-columns) div.summary { width: 54%; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart{ margin-right: 280px; /*rtl*/ clear: both; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart .variations{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart .variations, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart .group_table{ width: calc(100% + 280px); } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart .variations .attribute{ margin-right: 40px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart .variations .reset_variations{ width: 100%; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns .variations .attribute .label, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart .variations .attribute .label{ display: block; margin: 0; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) div.summary form.cart .button{ width: 200px; min-width: 0; padding-left: 5px; padding-right: 5px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + a.compare, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist + a.compare{ height: 24px; margin-top: -23px; overflow: visible; float: right; /*rtl*/ position: relative; top: -32px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist{ margin-right: 0; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist + a.compare{ margin-right: 25px; /*rtl*/ } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .panel{ padding: 0; border-width: 0; margin-bottom: 0; } .woocommerce div.product.tabs-in-summary #review_form #respond .comment-form-rating, .woocommerce div.product.tabs-in-summary #review_form #respond .comment-form-email, .woocommerce div.product.tabs-in-summary #review_form #respond .comment-form-author{ width: 100%; padding-left: 0; /*rtl*/ padding-right: 0; /*rtl*/ } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist{ margin-bottom: 30px; } .woocommerce div.product.tabs-in-summary #reviews{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .woocommerce div.product.tabs-in-summary #reviews #comments{ margin: 40px 0 0; order: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin-right: 25px; /*rtl*/ } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text{ width: calc(100% - 200px); } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 110px; /*rtl*/ transform: translateY(100%); margin-top: 4px; } .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .meta{ margin-top: 14px; transform: translateY(-100%); } /*** Summary 2 columns ***/ .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) div.summary{ position: relative; padding-right: 330px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2{ position: absolute; top: 0; right: 0;/*rtl*/ width: 300px; padding: 30px; } .woocommerce div.product.summary-2-columns:not(.images-summary-background) div.summary .summary-column-2 form.cart .variations select{ min-width: 240px; } .woocommerce div.product.summary-2-columns:not(.images-summary-background) div.summary .summary-column-2 form.cart .variations select, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .quantity .number-button, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .quantity .qty, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .ts-product-attribute div.option.color a:before, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .ts-product-attribute div.option:not(.color) a{ background: #ffffff; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .ts-product-attribute div.option.color a > span:first-child{ position: relative; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .quantity{ width: 100%; float: none; margin-bottom: 10px; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .quantity .number-button, .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 form.cart .button{ width: 100%; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 .button.loading:before{ opacity: 1 !important; } /*** Summary background ***/ .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary{ padding: 40px 0; position: relative; margin-top: -20px; margin-bottom: 60px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary:before{ content: ''; max-width: 100vw !important; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; display: block; position: absolute; top: 0; bottom: 0; left: 0; /*rtl*/ } .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.images { width: 57%; margin-bottom: 0; } .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.summary { width: calc(40% - 30px); padding: 40px; position: relative; z-index: 2; margin-left: 30px; /*rtl*/ margin-bottom: 0; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .ts-product-feature, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .woocommerce-product-details__short-description, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .counter-wrapper, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .woocommerce-product-details__short-description + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .counter-wrapper + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .ts-product-feature + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .ts-product-feature + .price.hidden + .ts-variation-price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .counter-wrapper + .price.hidden + .ts-variation-price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .meta-content{ width: calc(100% + 80px); margin-left: -40px; padding-left: 40px; padding-right: 40px; } #main-content.ts-col-24 div.product.images-summary-background .yith-wfbt-section{ padding-bottom: 80px; padding-top: 90px; /*padding-bottom + margin-bottom div.product-images-summary*/ margin-bottom: -90px; /*padding-bottom + margin-bottom div.product-images-summary*/ position: relative; } #main-content.ts-col-24 div.product.images-summary-background .yith-wfbt-section.woocommerce > *{ position: relative; } #main-content.ts-col-24 div.product.images-summary-background .yith-wfbt-section.woocommerce:before{ content: ''; max-width: 100vw !important; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; display: block; position: absolute; top: 40px; bottom: 0; left: 0; background: #fff; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart).single-no-wishlist.single-no-compare form.cart{ margin-right: 0; /*rtl*/ } /*** Frequently bought together ***/ div.product .yith-wfbt-section{ margin-bottom: 70px; } div.product .yith-wfbt-section .yith-wfbt-form{ border-width: 3px; border-style: solid; position: relative; } div.product .yith-wfbt-section .yith-wfbt-form:after{ content: ''; display: table; clear: both; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ width: 100%; float: none; /*rtl*/ margin: 0; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 25%; float: right; /*rtl*/ margin: 0; padding: 25px 30px 30px 0; /*rtl*/ } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ clear: none; width: 75%; float: left; /*rtl*/ margin: 0; padding: 17px 30px; } div.product .yith-wfbt-section .yith-wfbt-images .image_plus{ display: none; } div.product .yith-wfbt-section .yith-wfbt-images td{ border-width: 0 1px 1px 0; /*rtl*/ border-style: solid; position: relative; padding: 0; } div.product .yith-wfbt-section .yith-wfbt-images td:last-child{ border-right-width: 0; /*rtl*/ } div.product .yith-wfbt-section .yith-wfbt-images td > a{ display: block; width: 100%; height: 100%; position: relative; } div.product .yith-wfbt-section .yith-wfbt-images td:not(:last-child) > a:after{ content: '+'; width: 30px; height: 30px; font-size: 14px; line-height: 28px; border-radius: 100%; text-align: center; font-weight: 700; position: absolute; top: 50%; margin-top: -15px; right: -15px; /*rtl*/ z-index: 3; } div.product .yith-wfbt-section .yith-wfbt-images td img { width: 100%; height: auto; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li{ list-style: none; padding: 3px 0; margin: 0; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li, div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label{ line-height: 18px !important; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li > label{ position: relative; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li input[type^="checkbox"]{ width: 16px; height: 16px; opacity: 0; position: absolute; top: 6px; left: 0; /*rtl*/ } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton:before{ content: ""; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; transition: background-color ease 0.3s; width: 16px; height: 16px; line-height: 16px; font-size: 18px; border: none; margin: -5px 6px 0 0; /*rtl*/ margin-bottom: 0; border-radius: 4px; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:before{ background-image: url(images/icons.svg) !important; background-repeat: no-repeat; background-position: -22px -48px; } .woocommerce div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li .price{ display: inline; } .yith-wfbt-section .total_price{ display: block; margin-bottom: 15px; } .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ width: 100%; } /*Frequently bought together- layout2*/ #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ width: 60%; display: block; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody{ display: table; table-layout: fixed; border-collapse: collapse; box-sizing: border-box; width: 100%; height: 100%; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 40%; padding-left: 50px; /*rtl*/ position: absolute; bottom: 0; right: 0; /*rtl*/ left: auto; /*rtl*/ } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ width: 40%; padding-left: 50px; /*rtl*/ padding-bottom: 180px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-images td{ border-bottom-width: 0; border-right-width: 1px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ width: auto; min-width: 216px; } .woocommerce div.product form.cart .group_table{ margin-bottom: 30px; border-width: 1px; border-style: solid; } .woocommerce div.product form.cart .group_table tbody tr:not(:last-child){ border-width: 0 0 1px; border-style: solid; } .woocommerce div.product form.cart .group_table td:first-child{ width: auto; text-align: left; /*rtl*/ } .woocommerce div.product form.cart .group_table td{ padding: 12px 15px !important; vertical-align: middle; overflow: hidden; } .woocommerce div.product form.cart .group_table td a:hover{ text-decoration: none; } .group_table .quantity .number-button{ width: 100px; height: 40px; } .group_table .quantity .minus, .group_table .quantity .plus{ width: 40px; height: 40px; } .group_table .quantity .qty, .woocommerce .group_table .quantity .qty, .group_table .quantity .minus, .group_table .quantity .plus{ line-height: 24px; } /*------------------------------------------------------------- 3. PRODUCT TABS --------------------------------------------------------------*/ .woocommerce-tabs .wc-tab:after, .woocommerce-tabs .panel .block-image-2-columns:after, .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border:after{ display: table; clear: both; content: ""; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display: none; } .woocommerce div.product .woocommerce-tabs{ padding: 0; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs{ padding: 0; margin: 0 0 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border: none; border-radius: 0; margin: 0 35px 20px 0; /*rtl*/ padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ text-decoration: underline; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-weight: normal; padding: 0; line-height: 30px; } .woocommerce-tabs table tbody > tr > th, .woocommerce-tabs table tbody > tr > td{ padding: 11px 20px; } .woocommerce-tabs table tbody > tr > th{ width: 30%; } .woocommerce div.product .woocommerce-tabs .panel{ padding: 50px; border-width: 1px; border-style: solid; } .woocommerce-tabs .panel.woocommerce-Tabs-panel--description img.alignright{ margin: 0 -50px 15px 30px !important; } .woocommerce-tabs .panel .block-image-2-columns{ margin: 0 -15px; } .woocommerce-tabs .panel .block-image-2-columns li{ list-style: none; width: 50%; float: left; /*rtl*/ text-align: center; padding: 0 15px; } .woocommerce-tabs .panel .block-image-2-columns li img{ margin: 0; } .woocommerce-tabs .panel .block-image-2-columns li a{ padding: 15px 15px 0; display: inline-block; } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border{ display: inline-block; } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border li{ min-width: calc(33.3333% - 100px); float: left; /*rtl*/ text-align: center; margin: 0; display: block; } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border li:not(:nth-child(3n+3)){ border-width: 0 1px 0 0; /*rtl*/ border-style: solid; padding: 0 50px 0 0; /*rtl*/ margin: 0 50px 0 0; /*rtl*/ } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border span{ display: block; } .product-content.opened{ max-height: 1000px; } .product-content.opened:before{ visibility: hidden; opacity: 0; } .more-less-buttons{ position: relative; z-index: 2; margin: 30px 0 0 0; text-align: center; } .product-content.show-more-less{ max-height: 250px; overflow: hidden; position: relative; transition: 3s ease 0s; } .product-content.show-more-less:before{ position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; height: 150px; content: ""; transition: 350ms ease 0s; background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(90%, #fff)); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 90%); } .product-content *:last-child{ margin-bottom: 0; } .more-less-buttons a{ display: inline-block; } .more-less-buttons a:hover{ text-decoration: none; } /*** Tab Attribute ***/ .woocommerce div.product .woocommerce-tabs #tab-additional_information, .woocommerce div.product .woocommerce-tabs #tab-reviews{ padding: 0; border-width: 0; } .woocommerce .woocommerce-tabs table{ border-width: 0; table-layout: auto; border-collapse: separate; } .woocommerce .woocommerce-tabs table.shop_attributes{ border-width: 0; margin: 0; table-layout: auto; border-collapse: separate; } .woocommerce .woocommerce-tabs table tbody > tr > th, .woocommerce .woocommerce-tabs table.shop_attributes tbody > tr > th{ width: 30%; font-weight: normal; } .woocommerce table tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) td{ background: transparent; } .woocommerce table.shop_attributes td p{ padding: 0; } .woocommerce .woocommerce-tabs table td, .woocommerce .woocommerce-tabs table th, .woocommerce .woocommerce-tabs table.shop_attributes td, .woocommerce .woocommerce-tabs table.shop_attributes th{ padding: 11px 20px; border-width: 0 0 1px; border-style: solid; font-style: normal; text-transform: none; } .woocommerce .woocommerce-tabs table a{ color: inherit; } .woocommerce .woocommerce-tabs table tr:first-child th, .woocommerce .woocommerce-tabs table tr:first-child td, .woocommerce .woocommerce-tabs table.shop_attributes tr:first-child th, .woocommerce .woocommerce-tabs table.shop_attributes tr:first-child td{ border-top-width: 1px; } .woocommerce .woocommerce-tabs table tr td:first-child, .woocommerce .woocommerce-tabs table.shop_attributes tr td:first-child{ border-left-width: 1px; /*rtl*/ } .woocommerce .woocommerce-tabs table tr td:last-child, .woocommerce .woocommerce-tabs table.shop_attributes tr td:last-child{ border-right-width: 1px; /*rtl*/ } .woocommerce .woocommerce-tabs table tr:first-child th, .woocommerce .woocommerce-tabs table.shop_attributes tr:first-child th{ border-top-color: transparent !important; } .woocommerce .woocommerce-tabs table tr:last-child th, .woocommerce .woocommerce-tabs table.shop_attributes tr:last-child th{ border-bottom-color: transparent !important; } /*** Tab Reviews ***/ body #comments .description { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; display: block; } .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--ts_custom{ padding: 0; border-width: 0; } .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--ts_custom > *:last-child{ margin-bottom: 0; } /*** Tab Reviews ***/ .woocommerce #reviews #comments{ margin-bottom: 60px; } #main-content article.page + #comments{ margin-top: 54px; } .woocommerce div.product:not(.show-tabs-content-default) #reviews #comments h2{ display: none; } .woocommerce #reviews #comments ol.commentlist li{ border-width: 1px 1px 0 1px; border-style: solid; padding: 0; margin: 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist li:first-child{ border-top-left-radius: 4px; border-top-right-radius: 4px; } .woocommerce #reviews #comments ol.commentlist li:last-child{ border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .woocommerce #reviews #comments ol.commentlist li > div.comment_container{ padding: 30px; } .woocommerce #reviews #comments ol.commentlist li > div.comment_container:after{ content: ''; clear: both; display: table; } .woocommerce #reviews #comments ol.commentlist li > div.comment_container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ width: calc(100% - 330px); margin: 0 0 0 auto; border-width: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ width: 60px; height: 60px; border-radius: 100%; border-width: 0; position: static; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin-bottom: 0; font-size: 90%; line-height: 20px; max-width: 110px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ position: absolute; top: 50%; transform: translateY(-50%); left: 110px; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 242px; /*rtl*/ margin: 0; } .woocommerce #reviews #comments ol.commentlist li .woocommerce-review__author, .woocommerce #reviews #comments ol.commentlist li .woocommerce-review__published-date{ display: block; } .woocommerce #reviews #comments ol.commentlist .woocommerce-review__dash{ display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p{ margin-bottom: 24px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child{ margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist ul.children{ margin: 0 -1px; padding: 0; border-width: 0 0 0 30px; border-style: solid; margin: 0; } .woocommerce #reviews #comments ol.commentlist ul.children, .woocommerce #reviews #comments ol.commentlist ul.children li{ border-radius: 0; } .woocommerce #reviews #comments ol.commentlist ul.children li{ border-right-width: 0; } .woocommerce #reviews #comments ol.commentlist ul.children li:last-child{ border-bottom-width: 0; } .woocommerce #reviews #comments .woocommerce-pagination{ margin-top: 40px; } /*** Review Form ***/ .woocommerce #review_form #respond .comment-reply-title{ display: block; } .woocommerce #review_form #respond .comment-reply-title, .woocommerce #review_form #respond p{ margin: 0 0 10px; } .woocommerce #review_form #respond #commentform{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .woocommerce #review_form #respond .comment-notes, .woocommerce #review_form #respond .comment-form-comment, .woocommerce #review_form #respond .form-submit{ width: 100%; } .woocommerce #review_form #respond .comment-form-comment{ order: 1; } .woocommerce #review_form #respond .form-submit{ order: 2; } .woocommerce #review_form #respond .comment-form-rating, .woocommerce #review_form #respond .comment-form-email, .woocommerce #review_form #respond .comment-form-author{ margin: 25px 0 0; } .woocommerce #review_form #respond .comment-form-rating{ width: 30%; padding-right: 30px; /*rtl*/ } .woocommerce #review_form #respond .comment-form-email{ width: 35%; padding-left: 15px; /*rtl*/ } .woocommerce #review_form #respond .comment-form-author{ width: 35%; padding-right: 15px; /*rtl*/ } .woocommerce #review_form p.stars a{ height: 32px; width: 32px; line-height: 32px; margin-right: 4px; /*rtl*/ } .woocommerce #review_form p.stars a::before{ font-size: 32px; width: 32px; height: 32px; letter-spacing: 0; } .woocommerce #review_form #respond .comment-form-comment{ margin: 40px 0 30px; } .woocommerce #review_form #respond input, .woocommerce #review_form #respond p.stars{ margin: 0; } /*** Show tabs as default ***/ .woocommerce div.product.show-tabs-content-default .woocommerce-tabs ul.tabs{ display: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs .panel{ display: block !important; padding: 0; border-width: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews{ margin-top: -10px; margin-bottom: 80px; } .single div.product .woocommerce-tabs .panel.entry-content:after{ display: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments { margin-bottom: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews #reviews{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; position: relative; padding-top: 45px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews h2.woocommerce-Reviews-title{ position: absolute; top: 0; left: 0; /*rtl*/ width: 100%; } .ts-write-a-review-button, .ts-write-a-review-button:hover, .ts-write-a-review-button:focus, .ts-write-a-review-button:active{ text-decoration: underline; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #reply-title{ font-size: 0; line-height: 0; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments{ order: 1; margin-top: 25px; } .woocommerce div.product.show-tabs-content-default #review_form #respond #commentform { margin-bottom: 50px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews #respond, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li img.avatar, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li .comment-text .woocommerce-review__published-date{ display: none; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist{ -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li{ margin-bottom: 30px; border-width: 1px; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li > div.comment_container { display: block; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li .comment-text p.meta, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li .comment-text .star-rating{ position: static; transform: translateY(0); display: block; float: none; margin-top: 15px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li .comment-text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; } /*** Tabs More Products ***/ .woocommerce div.product .woocommerce-tabs #tab-more_seller_product{ padding: 0; border-width: 0; } /*** UPSELL/RELATED ***/ #tab-more_seller_product .products .product{ width: 25%; float: left;/* rtl */ } #tab-more_seller_product .products .product.first, #tab-more_seller_product .products .product.last{ clear: none; float: left;/* rtl */ } #tab-more_seller_product .products .product:nth-child(4n+1){ clear: both; float: left;/* rtl */ } #tab-seller ul.list-unstyled > li.clearfix:before{ display: none; } #tab-seller .list-unstyled li > span:first-child:not(.seller-rating){ font-weight: bold; } #tab-seller ul.list-unstyled > li .star-rating{ float: none; position: relative; top: 3px; } #tab-seller ul.list-unstyled > li{ list-style: none; } #tab-seller ul.list-unstyled > li .seller-rating + .text{ padding-left: 90px; /*rtl*/ } .cross-sells .products, .up-sells .products, .related .products{ position: relative; } .up-sells .products .product, .related .products .product{ width: 25%; } .cross-sells, .up-sells, .related{ clear: both; position: relative; } .heading-shortcode, .theme-title{ overflow: hidden; } .heading-wrapper > h2, .heading-shortcode > h3, .theme-title > h3, .cross-sells > h2, .up-sells > h2, .related > h2{ margin: 0; display: inline-block; position: relative; } .woocommerce div.product > .product-images-summary ~ .woocommerce:last-child{ margin-bottom: 80px; } .related-upsells-products-wrapper + .product-bottom-content{ margin-top: 80px; } .shop-bottom-content, .product-bottom-content{ margin-bottom: 56px; } .shop-bottom-content > .container > p img.alignnone, .shop-bottom-content > .container > p img.aligncenter, .product-bottom-content > .container > p img.alignnone, .product-bottom-content > .container > p img.aligncenter{ margin: 0; } .shop-bottom-content > *:last-child, .shop-bottom-content > .container > *:last-child, .product-bottom-content > .container > *:last-child, .product-bottom-content > *:last-child{ margin-bottom: 0; } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ opacity: 1; } .woocommerce-page div.product .woocommerce > .ts-product.ts-slider .products .owl-stage-outer{ border-width: 1px; } .product-style-3 div.product .product-images-summary ~ .woocommerce > .ts-product.ts-slider .products .owl-stage-outer{ border-width: 0; } .woocommerce-page div.product .woocommerce > .ts-shortcode .short-description{ display: none; } /*------------------------------------------------------------- VIII. CHECK OUT --------------------------------------------------------------*/ /*** Coupon ***/ .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login{ display: none !important; } .woocommerce .checkout-login-coupon-wrapper, .woocommerce .checkout-login-coupon-wrapper form.login{ margin-bottom: 30px; } .woocommerce form.checkout_coupon, .woocommerce .checkout-login-coupon-wrapper form.login{ border-radius: 4px; border-width: 1px; padding: 30px; margin-top: 15px; } .woocommerce .checkout-login-coupon-wrapper form.login p:first-child{ margin-bottom: 5px; } .woocommerce .checkout-login-coupon-wrapper form.login label{ padding-bottom: 0; } .woocommerce .checkout-login-coupon-wrapper form.login .button{ margin-top: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ line-height: 26px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon p:not(.form-row-first):not(.form-row-last){ flex-basis: 100%; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first{ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row{margin-bottom: 0;} .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ width: auto; min-width: 200px; margin-left: 20px; /*rtl*/ } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last .button{ width: 100%; padding-left: 5px; padding-right: 5px; } /*** Checkout Form ***/ .woocommerce > form.checkout{ overflow: hidden; width: 100%; } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ float: left; /*rtl*/ } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review{ margin-bottom: 96px; } .woocommerce > form.checkout #customer_details{ width: calc(68% - 30px); margin-right: 30px; /*rtl*/ padding: 25px 30px 30px; border-width: 1px; border-style: solid; border-radius: 4px; } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 32%; } .woocommerce > form.checkout #customer_details .col-1, .woocommerce > form.checkout #customer_details .col-2{ width: 100%; float: none; } .woocommerce form .form-row.create-account{ margin-bottom: 15px; } .woocommerce-shipping-fields h3{ margin-bottom: 20px; } .woocommerce-shipping-fields label{ padding-bottom: 0; } .woocommerce form .form-row label{ line-height: inherit; } .woocommerce-checkout p.form-row.notes{ margin-bottom: 0; } .woocommerce form input[type="password"]{ padding-right: 40px; /*rtl*/ } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ right: 20px; /*rtl*/ } .woocommerce form .form-row .required{ color: inherit; font-weight: normal; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-billing-fields__field-wrapper > p.form-row, .woocommerce-shipping-fields__field-wrapper > p.form-row{ width: 100%; margin-left: 15px; margin-right: 15px; order: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce-billing-fields__field-wrapper > p.form-row-first, .woocommerce-billing-fields__field-wrapper > p.form-row-last, .woocommerce-shipping-fields__field-wrapper > p.form-row-first, .woocommerce-shipping-fields__field-wrapper > p.form-row-last, .woocommerce-billing-fields__field-wrapper > #billing_postcode_field, .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field, .woocommerce-billing-fields__field-wrapper > #billing_city_field, .woocommerce-shipping-fields__field-wrapper > #shipping_city_field{ width: calc(50% - 30px); } .woocommerce-billing-fields__field-wrapper > #billing_email_field, .woocommerce-shipping-fields__field-wrapper > #shipping_email_field{ order: 0; } .woocommerce-billing-fields__field-wrapper > #billing_first_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_first_name_field, .woocommerce-billing-fields__field-wrapper > #billing_last_name_field, .woocommerce-shipping-fields__field-wrapper > #shipping_last_name_field{ order: 1; } .woocommerce-billing-fields__field-wrapper > #billing_state_field, .woocommerce-shipping-fields__field-wrapper > #shipping_state_field{ order: 3; } .woocommerce-billing-fields__field-wrapper > #billing_phone_field, .woocommerce-shipping-fields__field-wrapper > #shipping_phone_field{ order: 4; } /*** Payment Process ***/ .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td{ border-bottom-width: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: transparent !important; border-radius: 0; } .woocommerce-checkout #payment{ border-width: 1px 0 0; border-style: solid; } .woocommerce-checkout #payment ul li{ list-style: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ padding: 15px 0; border-width: 0; } .woocommerce > form.checkout #order_review_heading{ margin: 25px 0 0; padding: 0 20px; position: relative; } .woocommerce > form.checkout #order_review{ padding: 70px 20px 30px; margin-top: -65px; border-width: 3px; border-style: solid; border-radius: 4px; } .woocommerce > form.checkout #order_review .woocommerce-checkout-payment div.blockUI.blockOverlay:before{ top: 1px; } #order_review .shop_table.woocommerce-checkout-review-order-table th:last-child, #order_review .shop_table.woocommerce-checkout-review-order-table td:last-child{ width: 30%; text-align: right; /*rtl*/ } #order_review .shop_table.woocommerce-checkout-review-order-table th, #order_review .shop_table.woocommerce-checkout-review-order-table td{ padding: 15px 0; border-radius: 0 !important; } #order_review .shop_table.woocommerce-checkout-review-order-table tfoot th, #order_review .shop_table.woocommerce-checkout-review-order-table tfoot td{ padding: 15px 0; border-radius: 0 !important; border-bottom-width: 0; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr > td:first-child{ border-left-width: 0; /*rtl*/ } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr > td:last-child{ border-right-width: 0; /*rtl*/ } #order_review table.shop_table ul#shipping_method{ margin-left: -100%; /*rtl*/ text-align: left; /*rtl*/ } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label{ display: inline; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 24px; font-size: 85%; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 5px 0 0; /*rtl*/ } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 5px 0; max-width: 120px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { padding: 0 0 10px 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 18px 25px; margin: 10px 0 0; font-size: 100%; line-height: 24px; border-radius: 4px; color: inherit; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 10px solid rgba(230, 230, 230, 0.8); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -10px; left: 0; margin: -10px 0 0 25px; } .woocommerce ul#shipping_method li label{ padding: 0; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding: 0; margin: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ width: 100%; float: none; margin-bottom: 0; } .woocommerce-terms-and-conditions{ border: none; box-shadow: none; } .woocommerce ul#shipping_method li label .woocommerce-Price-amount{ line-height: inherit !important; } /*------------------------------------------------------------- IX. SHOPPING CART --------------------------------------------------------------*/ .woocommerce-cart article .woocommerce:after{ display: table; clear: both; content: ""; } .woocommerce .woocommerce-cart-form, .woocommerce-cart article .woocommerce .cart-collaterals{ float: left; /*rtl*/ } .woocommerce-cart .cart-collaterals .cart_totals > h2{ margin-bottom: 0; padding: 10px 0; } .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 30px; } /*** Cart Form ***/ .woocommerce .woocommerce-cart-form{ width: 75%; padding-right: 30px; /*rtl*/ } .woocommerce table.shop_table{ margin: 0; border-width: 0; table-layout: auto; } .woocommerce table.shop_table th{ padding: 10px 20px; border-width: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td{ padding: 25px 20px; vertical-align: middle; border-width: 0 0 1px 0; overflow: hidden; } .woocommerce table.shop_table tbody td.product-remove{ padding-left: 10px; padding-right: 10px; } .woocommerce table.shop_table tbody > tr:first-child > th, .woocommerce table.shop_table tbody > tr:first-child > td{ border-top-width: 1px; } .woocommerce table.shop_table tbody tr > td:first-child, .woocommerce table.shop_table tbody tr > th:first-child, .woocommerce table.shop_table.order_details tbody tr > th:first-child, .woocommerce table.shop_table.order_details tfoot tr > th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tfoot tr > td:first-child{ border-left-width: 1px; /*rtl*/ } .woocommerce table.shop_table tbody tr > td:last-child, .woocommerce table.shop_table.order_details tfoot tr td:last-child, .woocommerce .woocommerce-order table.shop_table.order_details tfoot tr > td:last-child, .woocommerce .woocommerce-MyAccount-content table.shop_table tfoot tr > td:last-child{ border-right-width: 1px; /*rtl*/ } .woocommerce table.shop_table.cart th.product-price, .woocommerce table.shop_table.cart th.product-subtotal{ width: 15%; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width: 90px; } .woocommerce table.shop_table th, .woocommerce-cart .cart-collaterals .cart_totals > h2, .cart-collaterals .cart_totals table.shop_table tbody tr.shipping td:before, .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal td:before, .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td:before{ line-height: 20px; } .woocommerce table.shop_table tbody td.actions{ border-width: 0 !important; padding: 50px 0 0; } .woocommerce table.shop_table td.actions:after{ content: ''; display: table; clear: both; } .woocommerce-cart button.button[name="update_cart"]{ float: right; /*rtl*/ } .woocommerce-cart table.cart img{ width: 90px; } .woocommerce table.shop_table .product-remove a{ display: inline-block; width: 20px; height: 20px; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; margin: 0; } .woocommerce table.shop_table .product-remove a:before{ font-size: 18px; line-height: 1; } .woocommerce table.shop_table td.actions .coupon .input-text{ margin: 0; } .woocommerce form.checkout_coupon .coupon-error-notice, #add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice { font-size: 1em; } .woocommerce table.shop_table td.actions .button{ margin-left: 10px; /*rtl*/ } .woocommerce table.shop_table td.product-quantity{ text-align: center; } .woocommerce table.shop_table td.product-quantity .quantity{ text-align: initial; } /*** Coupon ***/ .woocommerce-cart table.cart td.actions .coupon{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: flex-end; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: auto; border-width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; line-height: 24px; } /*** Cart Collaterals ***/ .woocommerce-cart article .woocommerce .cart-collaterals{ width: 25%; padding-left: 30px; /*rtl*/ } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals > h2{ margin: -5px -20px 0; } .woocommerce-cart .cart-collaterals .cart_totals{ position: relative; padding: 5px 20px 30px; } .woocommerce-cart .cart-collaterals .cart_totals:before{ content: ''; position: absolute; top: 40px; left: 0; bottom: 0; right: 0; border-width: 1px; border-style: solid; } .woocommerce-cart .cart-collaterals .cart_totals > * { z-index: 2; position: relative; } #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th{ font-weight: normal; } .woocommerce-cart .cart-collaterals .cart_totals table.shop_table th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table td{ border-top-width: 0px; } .cart-collaterals .cart_totals table.shop_table td{ padding: 10px;/* rtl */ } .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td, .cart-collaterals .cart_totals table.shop_table tr.order-total td{ text-align: right; /*rtl*/ font-weight: bold; } /*** Cart Shipping ***/ .cart-collaterals .cart_totals table.shop_table tbody th{ display: none; } .cart-collaterals .cart_totals table.shop_table tbody td{ padding-left: 0; padding-right: 0; display: block; position: relative; } .cart-collaterals .cart_totals table.shop_table tbody td:before{ content: attr(data-title); display: block; } .cart-collaterals .cart_totals table.shop_table tbody tr.shipping td:before{ margin-bottom: 15px; float: none; } .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal td:before, .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td:before{ position: absolute; left: 0; /*rtl*/ display: inline-block; } .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td:before{ top: 12px; } .cart-collaterals .order-total .amount, .woocommerce > form.checkout #order_review .order-total .amount{ font-size: 120%; line-height: 26px; } .woocommerce > form.checkout #order_review .order-total .amount{ font-size: 140%; } .woocommerce .cart-collaterals ul#shipping_method { margin: 0 0 10px; } .cart-collaterals .woocommerce-shipping-destination{ margin-bottom: 12px; } .woocommerce ul#shipping_method li{ margin: 0; padding-bottom: 0; } .woocommerce ul#shipping_method .amount{ font-weight: normal; } .cart-collaterals .woocommerce-shipping-destination, .cart-collaterals .woocommerce-shipping-calculator{ padding-left: 20px; /*rtl*/ } .woocommerce-shipping-calculator > a{ text-decoration: underline; } .cart-collaterals .woocommerce-shipping-destination strong{ font-weight: normal; font-style: normal; } #add_payment_method .cart-collaterals .shipping-calculator-button:after, .woocommerce-cart .cart-collaterals .shipping-calculator-button:after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button:after{ display: none; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form { margin: 20px 0 0 0; } .woocommerce form .shipping-calculator-form .form-row{ margin-bottom: 10px; } .shipping-calculator-form .form-row#calc_shipping_country_field { margin-bottom: 14px !important; } .woocommerce form .shipping-calculator-form p.form-row select, .woocommerce form .shipping-calculator-form p.form-row .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce form .shipping-calculator-form p.form-row input[type="text"]{ padding-top: 7px; padding-bottom: 7px; line-height: 24px; } .woocommerce form .shipping-calculator-form button[name="calc_shipping"]{ padding-top: 6px; line-height: 24px; padding-bottom: 6px; } body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ font-size: 80%; } /*** Proceed to Checkout ***/ .cart_totals .wc-proceed-to-checkout{ text-align: center; padding: 20px 0 0; margin-bottom: 0; } .wc-proceed-to-checkout .button.continue-shopping{ position: relative; padding: 0; background: transparent; border-width: 0; text-decoration: underline; font-size: 100%; } .wc-proceed-to-checkout a.button.checkout-button, .woocommerce .wc-proceed-to-checkout a.button.checkout-button{ padding-left: 5px; padding-right: 5px; margin-bottom: 15px; } /*** Cross Sells ***/ .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ max-width: 100%; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; clear: both; position: relative; } .woocommerce .cross-sells .product-brands, .woocommerce .up-sells .product-brands, .woocommerce .related .product-brands{ display: none; } .woocommerce .cross-sells .products .product .meta-wrapper > .product-name, .woocommerce .up-sells .products .product .meta-wrapper > .product-name, .woocommerce .related .products .product .meta-wrapper > .product-name{ font-weight: normal; } .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2{ text-align: center; position: relative; width: 100%; } .woocommerce .cross-sells:after{ display: table; content: ""; clear: both; } .woocommerce .cross-sells .owl-controls, .woocommerce .up-sells .owl-controls, .woocommerce .related .owl-controls{ width: 100%; } .woocommerce .cross-sells .owl-dots, .woocommerce .up-sells .owl-dots, .woocommerce .related .owl-dots{ text-align: center; } .woocommerce .cross-sells .short-description, .woocommerce .up-sells .short-description, .woocommerce .related .short-description{ display: none; } .woocommerce .cross-sells .owl-nav > .owl-prev, .woocommerce .cross-sells .owl-nav > .owl-next, .woocommerce .up-sells .owl-nav > .owl-prev, .woocommerce .up-sells .owl-nav > .owl-next{ margin-top: -56px; } /*------------------------------------------------------------- X. POPUP/MODAL --------------------------------------------------------------*/ .ts-popup-modal .overlay{ position: fixed; visibility: hidden; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.7); transition: all 200ms linear 0s; z-index: 100000; } .ts-popup-modal .popup-container{ position: fixed; padding: 0; top: 50%; left: 50%; z-index: 100001; visibility: hidden; opacity: 0; transform: translate(-50%,-50%); width: 960px; height: auto; transition: opacity 0.2s ease, visibility 0.2s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-popup-modal.show .overlay:before{ display: none; } .ts-popup-modal.loading .overlay:before, .ts-popup-modal.show .overlay, .ts-popup-modal.loading .overlay, .ts-popup-modal.show .popup-container{ visibility: visible; opacity: 1; } #ts-ajax-add-to-cart-message{ display: none; } /*** Icon Close ***/ .ts-floating-sidebar .close, .ts-popup-modal .close{ width: 36px; height: 36px; line-height: 36px; min-width: 0; text-indent: 0; text-transform: none; text-align: center; position: absolute; top: -45px; right: -10px; /*rtl*/ z-index: 999; background: none; font-size: 0; font-weight: normal; transition: 350ms ease 0s; } .ts-popup-modal .close{ color: #ffffff; } .ts-popup-modal .close:after{ position: relative; top: 2px; color: inherit; } .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 30px; line-height: 36px; } body .pp_pic_holder a.pp_close, body .pp_pic_holder a.pp_expand, body .pp_pic_holder a.pp_contract{ text-align: center; color: #fff; z-index: 10001; top: -50px; line-height: 50px; right: 0;/* rtl */ position: absolute; transition: 350ms ease 0s; text-indent: 0; } body .pp_pic_holder a.pp_close:after, body .pp_pic_holder a.pp_expand:after, body .pp_pic_holder a.pp_contract:after{ font-size: 30px; line-height: 50px; position: relative; display: inline-block; color: #ffffff; } body .pp_pic_holder a.pp_close{ right: 0;/* rtl */ } body .pp_pic_holder a.pp_expand, body .pp_pic_holder a.pp_contract{ left: 0;/* rtl */ right: auto; } body .pp_pic_holder a.pp_close, body .pp_pic_holder a.pp_expand, body .pp_pic_holder a.pp_contract{ background-image: none !important; font-size: 0; width: 50px !important; height: 50px !important; line-height: 50px; } /*** FLOATING SIDEBAR ***/ .ts-floating-sidebar .close{ top: 38px; right: 39px; /*rtl*/ } #ts-product-360-modal.ts-popup-modal .close{ top: 15px; right: 15px; /*rtl*/ } /*** 360 ***/ #ts-product-360-modal.ts-popup-modal.show .overlay{ background: #ffffff; } #ts-product-360-modal.ts-popup-modal .popup-container{ margin: 0; opacity: 0; display: none; } #ts-product-360-modal.ts-popup-modal.show .popup-container{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_fade; -moz-animation-name: animation_fade; animation-name: animation_fade; opacity: 1; display: block; } #ts-product-360-modal.ts-popup-modal .close{ position: fixed; opacity: 0; } #ts-product-360-modal.ts-popup-modal.show span.close{ z-index: 100001; opacity: 1; } #ts-quickshop-modal span.close{ right: 10px;/* rtl */ top: 10px; } /*** QUICKSHOP ***/ #ts-quickshop-modal.ts-popup-modal .popup-container{ width: 900px; } #ts-add-to-cart-popup-modal span.close{ top: 14px; right: 18px; /*rtl*/ } .ts-popup-modal .quickshop-container{ overflow: hidden; } .ts-popup-modal .quickshop-content{ max-height: 100%; overflow: hidden; } .woocommerce div.product:after{ display: table; clear: both; content: ""; } #ts-quickshop-modal div.product{ padding: 30px 40px 30px 30px; /*rtl*/ } #ts-quickshop-modal div.product div.images{ width: 54%; margin: 0; } #ts-quickshop-modal div.product > .summary{ width: calc(46% - 30px); margin: 0; position: absolute; right: 40px;/* rtl */ top: 30px; bottom: 30px; overflow-y: auto; overflow-x: hidden; } .ts-popup-modal .quickshop-content .woocommerce-product-details__short-description{ display: none; } .quickshop-content .images-slider-wrapper > .thumbnail{ width: 100%; margin: 0; padding: 0; } #ts-quickshop-modal div.product > .summary .tags-link a{ margin: 0; } #ts-quickshop-modal .woocommerce div.product div.summary p.price del, #ts-quickshop-modal .woocommerce div.product div.summary span.price del { bottom: -2px; } #ts-quickshop-modal .woocommerce div.product div.summary .meta-content{ margin-top: 30px; } /*** ADD TO CART POPUP ***/ body .ts-popup-modal .add-to-cart-popup-container{ width: 600px; padding: 30px; } .add-to-cart-popup-content{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .add-to-cart-popup-content .heading{ width: 100%; text-align: center; margin-bottom: 30px; } .add-to-cart-popup-content .heading h6{ text-transform: uppercase; margin: 0; display: inline-block; line-height: 16px; border-radius: 40px; font-size: 12px; padding: 5px 15px 3px; } .add-to-cart-popup-content .heading h6:before{ font-size: 8px; margin-right: 5px; /*rtl*/ } .add-to-cart-popup-content .item{ width: calc(50% - 29px); margin-right: 29px; padding: 0 25px 25px; border-width: 1px; border-style: solid; border-radius: 4px; } .add-to-cart-popup-content .action{ width: 50%; } .add-to-cart-popup-content .action .button{ width: 100%; margin-bottom: 10px; } /*------------------------------------------------------------- XI. MINI SHORTCODE --------------------------------------------------------------*/ /*** Ts Feature ***/ .group-features .ts-feature-wrapper.horizontal-image{ line-height: 1; } .group-features.vc_row-o-equal-height.vc_row-o-content-middle>.vc_column_container{ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .group-features .ts-feature-wrapper.horizontal-image .feature-header .feature-title, .group-features .ts-feature-wrapper.horizontal-icon .feature-header .feature-title{ line-height: 20px; } .vc_row.vc_inner.group-features.vc_row-o-content-middle>.vc_column_container>.vc_column-inner{ height: 100%; } .ts-mailchimp-subscription-shortcode.heading-h1 .heading-title{ margin-bottom: 30px; } /*** Ts Blog ***/ .ts-blogs-wrapper.ts-shortcode.columns-1 article{ margin-bottom: 0; } /*** Ts Products Deal ***/ .vc_col-lg-3 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown, .vc_col-md-3 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown, .vc_col-sm-3 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown, .vc_col-lg-4 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown, .vc_col-md-4 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown, .vc_col-sm-4 .shortcode-heading-wrapper > .shortcode-title + .ts-countdown{ margin-left: 0; /*rtl*/ } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper{ margin: 0 -8px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div{ min-width: 0; margin: 8px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number{ font-size: 22px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span{ min-width: 30px; height: 40px; line-height: 40px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after{ font-size: 24px; top: 18px; right: -12px; /*rtl*/ } .vc_col-sm-3 .columns-1 .no-title .shortcode-heading-wrapper, .vc_col-lg-3 .columns-1 .no-title .shortcode-heading-wrapper, .vc_col-md-3 .columns-1 .no-title .shortcode-heading-wrapper, .vc_col-lg-4 .columns-1 .no-title .shortcode-heading-wrapper, .vc_col-md-4 .columns-1 .no-title .shortcode-heading-wrapper, .vc_col-sm-4 .columns-1 .no-title .shortcode-heading-wrapper{ margin-bottom: 0; } .vc_col-sm-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown, .vc_col-lg-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown, .vc_col-md-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown, .vc_col-lg-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown, .vc_col-md-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown, .vc_col-sm-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown{ position: absolute; top: 20px; left: 0; right: 0; z-index: 9; text-align: center; } .vc_col-sm-3 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .vc_col-lg-3 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .vc_col-md-3 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .vc_col-lg-4 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .vc_col-md-4 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before, .vc_col-sm-4 .columns-1 .ts-product-deals-wrapper:not(.ts-slider) .products .product .product-wrapper:before{ display: none; } .vc_col-lg-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper, .vc_col-md-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper, .vc_col-sm-3 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper, .vc_col-lg-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper, .vc_col-md-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper, .vc_col-sm-4 .columns-1 .no-title .shortcode-heading-wrapper > .ts-countdown .counter-wrapper{ display: inline-block; } .vc_col-lg-3 .columns-1 .no-title .content-wrapper > .products, .vc_col-md-3 .columns-1 .no-title .content-wrapper > .products, .vc_col-sm-3 .columns-1 .no-title .content-wrapper > .products, .vc_col-lg-4 .columns-1 .no-title .content-wrapper > .products, .vc_col-md-4 .columns-1 .no-title .content-wrapper > .products, .vc_col-sm-4 .columns-1 .no-title .content-wrapper > .products{ padding-top: 70px; } .ts-testimonial-wrapper blockquote .content img{ width: auto; display: inline; } .ts-testimonial-wrapper blockquote .content img.alignnone{ margin: 15px 8px 5px 0; /*rtl*/ } .has-margin.bg-transparent .products .product .product-wrapper, .bg-transparent .has-margin .products .product .product-wrapper{ background: transparent; } /*center meta*/ .ts-shortcode.meta-center .products .product .product-wrapper .meta-wrapper{ text-align: center; } .ts-shortcode.meta-center .products .product .product-wrapper .price, .ts-shortcode.meta-center .products .product .product-wrapper .product-group-button-meta{ justify-content: center; } .ts-shortcode.meta-center .meta-wrapper-2 .quantity .number-button, .woocommerce .ts-shortcode.meta-center .products .star-rating, .woocommerce .ts-shortcode.meta-center .woocommerce .star-rating, .woocommerce .ts-shortcode.meta-center .products .product .counter-wrapper{ margin-left: auto; margin-right: auto; } /**/ .product-style-5 .main-products:not(.columns-1) .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .cross-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .up-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .related .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .main-products:not(.columns-1) .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .cross-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .up-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .related .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 10px; font-size: 115%; min-width: 172px; } .product-style-5 .woocommerce .cross-sells .products .meta-wrapper-2 > div.quantity, .product-style-5 .woocommerce .up-sells .products .meta-wrapper-2 > div.quantity, .product-style-5 .woocommerce .related .products .meta-wrapper-2 > div.quantity, .product-style-5 .ts-shortcode .products .meta-wrapper-2 > div.quantity, .product-style-5 .main-products:not(.columns-1) .products .meta-wrapper-2 > div.quantity, .product-style-6 .woocommerce .cross-sells .products .meta-wrapper-2 > div.quantity, .product-style-6 .woocommerce .up-sells .products .meta-wrapper-2 > div.quantity, .product-style-6 .woocommerce .related .products .meta-wrapper-2 > div.quantity, .product-style-6 .ts-shortcode .products .meta-wrapper-2 > div.quantity, .product-style-6 .main-products:not(.columns-1) .products .meta-wrapper-2 > div.quantity{ display: block; padding-top: 0; } .product-style-5 .ts-shortcode.meta-center .products .product .price, .product-style-6 .ts-shortcode.meta-center .products .product .price{ font-size: 125%; } .product-style-5 .ts-shortcode.meta-center .woocommerce .product .thumbnail-wrapper, .product-style-6 .ts-shortcode.meta-center .woocommerce .product .thumbnail-wrapper{ margin-bottom: 25px; } .product-style-5 .woocommerce .cross-sells .meta-wrapper-2 .quantity .number-button, .product-style-5 .woocommerce .up-sells .meta-wrapper-2 .quantity .number-button, .product-style-5 .woocommerce .related .meta-wrapper-2 .quantity .number-button, .product-style-5 .ts-shortcode .meta-wrapper-2 .quantity .number-button, .product-style-5 .main-products:not(.columns-1) .meta-wrapper-2 .quantity .number-button, .product-style-6 .woocommerce .cross-sells .meta-wrapper-2 .quantity .number-button, .product-style-6 .woocommerce .up-sells .meta-wrapper-2 .quantity .number-button, .product-style-6 .woocommerce .related .meta-wrapper-2 .quantity .number-button, .product-style-6 .ts-shortcode .meta-wrapper-2 .quantity .number-button, .product-style-6 .main-products:not(.columns-1) .meta-wrapper-2 .quantity .number-button{ max-width: 172px; } .product-style-5 .woocommerce .cross-sells .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .up-sells .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .related .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .ts-shortcode .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .cross-sells .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .up-sells .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .ts-shortcode .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .cross-sells .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .up-sells .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .cross-sells .product.sold-individually .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .up-sells .product.sold-individually .meta-wrapper-2 .product-group-button-meta, .product-style-5 .woocommerce .related .product.sold-individually .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .cross-sells .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .up-sells .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .related .product.product-type-variable .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .ts-shortcode .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .cross-sells .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .up-sells .product.product-type-external .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .ts-shortcode .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .cross-sells .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .up-sells .product.product-type-grouped .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .cross-sells .product.sold-individually .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .up-sells .product.sold-individually .meta-wrapper-2 .product-group-button-meta, .product-style-6 .woocommerce .related .product.sold-individually .meta-wrapper-2 .product-group-button-meta{ min-height: 104px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /*------------------------------------------------------------- XII. WOOCOMMERCE MESSAGE --------------------------------------------------------------*/ body #ts-ajax-add-to-cart-message{ position: fixed; right: 5px;/* rtl */ top: 5px; z-index: 1000001; visibility: hidden; transform: translate(0,-100%); text-transform: uppercase; line-height: 16px; border-radius: 40px; font-size: 12px; padding: 8px 30px; font-weight: 600; } body #ts-ajax-add-to-cart-message.error{ background: red; } body #ts-ajax-add-to-cart-message:before{ font-size: 75%; margin-right: 5px; } body #ts-ajax-add-to-cart-message.show{ transform: translate(0,0); visibility: visible; display: block; } body #ts-ajax-add-to-cart-message:not(.error) > span.error-message, body #ts-ajax-add-to-cart-message.error > span.error-message .button, body #ts-ajax-add-to-cart-message.error > span:not(.error-message){ display: none; } .cart-empty.woocommerce-info, .return-to-shop{ text-align: center; justify-content: center; } .woocommerce > .return-to-shop{ margin-top: 30px; margin-bottom: 10%; } .woocommerce > .return-to-shop .button{ min-width: 200px; padding-top: 8px; padding-bottom: 8px; } body:not(.woocommerce-checkout) .cart-empty.woocommerce-info{ color: inherit; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info{ flex-direction: column; text-align: center; color: inherit; gap: 0; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info, body .cart-empty.woocommerce-info{ margin-top: 5%; padding: 0 !important; background: transparent !important; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info:before, body .woocommerce .cart-empty.woocommerce-info:before{ color: inherit !important; opacity: 0.4; position: relative; margin: 0 auto; font-size: 100px; line-height: 100px; height: auto; width: auto; top: auto; left: auto; bottom: auto; right: auto; display: block; margin-bottom: 20px; width: 100%; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info, .woocommerce.archive #primary > .woocommerce-info{ text-align: center; background: transparent; padding: 100px 0 !important; color: inherit; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info:before, .woocommerce.archive #primary > .woocommerce-info:before{ width: auto; height: auto; font-size: 60px; line-height: 1; display: block; position: static; color: inherit !important; margin: 0 auto 30px; } body .woocommerce-no-products-found .wc-block-components-notice-banner .wc-block-components-notice-banner__content{ justify-content: center; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info, .woocommerce.archive.search-no-results #primary > .woocommerce-info{ font-size: 100%; } .woocommerce.archive.search-no-results .shop-bottom-content{ display: none; } :where(.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce-warning) li a:not(.button), body .wc-block-components-notice-banner .wc-block-components-notice-banner__content li a:not(.button) { color: inherit; font-weight: inherit; text-decoration: none !important; } #add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { font-size: .9em; } /* ALERT */ .alert{ padding: 9px 15px; margin-bottom: 40px; border-radius: 0; box-shadow: none; text-shadow: none; } body .wc-block-components-notice-banner{font-size: 0.875em;} body .wc-block-components-notice-banner, .woocommerce-error, .woocommerce-info, .woocommerce-message{ background: transparent; padding: 0; margin: 0 0 5px; border: none; line-height: 24px; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content{ display: flex; flex-flow: row wrap; align-items: center; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button{ font-size: 14px; opacity: 1 !important; text-decoration: none; border: 1px solid #ff9923 !important; background: #ff9923 !important; color: #ffffff !important; padding: 3px 10px !important; min-width: 80px; order: 10; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button:hover{ border-color: #ff9923 !important; background: transparent !important; color: #ff9923 !important; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ float: right; /*rtl*/ margin-left: auto; /*rtl*/ line-height: 16px; } body .wc-block-components-notice-banner > svg, .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before{ display: none; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ width: 100%; padding: 0; margin-bottom: 5px; line-height: inherit; } .woocommerce-error li:last-child, .woocommerce .woocommerce-error li:last-child, .woocommerce .woocommerce-info li:last-child, .woocommerce .woocommerce-message li:last-child{ margin-bottom: 0; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button){color: #103178; font-weight: 600;} body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button):hover{color: #ff9923;} body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button), .woocommerce-error > a:not(.button), .woocommerce-info > a:not(.button), .woocommerce-message > a:not(.button){ margin-left: 5px; /*rtl*/ } body .wc-block-components-notice-banner, body:not(.woocommerce-checkout) .woocommerce-error > li, body:not(.woocommerce-checkout) .woocommerce-info, body:not(.woocommerce-checkout) .woocommerce-message{ padding: 5px 20px !important; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{margin: 0;} body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol, body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin: 0; width: 100%;} body .wc-block-components-notice-banner ul li, body:not(.woocommerce-checkout) .woocommerce-error > li{ margin-bottom: 5px; } body .wc-block-components-notice-banner ul li:last-child, body:not(.woocommerce-checkout) .woocommerce-error > li:last-child{ margin-bottom: 0; } body .wc-block-components-notice-banner ul li{ list-style: none; padding: 0 } body .wc-block-components-notice-banner strong{font-weight: 600;} body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button, body:not(.woocommerce-checkout) .woocommerce-info .button, body:not(.woocommerce-checkout) .woocommerce-message .button, body:not(.woocommerce-checkout) .woocommerce-error > li .button{ margin-right: -15px; /*rtl*/ } body:not(.woocommerce-checkout) .wc-block-components-notice-banner, body:not(.woocommerce-checkout) .woocommerce-error > li, body:not(.woocommerce-checkout) .woocommerce-info, body:not(.woocommerce-checkout) .woocommerce-message{ border-radius: 18px; } body .wc-block-components-notice-banner.is-info, body:not(.woocommerce-checkout) .woocommerce-info{ background: #70b2ff; color: #ffffff; } body .wc-block-components-notice-banner.is-success, body:not(.woocommerce-checkout) .woocommerce-message{ background: #12A05c; color: #ffffff; } body .wc-block-components-notice-banner.is-warning, body:not(.woocommerce-checkout) .woocommerce-warning{ background-color: #ed9d00; color: #ffffff; } body .wc-block-components-notice-banner.is-error, body:not(.woocommerce-checkout) .woocommerce-error > li{ background: #F00000; color: #ffffff; } body.woocommerce-checkout .wc-block-components-notice-banner{ padding: 0 !important; color: inherit !important; background: transparent !important; } body.woocommerce-checkout .wc-block-components-notice-banner.is-success{color: #12A05C; !important;} body.woocommerce-checkout .wc-block-components-notice-banner.is-error{color: red !important;} /*------------------------------------------------------------- XIII. MY ACCOUNT --------------------------------------------------------------*/ .woocommerce form.login, .woocommerce form.register{ border-width: 0; padding: 0; margin: 0; line-height: 26px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: #f0f2f5; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{ width: 100%; float: none; } .woocommerce-account .woocommerce-MyAccount-content{ margin-bottom: 80px; } /*** Login / Register ***/ #customer_login h2{ margin-bottom: 30px; } .woocommerce #customer_login .col-1{ width: 45%; float: left; /* rtl */ } .woocommerce-page #customer_login .col-2{ width: 45%; float: right; /* rtl */ } #customer_login p.form-row:not(.woocommerce-form-row), .woocommerce .checkout-login-coupon-wrapper .woocommerce-form-login p.form-row:not(.form-row-first):not(.form-row-last){ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{ padding: 0; order: 2; } .login-remember label:hover, .woocommerce-form-login__rememberme:hover{ cursor: pointer; } form.login p.lost_password{ margin-bottom: 0; } #customer_login p.form-row:not(.woocommerce-form-row), .woocommerce form.register .button{ margin-top: 7px; } .lost_password a{ text-decoration: underline; } .woocommerce form.register .form-row.user-role label.radio:not(:last-child){ margin-right: 30px; /*rtl*/ } /*** My Account Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation ul{ border-width: 0 0 1px; border-style: solid; margin-bottom: 40px; font-size: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style: none; display: inline-block; margin: 10px 0 0 0; padding: 0 0 5px; transition: 350ms ease; border-width: 0 0 3px; border-style: solid; border-color: transparent; } .woocommerce-account .woocommerce-MyAccount-navigation li:not(:last-child){ margin-right: 30px; /*rtl*/ } .woocommerce-account .woocommerce-MyAccount-navigation li a{ display: inline-block; width: 100%; line-height: 24px; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ text-decoration: none; } /*** My Account Content ***/ .woocommerce-EditAccountForm.edit-account > p:last-child, .woocommerce-address-fields > p:last-child{ margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination{ margin-top: 13px; } p.form-row select, p.form-row input[type="text"], p.form-row input[type="password"], p.form-row input[type="date"], p.form-row input[type="email"], p.form-row input[type="number"], p.form-row input[type="search"], p.form-row input[type="tel"], p.form-row textarea, .edit-box-textfull p.form-row input[type="text"], .edit-box-textfull p.form-row input[type="password"], .edit-box-textfull p.form-row input[type="date"], .edit-box-textfull p.form-row input[type="email"], .edit-box-textfull p.form-row input[type="search"], .edit-box-textfull p.form-row input[type="number"], .edit-box-textfull p.form-row input[type="tel"], .edit-box-textfull p.form-row textarea{ max-width: 100%; } #main-content .woocommerce-MyAccount-content .woocommerce-pagination a{ padding: 0; } #main-content .woocommerce-MyAccount-content .woocommerce-pagination{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .woocommerce .woocommerce-customer-details address{ padding: 0; border: none; } .woocommerce-MyAccount-content a{ text-decoration: underline; } .woocommerce table.my_account_orders .button, .woocommerce-MyAccount-content .woocommerce-pagination--without-numbers > a{ background: transparent !important; padding: 0; border-width: 0; min-width: 0; text-decoration: underline; font-size: 100%; } .woocommerce .woocommerce-order-details{ margin-bottom: 32px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title{ margin-bottom: 10px; } .woocommerce-customer-details .woocommerce-column__title{ margin-bottom: 10px; } .woocommerce .woocommerce-customer-details{ margin-bottom: 0; } table.woocommerce-checkout-review-order-table tbody > tr:last-child > td, table.woocommerce-table--order-details tbody > tr:last-child > td{ border-bottom-width: 0; } .woocommerce table.woocommerce-table--order-details td { padding-top: 17px; padding-bottom: 17px; } .woocommerce ul.order_details .woocommerce-thankyou-order-received{ margin-bottom: 16px; } .woocommerce ul.order_details.woocommerce-thankyou-order-details{ margin: 0 -25px 15px; } .woocommerce ul.order_details.woocommerce-thankyou-order-details li{ margin: 0 0 10px; padding: 5px 25px 0; } .woocommerce ul.order_details li strong{ margin: 5px 0 0; } .woocommerce-Address address{ font-style: normal; } .woocommerce table.shop_table.order_details tbody th, .woocommerce table.shop_table.order_details tbody td, .woocommerce table.shop_table.order_details tfoot td, .woocommerce table.shop_table.order_details tfoot th{ padding: 20px; line-height: 20px; border-width: 0 0 1px; border-style: solid; } .woocommerce table.shop_table.order_details tbody a{ text-decoration: none; } .woocommerce table.shop_table.order_details tfoot td{ font-weight: normal; } .woocommerce table.shop_table.order_details tfoot > tr:not(:first-child) td{ border-top-width: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{ margin-top: 10px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before{ margin-top: -2px; } .woocommerce .woocommerce-customer-details .col2-set .col-1{ margin-bottom: 30px; } /*------------------------------------------------------------- XIV. WISHLIST --------------------------------------------------------------*/ .ts-remove-from-wishlist:before{ content: "×"; font-size: 18px; font-weight: 700; color: inherit; display: inline-block; width: 21px; height: 21px; line-height: 21px; text-align: center; color: #103178; } .ts-compare-popup .button, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { display: flex; align-items: center; justify-content: center; gap: 0; position: relative; overflow: hidden; } .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before { height: 18px; width: 18px; } /*** WISHLIST ***/ .ts-wishlist-table-wrapper { position: relative; overflow: hidden; } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: 80px !important; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { display: flex; align-items: center; position: relative; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > span { padding: 25px 20px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > span.product-remove { padding-left: 10px; padding-right: 10px; } .ts-wishlist-table-wrapper .wishlist-item { border-bottom: 1px solid #ebebeb; } .ts-wishlist-table-wrapper .wishlist-item:last-child { border-bottom: 0; padding-bottom: 0; } .ts-wishlist-table-wrapper .heading-row > span { padding-top: 0; } .ts-wishlist-table-wrapper .wishlist-item .product-price del { order: 2; } .ts-wishlist-table-wrapper .items .product-price { font-size: 16px; } .ts-wishlist-table-wrapper .items .product-price ins { order: -1; } .ts-wishlist-table-wrapper .items span.product-stock-status .in-stock { color: #297e29; } .ts-wishlist-table-wrapper .items span.product-stock-status { color: #f00; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) { width: auto; min-width: 190px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-name { flex: 1; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: 130px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a { width: 100%; font-size: 0; display: inline-block; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-remove a:hover { color: rgba(255,153,35,1); } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) a { color: inherit; text-decoration: none; } .ts-wishlist-table-wrapper .button-tooltip { display: inline-block; } .ts-wishlist-table-wrapper .heading-row { color: #103178; font-weight: 600; font-size: 1em; } .ts-wishlist-table-wrapper .items { border: 1px solid #ebebeb; border-radius: 4px; overflow: hidden; } .ts-wishlist-table-wrapper .heading-row > .product-price {font-size: inherit;font-weight:inherit;color: inherit;} .ts-wishlist-table-wrapper .heading-row > .product-name { order: -1; font-weight:inherit; color: inherit; padding-left: 0;/* rtl */ } .ts-wishlist-table-wrapper .product-add-to-cart { min-width: 220px; } .ts-wishlist-table-wrapper .product-add-to-cart a.added_to_cart { display: none; } .ts-wishlist-table-wrapper .product-add-to-cart { display: flex; flex-direction: column; gap: 5px; } /*** Empty wishlist ***/ .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child { padding: 25px 20px; width: 100%; text-align: inherit; } /*** Loading ***/ .ts-wishlist-table-wrapper.loading:before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.9); z-index: 2; } /*** COMPARE ***/ :where(.ts-stick-compare-button, .ts-compare-popup) { display: none; position: fixed; bottom: 0; z-index: 996; } .ts-stick-compare-button { left: 5px;/* rtl */ gap: 5px; bottom: 5px; padding: 6px 26px; box-shadow: none; text-shadow: none; font-size: 16px; line-height: 20px; font-weight: 500; filter: none; cursor: pointer; background-image: none; text-align: center; border-width: 1px; border-style: solid; border-radius: 42px; text-decoration: none; background: rgb(16 49 120); border-color: rgb(16 49 120); color: rgb(255 255 255); } .ts-stick-compare-button:hover { color: #ffffff; background: #ff9923; border-color: #ff9923; cursor: pointer; } .ts-compare-popup { left: 0; right: 0; background-color: #ffffff; gap: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .ts-compare-popup.loading { min-height: 120px; display: inline-flex; } .ts-compare-popup.loading > * { opacity: 0; visibility: hidden; } .ts-stick-compare-button.active { display: inline-flex; } .ts-compare-popup.active { display: flex; } .ts-compare-popup .content-wrapper { display: flex; align-items: center; gap: 20px; width: 100%; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; } .ts-compare-popup .actions { width: 257px; display: flex; flex-direction: column; text-align: center; align-items: center; gap: 8px; } .ts-compare-popup .button { width: 100%; } .ts-compare-popup .empty-compare-button { display: inline-block; text-decoration: none; position: relative; color: inherit; } .empty-compare-button:after { content: ''; width: 100%; position: absolute; left: 0; right: 0; bottom: 3px; border-bottom: 1px solid; transition: 300ms ease; } .empty-compare-button:hover:after { width: 0; } .ts-compare-popup .items { flex: 1; display: flex; gap: 1px; } .ts-compare-popup .items .item { position: relative; flex: 1; outline: 1px solid #f0f2f5 !important; padding: 15px; } .ts-compare-popup .items .item.empty { display: flex; align-items: center; justify-content: center; } .ts-compare-popup .items .item.empty > * { display: none !important; } .ts-compare-popup .items .item.empty:before { content: '+'; font-weight: bold; font-size: 40px; color: #ebebeb; } .ts-compare-popup .items .item .product-thumbnail { width: 80px; } .ts-compare-popup .items .item a { text-decoration: none; color: inherit; } .ts-wishlist-table-wrapper .wishlist-item > .product-name:hover, .ts-compare-popup .items .item .product-name:hover { color: rgba(255,153,35,1); } .product-price del, .product-price del .amount{color: #9BABCD;} .product-price ins, .product-price ins .amount{color: #ff9923;} .ts-compare-popup .items .item .product-name { font-size: 1em; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ts-wishlist-table-wrapper .wishlist-item > .product-name {font-size: 1em;} .ts-compare-popup .items .item .product-meta { display: flex; flex-direction: column; flex: 1; gap: 2px; } .ts-compare-popup .items .item .product-wrapper { display: flex; gap: 10px; align-items: center; } .ts-compare-popup .items .item .product-wrapper .product-price, .ts-compare-popup .items .item .product-wrapper .product-price .amount {font-size: inherit;} .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 30px; height: 30px; font-size: 18px; position: absolute; top: 1px; right: 3px;/* rtl */ display: inline-block; text-align: center; } .ts-compare-popup .close {font-size: 24px;} .ts-compare-popup .close:hover, .ts-compare-popup .item .remove:hover { color: rgba(255,153,35,1); cursor: pointer; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { content: "×"; line-height: 1; } .ts-compare-table-wrapper { width: 100%; position: relative; border-width: 0 0 1px 1px;/* rtl */ border-style: solid; overflow: hidden; } .ts-compare-table-wrapper > div { display: flex; text-align: center; } .ts-compare-table-wrapper > div.product-description > div > *:last-child {margin-bottom: 0;} .ts-compare-table-wrapper > div.product-thumbnail .product-price { justify-content: center; margin-bottom: 13px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { padding-left: 15px; padding-right: 15px; min-width: 230px; justify-content: center; overflow: hidden; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:before, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:before { background: rgba(255, 255, 255, 1); opacity: 1; visibility: visible; } .ts-compare-table-wrapper > div.product-thumbnail .product-add-to-cart { margin-top: auto; } .ts-compare-table-wrapper > div > *:not(.heading) { flex: 1; } .ts-compare-table-wrapper > div > * { padding: 25px 30px; border-width: 1px 1px 0 0; border-style: solid; } .ts-compare-table-wrapper > div:not(.product-thumbnail) > * { vertical-align: middle; } .ts-compare-table-wrapper > div .heading { width: 180px; font-weight: 600; color: #103178; text-align: start; } .ts-compare-table-wrapper > div ul {margin: 0;} .ts-compare-table-wrapper .product-description ul { align-items: center; } .ts-compare-table-wrapper .product-thumbnail > div { display: flex; flex-direction: column; text-align: center; padding-top: 40px; padding-bottom: 25px; position: relative; } .ts-compare-table-wrapper .product-thumbnail > div > .thumbnail { margin-bottom: 10px; height: auto; display: block; } .ts-compare-table-wrapper .product-thumbnail > div h6 { font-size: 1em; margin-bottom: 12px; line-height: 1.2; font-weight: normal; } .ts-compare-table-wrapper .product-name {font-size: 1em;font-weight: 600;} .ts-compare-table-wrapper a, .ts-compare-table-wrapper a:hover { text-decoration: none; } .ts-compare-table-wrapper.woocommerce a.added_to_cart { display: none; } .ts-remove-from-compare { width: 24px; height: 24px; line-height: 24px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font-size: 0; color: inherit; } .ts-remove-from-compare:before { content: "×"; text-transform: none; line-height: 1; font-size: 24px; } .ts-compare-table-wrapper .product-thumbnail img { width: 100%; max-width: 300px; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip { display: inline-block; } .ts-compare-table-wrapper .product-pa_color > div > span, .ts-compare-table-wrapper .product-pa_color > div > img { width: 30px; height: 30px; border-radius: 100%; border: 1px solid #e5e5e5; margin: 5px; display: inline-block; } @media only screen and (max-width: 1200px){ .breadcrumb-title-wrapper.no-title ~ .page-container .ts-wishlist-table-wrapper, .breadcrumb-title-wrapper.no-title ~ .page-container .ts-compare-table-wrapper { margin-top: 10px !important; } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: 60px !important; } .ts-wishlist-table-wrapper { font-size: calc(1rem - 1px); } .ts-compare-popup .items .item .product-thumbnail { width: 65px; } .ts-compare-popup .items .item { padding: 10px; } .ts-compare-popup .close { right: 5px;/* rtl */ } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-thumbnail { width: 120px; } .ts-compare-popup .content-wrapper { padding-left: 15px; padding-right: 15px; } .ts-compare-table-wrapper .product-thumbnail img { max-width: 200px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { max-width: 100%; min-width: 160px; } .ts-compare-table-wrapper > div .heading { width: 150px; } .ts-compare-table-wrapper > div > * { padding: 15px 20px } .ts-compare-popup .content-wrapper { gap: 20px; } .ts-compare-popup .items, .ts-compare-popup .items .item .product-wrapper { gap: 10px; } .ts-stick-compare-button { padding-left: 20px; padding-right: 20px; } .ts-compare-popup .items { width: 100%; } .ts-compare-popup .actions { width: 200px; gap: 10px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > :where(.product-stock-status, .product-price) { min-width: 160px; } .ts-remove-from-compare:before { font-size: 20px; } } @media only screen and (max-width: 991px){ rs-module-wrap .ts-product-filter-by-attribute.vertical > form > * { margin-bottom: 0 !important; font-size: 14px !important; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: 90px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-stock-status , .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-price { min-width: 120px; } .ts-wishlist-table-wrapper .product-add-to-cart { min-width: 170px; } body .ts-wishlist-table-wrapper .wishlist-item .product-price, body .ts-compare-table-wrapper .product-price { font-size: 1em; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > span { padding: 20px 10px; } .ts-compare-popup .content-wrapper { flex-direction: column; gap: 10px; } .ts-compare-popup .content-wrapper { padding-top: 35px; max-width: 100%; } .ts-compare-popup .actions { width: 100%; } .ts-compare-popup .close { top: 3px; } .ts-compare-table-wrapper > div .heading { width: 130px; } } @media only screen and (max-width: 767px){ .ts-wishlist-table-wrapper .heading-row{ display: none; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { padding: 7px 5px; font-size: 0.8rem; } .ts-wishlist-table-wrapper .items {border: 0;} .ts-wishlist-table-wrapper .items .item{ display: grid; grid-template-columns: [left] 100px [right] 1fr;/* rtl */ align-items: center; gap: 2px 20px; border: 1px solid #ebebeb; margin-bottom: 10px; padding: 15px 30px 15px 15px;/* rtl */ position: relative; border-radius: 4px; overflow: hidden; } .ts-wishlist-table-wrapper .items .item:last-child { margin-bottom: 0; } .ts-wishlist-table-wrapper.empty-wishlist .items .item:only-child { display: block; padding-left: 30px;/* rtl */ } .ts-wishlist-table-wrapper .items .item > span.product-add-to-cart { margin-top: 5px; } .ts-wishlist-table-wrapper .items .item .product-remove{ width: 20px; height: 20px; position: absolute; top: 10px; right: 10px;/* rtl */ margin: 0; padding: 0; } .ts-wishlist-table-wrapper .items .item .product-thumbnail { grid-column: left;/* rtl */ grid-row-end: span 4; display: flex; align-self: center; padding: 0; } .ts-wishlist-table-wrapper .items .item > span:not(.product-thumbnail):not(.product-remove){ grid-column: right;/* rtl */ width: 100%; text-align: start !important; gap: 10px; padding: 0; display: flex; } .ts-wishlist-table-wrapper .items .item .product-name > a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ts-wishlist-table-wrapper .items .item .product-thumbnail img, .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail{ width: 100%; } .ts-compare-popup .content-wrapper { padding-left: 10px; padding-right: 10px; } .single-product div.product.form-cart-fixed .ts-stick-compare-button, .single-product div.product.form-cart-fixed .ts-compare-popup { display: none; } /*** COMPARE ***/ .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { display: flex; flex-direction: column; } .ts-compare-popup .items .item .product-meta { display: none } .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { display: flex; flex-direction: column; } .ts-compare-popup .items .item .product-meta { display: none; } .ts-compare-popup .items .item .product-wrapper { flex-direction: column; flex-wrap: nowrap; gap: 5px; } .ts-compare-popup .items { flex: none; gap: 1px; } .ts-compare-popup .items .item { padding: 10px; } .ts-compare-table-wrapper > div.product-thumbnail .heading { display: none; } .ts-compare-table-wrapper > div { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; } .ts-compare-table-wrapper > div .heading { width: 100%; text-align: center; font-size: calc(1em + 1px); padding: 10px; font-weight: bold; } .ts-compare-table-wrapper > div > *:not(.heading) { width: 33.33333%; padding: 15px 10px; } .ts-compare-table-wrapper > div.product-thumbnail > div:not(.heading) { padding-top: 30px; } .ts-compare-table-wrapper.woocommerce .product-add-to-cart .button { width: 36px; height: 36px; padding: 0; min-width: 0; text-align: center; gap: 0; display: block; margin: 0 auto; } .ts-compare-table-wrapper .product-thumbnail > div h6 { font-size: 1em; margin-bottom: 6px; } .ts-compare-table-wrapper .product-thumbnail .product-price { margin-bottom: 8px; } .ts-compare-table-wrapper.woocommerce .product-add-to-cart .button:before { content: "\f291"; font-weight: 900; font-family: "Font Awesome 5 Free"; font-style: normal; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 14px; line-height: 34px; font-weight: 900; margin: 0; } .ts-compare-table-wrapper.woocommerce .product-add-to-cart .button.loading:after { font-size: 16px; color: inherit; } .ts-compare-table-wrapper.woocommerce .product-add-to-cart .button.added:before { content: "\f058"; font-weight: 400; margin: 0; font-size: 90%; line-height: 36px !important; } .ts-compare-table-wrapper .product-add-to-cart .button-tooltip { display: none; } .ts-compare-popup .items .item.empty:before { font-size: 30px; } .ts-compare-popup .close, .ts-compare-popup .item .remove { width: 20px; height: 20px; font-size: 18px; } .ts-compare-popup .close {font-size: 20px;} } @media only screen and (max-width: 480px){ .ts-compare-table-wrapper { font-size: calc(1rem - 1px); } } /*------------------------------------------------------------- XV. BLOG --------------------------------------------------------------*/ .site-content > article:after, .tags-link:after, .cats-link:after, .entry-meta-middle:after, .list-posts:after{ content: ""; clear: both; display: table; } .page-container > #main-content.ts-col-18{ width: 80%; } .page-container > .ts-sidebar.ts-col-6{ width: 20%; } .columns-1 #main-content.ts-col-24 .list-posts article{ max-width: 900px; margin-left: auto; margin-right: auto; } .list-posts > article, .list-posts > .ts-blog-banner, .ts-blogs .items .item{ margin-bottom: 60px; } .list-posts > article .entry-content .entry-summary:last-child{ margin-bottom: 0; } .list-posts > article, .list-posts > .ts-blog-banner{ margin-top: 60px; position: relative; } .list-posts > article:after, .list-posts > .ts-blog-banner:after{ content: ''; display: block; width: calc(100% - 15px); height: 1px; position: absolute; top: -60px; left: 0; /*rtl*/ border-width: 1px 0 0; border-style: solid; } .list-posts > article.sticky:after, .columns-1 .list-posts > article:after, .list-posts > .ts-blog-banner:after, .columns-2 .list-posts > article.sticky ~ article:nth-of-type(2n):after, .columns-2 .list-posts > article:nth-of-type(2n+1):after, .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+2):after, .columns-3 .list-posts > article:nth-of-type(3n+1):after{ left: 15px; /*rtl*/ } .columns-2 .list-posts > article.sticky ~ article:nth-of-type(2n+1):after, .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+1):after{ left: 0; /*rtl*/ } .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+3):after, .columns-3 .list-posts > article:nth-of-type(3n+2):after{ width: 100%; } .columns-1 .list-posts > article:after, .list-posts > article.sticky:after, .list-posts > .ts-blog-banner:after{ width: calc(100% - 30px); } .columns-2 #main-content.ts-col-24 .list-posts > article.sticky:after, .columns-3 #main-content.ts-col-24 .list-posts > article.sticky:after, .columns-2 #main-content.ts-col-24 .list-posts > .ts-blog-banner:after, .columns-3 #main-content.ts-col-24 .list-posts > .ts-blog-banner:after{ width: 1240px; max-width: 1240px; margin-left: -170px; margin-right: -170px; left: 0; /*rtl*/ } .list-posts > article:first-child, .columns-2 .list-posts > article:first-child:not(.sticky) + article, .columns-3 .list-posts > article:first-child:not(.sticky) + article, .columns-3 .list-posts > article:first-child:not(.sticky) + article + article, .list-posts > .ts-blog-banner:last-child{ margin-top: 0; } .list-posts > article:first-child:after, .columns-2 .list-posts > article:nth-child(1):not(.sticky) + article:after, .columns-3 .list-posts > article:nth-child(1):not(.sticky) + article:after, .columns-3 .list-posts > article:nth-child(1):not(.sticky) + article + article:after, .list-posts > .ts-blog-banner:last-child:after{ display: none; } .list-posts article .entry-content > header:last-child h4{ margin-bottom: 0; } .list-posts{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .list-posts > article, .list-posts > .ts-blog-banner{ padding-left: 15px; padding-right: 15px; } .list-posts article.sticky.has-post-thumbnail{ background: transparent; padding: 0 15px; width: 100%; } #main-content.ts-col-24 .list-posts .ts-blog-banner, #main-content.ts-col-24 .list-posts article.sticky.has-post-thumbnail{ max-width: 900px; margin-left: auto; margin-right: auto; } .list-posts article{ margin-left: 0; margin-right: 0; } .list-posts .ts-blog-banner{ width: 100%; } .list-posts .ts-blog-banner a{ display: block; overflow: hidden; } .columns-2 .list-posts article{ width: 50%; } .columns-3 .list-posts article{ width: 33.33333%; } .columns-2 .list-posts article .owl-nav > .owl-prev, .columns-2 .list-posts article .owl-nav > .owl-next, .columns-3 .list-posts article .owl-nav > .owl-prev, .columns-3 .list-posts article .owl-nav > .owl-next{ width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-top: -20px; } /*** Thumbnail ***/ .entry-format, .ts-blogs .thumbnail-content{ overflow: hidden; } .list-posts article:not(.no-featured-image) .entry-content{ padding-top: 30px; } .list-posts article .ts-video{ margin-bottom: 30px; } .blog-template.columns-2 .list-posts article:not(.no-featured-image) .entry-content, .blog-template.columns-3 .list-posts article:not(.no-featured-image) .entry-content{ padding-top: 20px; } article.single.single-post.chat .entry-format, article.single.single-post.status .entry-format, article.single.single-post.link .entry-format, article.single.single-post.video .entry-format, article.single.single-post.audio .entry-format, article.single.single-post.aside .entry-format, article.single.single-post.image .entry-format{ margin-bottom: 0; } .list-posts article.post.format-image .entry-content, .list-posts article.post.format-link .entry-content, .list-posts article.post.format-status .entry-content, .list-posts article.post.format-video .entry-content, .list-posts article.post.format-audio .entry-content, .list-posts article.post.format-aside .entry-content, .list-posts article.post.format-chat .entry-content{ padding-top: 0; } article a.thumbnail, .ts-blogs .thumbnail-content a.thumbnail{ display: inline-block; vertical-align: top; width: 100%; height: 100%; } .entry-format .thumbnail img, .list-posts .ts-blog-banner img, .ts-blogs .thumbnail-content .thumbnail img{ transition: 500ms ease; } .entry-format .thumbnail:hover img, .list-posts .ts-blog-banner a:hover img, .ts-blogs .thumbnail-content .thumbnail:hover img{ transform: scale(1.1); } /*** Post Meta ***/ .entry-meta-top, .entry-content .entry-title, .entry-meta-middle{ margin-bottom: 14px; } .entry-summary, .entry-content > .excerpt{ margin-bottom: 22px; } .entry-meta-top:empty, .entry-meta-middle:empty{ margin-bottom: 0; } .entry-meta-middle > *{ margin: 0 15px 0 0; float: left; /*rtl*/ } .entry-meta-middle a{ color: inherit; } .entry-meta-middle > *:last-child{ margin: 0; } .entry-meta-middle{ line-height: 20px; } /*** Readmore ***/ .button-readmore{ display: inline-block; min-width: 180px; } .button-readmore:hover{ text-decoration: none; } .button-readmore.small{ padding: 3px 15px; min-width: 80px; } /*** Post Format ***/ article blockquote > p{ margin-bottom: 15px; } article .thumbnail.gallery .owl-carousel{ width: 100% !important; } article.format-gallery .thumbnail .owl-item{ opacity: 0 } article.format-gallery .thumbnail .owl-item.active{ opacity: 1; } .list-posts article blockquote:last-child, .ts-blogs article blockquote:last-child{ margin: 0; } .list-posts article .wp-block-pullquote blockquote:last-child{ margin-left: auto; margin-right: auto; } .ts-blogs article .entry-content{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .ts-blogs article .entry-content > *:not(.entry-meta-middle){ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /*** Navigation ***/ .list-posts .thumbnail.gallery .owl-nav > .owl-prev{ left: 5px; /*rtl*/ } .list-posts .thumbnail.gallery .owl-nav > .owl-next{ right: 5px; /*rtl*/ } /*** Grid ***/ .ts-blogs .entry-meta-top, .ts-blogs .entry-content .entry-title, .ts-blogs .entry-content > header h4, .columns-2 .entry-meta-top, .columns-2 .entry-content .entry-title, .columns-2 .entry-meta-middle, .columns-3 .entry-meta-top, .columns-3 .entry-content .entry-title, .columns-3 .entry-meta-middle{ margin-bottom: 10px; } .columns-1 .list-posts article{ width: 100%; } .ts-blogs .entry-content:not(.no-featured-image){ margin-top: 20px; } .ts-blogs .thumbnail-content{ line-height: 0; } .ts-blogs .thumbnail-content figure{ overflow: hidden; } .ts-blogs article, .list-posts article, .ts-portfolio-wrapper .item-wrapper .portfolio-thumbnail figure{ position: relative; } .ts-blogs article:not(.no-featured-image) .entry-meta-top, .list-posts article.format-standard:not(.no-featured-image) .entry-meta-top, .ts-portfolio-wrapper .item-wrapper .portfolio-thumbnail figure > a + .cats-portfolio{ position: absolute; top: 20px; left: 35px; right: 35px; z-index: 5; } .ts-portfolio-wrapper .item-wrapper .portfolio-thumbnail figure > a + .cats-portfolio{ left: 20px; right: 20px; } .ts-portfolio-wrapper .item-wrapper .cats-portfolio{ margin: 0 -5px 20px; } .ts-portfolio-wrapper .item-wrapper .cats-portfolio:after{ content: ''; clear: both; display: table; } .ts-blogs article.no-featured-image .thumbnail-content{ display: none; } .ts-blogs article .entry-content > *:last-child:not(.entry-meta-middle){ margin-bottom: 0; } .ts-blogs article.quote .entry-meta-top, .list-posts article.quote .entry-meta-top{ display: none; } /*** Fix Unit Test ***/ body.page article.page > p:not(.post-nav-links){ clear: none; } .list-posts article.sticky, .wp-block-group.has-background{ padding: 34px 40px; border-radius: 4px; } .list-posts article.sticky.no-featured-image{ margin-left: 15px; margin-right: 15px; } .list-posts article.sticky{ background: rgba(138, 138, 138, 0.1); } .list-posts .entry-summary .short-content:after{ content: ''; clear: both; display: table; } .list-posts article.sticky .entry-summary, .list-posts article .entry-summary > *:last-child, .wp-block-group.has-background .wp-block-group__inner-container > *:last-child, .list-posts .entry-summary .short-content > *:last-child, .list-posts .entry-summary .short-content > figure:last-child figcaption{ margin-bottom: 0; } .list-posts .entry-summary .short-content > .alignleft:last-child, .list-posts .entry-summary .short-content > .alignright:last-child, .list-posts .entry-summary .wp-block-image:last-child .alignleft, .list-posts .entry-summary .wp-block-image:last-child .alignright{ margin-bottom: 0 !important; } .wp-block-cover, .wp-block-image, .wp-block-quote, .wp-block-audio, .wp-block-video, .wp-block-button, .wp-block-media-text, .wp-block-group.has-background, .single-post .wp-block-pullquote, .list-posts article blockquote, .list-posts article .wp-block-quote{ margin-bottom: 24px; } .wp-block-audio audio{ vertical-align: top; } .list-posts article .wp-block-pullquote{ padding: 24px 0; } .wp-block-media-text{ direction: ltr; display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .wp-block-media-text .wp-block-media-text__media{ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0; } .wp-block-media-text .wp-block-media-text__content{ direction: ltr; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; padding: 0 15px; word-break: break-word; } .wp-block-media-text.has-background:not(.has-media-on-the-right) .wp-block-media-text__media img{ border-top-right-radius: 0; border-bottom-right-radius: 0; } .wp-block-media-text.has-background.has-media-on-the-right .wp-block-media-text__media img{ border-top-left-radius: 0; border-bottom-left-radius: 0; } .gallery .gallery-item dd{ margin-bottom: 5px; } /*** Style absolute ***/ .ts-blogs.style-absolute .entry-content:not(.no-featured-image){ margin-top: 0; position: absolute; top: 50%; left: 45px; width: 50%; transform: translateY(-50%); background: #fff; padding: 40px; border-radius: 4px; } .ts-blogs.style-absolute .entry-meta-top ~ .entry-content:not(.no-featured-image){ margin-top: 20px; } .ts-blogs.style-absolute article .entry-content > header{ -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } /*------------------------------------------------------------- XVI. BLOG DETAIL --------------------------------------------------------------*/ article.single > .entry-meta-top, article.single > header h2.entry-title{ margin-bottom: 10px; } article.single > .entry-meta-middle{ margin-bottom: 45px; } .single .entry-content, .ts-blogs .excerpt, article .entry-summary, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6{ line-height: 1.5; } .single .no-featured-image .entry-meta-middle, .single .entry-format{ margin-bottom: 50px; } blockquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large{ background: #F0F2F5; max-width: none; padding: 30px; } blockquote cite{ font-style: normal; font-size: 80%; line-height: 18px; display: block; } .single .entry-content{ padding-bottom: 50px; position: relative; } .single .entry-content .content-wrapper > *:last-child{ margin-bottom: 0; padding-bottom: 0; } article.single-post > .entry-content:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-width: 0 0 1px; border-style: solid; } #main-content.ts-col-18 article.single-post > .related-posts .items .item { margin-bottom: 0; } .single .entry-content > .content-wrapper > *:not(.wp-block-spacer):not(:last-child){ margin-bottom: 40px; } .single .entry-content .ts-testimonial-wrapper .items:not(.owl-carousel) .item{ margin-bottom: 0; } .single-post .gallery .owl-carousel .owl-nav > .owl-prev{ left: 10px; /*rtl*/ } .single-post .gallery .owl-carousel .owl-nav > .owl-next{ right: 10px; /*rtl*/ } .single-post .entry-format .gallery.thumbnail:hover img{ transform: scale(1); } /*** Social Sharing ***/ .single .entry-meta-bottom{ margin-top: 50px; } .ts-social-sharing > span{ display: none; } .ts-social-sharing ul:after{ content: ''; display: table; clear: both; } .ts-social-sharing ul{ margin: 0 -4px; } .ts-social-sharing li{ margin: 0 4px 8px; list-style: none; padding: 0; float: left;/* rtl */ } .ts-social-sharing li a{ width: 32px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; font-size: 14px; display: block; } .ts-social-sharing li.facebook a{ background: #4267b2; } .ts-social-sharing li.twitter a{ background: #55acee; } .ts-social-sharing li.flickr a{ background: #f80080; } .ts-social-sharing li.vimeo a{ background: #00a8e8; } .ts-social-sharing li.mailchimp a{ background: #f8da1a; } .ts-social-sharing li.youtube a{ background: #f80000; } .ts-social-sharing li.viber a{ background: #7e5bef; } .ts-social-sharing li.skype a{ background: #01a9ec; } .ts-social-sharing li.instagram a{ background-color: #d32558; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .ts-social-sharing li.feedburner a{ background: #e32134; } .ts-social-sharing li.linkedin a{ background: #0070ac; } .ts-social-sharing li.wordpress a{ background: #207297; } .ts-social-sharing li.pinterest a{ background: #cb2027; } .ts-social-sharing li.reddit a{ background: #f84301; } /*** Sharethis ***/ .social-sharing .sharethis-inline-share-buttons .st-btn{ width: 32px !important; height: 32px !important; line-height: 32px !important; text-align: center !important; color: #ffffff !important; font-size: 14px !important; border-radius: 4px !important; margin-right: 8px !important; /*rtl*/ padding: 0 !important; } .social-sharing .sharethis-inline-share-buttons .st-btn:last-child{ margin-right: 0 !important; /*rtl*/ } .social-sharing .sharethis-inline-share-buttons .st-btn:not([data-network='reddit']) img{ width: auto !important; height: 20px !important; top: 7px !important; } /*** Comments ***/ .commentlist li.comment{ border-width: 1px 1px 0 1px; border-style: solid; padding: 0; } .commentlist > li.comment:first-child{ border-top-left-radius: 4px; border-top-right-radius: 4px; } .commentlist > li.comment:last-child{ border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .commentlist li.comment > div.comment-wrapper, .commentlist li.comment #comment-wrapper{ padding: 30px; } .commentlist li.comment > div.comment-wrapper:after{ content: ''; clear: both; display: table; } .commentlist li.comment .avatar{ width: 30%; float: left; /*rtl*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .commentlist li.comment .comment-detail{ width: 70%; float: left; /*rtl*/ } .commentlist li.comment .avatar img{ width: 60px; height: 60px; border-radius: 100%; margin-right: 20px; /*rtl*/ } .commentlist li.comment .entry-meta-top{ width: calc(100% - 80px); margin-bottom: 0; font-size: 90%; line-height: 20px; } .commentlist li.comment .entry-meta-top > span{ display: block; } .commentlist li.comment .comment-text{ line-height: 24px; } .commentlist li.comment .comment-text p{ margin: 0 0 8px; } .comment-meta .edit:not(:empty){ margin-right: 10px; /*rtl*/ } .comment-meta .edit a, .comment-meta .reply a, .comments-area #comment-wrapper .heading-title > small{ text-decoration: underline; } .comments-area #comment-wrapper .heading-title > small{ margin-left: 10px; /*rtl*/ } .commentlist ol.children{ margin: 0 -1px; padding: 0; border-width: 0 0 0 30px; border-style: solid; } .entry-content h1 + .woocommerce .ts-product.ts-shortcode, .entry-content h2 + .woocommerce .ts-product.ts-shortcode, .entry-content h3 + .woocommerce .ts-product.ts-shortcode, .entry-content h4 + .woocommerce .ts-product.ts-shortcode, .entry-content h5 + .woocommerce .ts-product.ts-shortcode, .entry-content h6 + .woocommerce .ts-product.ts-shortcode{ margin-top: 0; } #comment-wrapper > .heading-wrapper{ margin-bottom: 10px; } #comment-wrapper .logged-in-as{ margin-top: -25px; } #comment-wrapper .logged-in-as, #comment-wrapper .comment-note{ margin-bottom: 35px; } #commentform .info-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } #commentform .info-wrapper > p{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 15px; margin-bottom: 40px; } #commentform .info-wrapper > .url-row{ display: none; } #commentform .info-wrapper > p label, #commentform .message-wrapper > p label{ font-size: 90%; font-weight: 500; } #commentform .info-wrapper > p input{ margin-bottom: 0; } #commentform input, #commentform textarea{ vertical-align: top; } #commentform .message-wrapper p{ margin-bottom: 30px; } #commentform .form-submit{ margin-bottom: 0; text-align: center; } #commentform .form-submit input[type="submit"], #commentform .form-submit button[type="submit"]{ min-width: 210px; } #commentform ::-webkit-input-placeholder{ /* WebKit browsers */ font-size: 95%; } #commentform :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ font-size: 95%; } #commentform ::-moz-placeholder{ /* Mozilla Firefox 19+ */ font-size: 95%; } #commentform :-ms-input-placeholder{ /* Internet Explorer 10+ */ font-size: 95%; } /*** Related Posts ***/ .single .entry-author{ margin-top: 50px; } .entry-author{ border-width: 1px; border-style: solid; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .entry-author .author-avatar{ width: 130px; } .entry-author .author-info{ width: calc(100% - 130px); } .author-info .author-role > span{ display: block; } .entry-author .author-avatar img{ width: 100px; height: 100px; border-radius: 100%; } /*** Navigation ***/ .single .navigation-bottom{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin-top: 45px; } .navigation-bottom a{ font-weight: 600; } .navigation-bottom a:hover{ text-decoration: none; } .single-navigation-1 a:before{ margin-right: 10px; /*rtl*/ } .single-navigation-2 a:after{ margin-left: 10px; /*rtl*/ } /*** Related Posts ***/ .single .related-posts, .related-upsells-products-wrapper{ background-color: #f0f2f5 !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } #main-content.ts-col-18 article.single-post .related-posts{ background: transparent !important; padding: 0; margin-left: -15px; margin-right: -15px; } .related-posts .theme-title{ text-align: center; } .related-posts .container{ position: relative; } .single .related-posts .entry-content{ border-width: 0; padding-bottom: 0; position: static; } .main-content-fullwidth .related-posts .owl-nav > .owl-prev, .layout-fullwidth .related-posts .owl-nav > .owl-prev{ left: 20px; /*rtl*/ } .main-content-fullwidth .related-posts .owl-nav > .owl-next, .layout-fullwidth .related-posts .owl-nav > .owl-next{ right: 20px; /*rtl*/ } body article.single-post .ts-testimonial-wrapper .items{ padding-top: 8px; padding-bottom: 8px; } .single .page-container + .related-posts, .single-product .page-container + .related-upsells-products-wrapper, .woocommerce.archive #main-content.ts-col-24{ padding-bottom: 30px; } /*** Single Blog No Sidebar ***/ .single #main-content.ts-col-24 article.single-post .related-posts{ max-width: 100vw !important; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; } /*** PORTFOLIO DETAIL ***/ .single.single-ts_portfolio #main-content.ts-col-24 article.single-post{ max-width: 100%; } .single article.single-portfolio .single-navigation{ margin-top: 30px; font-weight: 600; } .single article.single-portfolio .single-navigation a{ text-decoration: none; } .single article.single-portfolio .single-navigation:after{ content: ''; clear: both; display: table; } .single article.single-portfolio .single-navigation .single-navigation-1{ float: left; /*rtl*/ } .single article.single-portfolio .single-navigation .single-navigation-2{ float: right; /*rtl*/ } .single-ts_portfolio #main > .page-container{ padding-top: 0; } .single-portfolio:after{ content: ''; clear: both; display: table; } .single-portfolio > .entry-format, .single-portfolio > .entry-content{ width: 50% !important; margin: 0 0 70px !important; padding-bottom: 0; float: left; /*rtl*/ } .single-portfolio > .ts-portfolio-wrapper{ margin-bottom: 80px; } .single-portfolio > .entry-format{ padding-right: 15px; /*rtl*/ } .single-portfolio > .entry-content{ padding-left: 15px; /*rtl*/ } .single-portfolio .entry-format .thumbnail:hover img{ transform: none; } .single-portfolio.gallery > .entry-format figure > a{ display: block; width: 100%; height: 100%; margin-bottom: 10px; } .single-portfolio .entry-format .owl-nav > .owl-prev{ left: 0; /*rtl*/ } .single-portfolio .entry-format .owl-nav > .owl-next{ right: 0; /*rtl*/ } .meta-content .portfolio-info .social-sharing, .single-portfolio > .entry-content .meta-content{ margin-top: 30px; } .meta-content .portfolio-info{ margin-bottom: 10px; } .meta-content .portfolio-info a.portfolio-url{ text-decoration: underline; } .meta-content .portfolio-info a{ color: inherit; } .meta-content .portfolio-info .social-sharing a{ color: #ffffff; } .single #main-content.ts-col-24 article.single-post.single-portfolio .entry-content:after, .meta-content .portfolio-info .social-sharing > span:first-child{ display: none; } .portfolio-like > span{ cursor: pointer; } .portfolio-like .ic-like, .icon-group > a{ width: 16px; height: 16px; line-height: 16px; display: inline-block; position: relative; vertical-align: middle; top: -1px; } .portfolio-like .ic-like.loading:before, .icon-group > a.like.loading:before{ font-size: 100%; width: 16px; height: 16px; line-height: 17px; margin-left: -8px; margin-top: -8px; } .portfolio-like .ic-like.loading:before{ font-size: 80%; } .single-portfolio .ts-related-portfolios .ts-portfolio-wrapper{ margin-bottom: 60px; } .single .related-posts.ts-related-portfolios{ margin-top: 0; } .ts-portfolio-wrapper .owl-nav > .owl-prev{ left: -13px; /*rtl*/ } .ts-portfolio-wrapper .owl-nav > .owl-next{ right: -13px; /*rtl*/ } /*------------------------------------------------------------- XVII. CLOUD ZOOM --------------------------------------------------------------*/ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens{ border-width: 1px; border-style: solid; margin: 0; /* Set this to minus the border thickness. */ background-color: #fff; cursor: move; } /* This is for the title text. */ .cloud-zoom-title{ position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; text-align: center; font-size: 12px; top: 0px; } /* This is the loading message */ .cloud-zoom-loading{ display: none !important; } @media only screen and (min-width: 768px){ .ts-header .menu-wrapper .menu-sub-label{ top: -12px; } } @media only screen and (min-width: 1279px){ .page-container.blog-template > #main-content.ts-col-18{ width: 77%; padding-right: 30px; /*rtl*/ } .page-container.blog-template > .ts-sidebar.ts-col-6 { width: 23%; } .header-v8 .header-middle .logo-wrapper, .header-v7 .header-middle .logo-wrapper{ width: 25%; padding-right: 15px; /*rtl*/ transition: none; } .header-v8 .header-middle .logo-wrapper{ width: 28%; } .header-v7 .sticky-wrapper.is-sticky .header-middle .logo-wrapper, .header-v8 .sticky-wrapper.is-sticky .header-middle .logo-wrapper{ width: 20%; } .header-v8 .header-middle .ts-search-by-category > form{ max-width: 590px; } /*** Single Blog No Sidebar ***/ .single #main-content.ts-col-24 article.single-post{ max-width: 820px; margin-left: auto; margin-right: auto; } .single #main-content.ts-col-24 article.single-post:not(.single-portfolio) .entry-format, .single #main-content.ts-col-24 article.single-post:not(.single-portfolio) .alignfull, .single #main-content.ts-col-24 article.single-post:not(.single-portfolio) .ts-shortcode{ width: 1240px; margin-left: -210px; margin-right: -210px; } .single #main-content.ts-col-24 article.single-post .entry-content:after{ left: -210px; right: -210px; } .single #main-content.ts-col-24 article.single-post .entry-format img{ width: 100%; } /*** PRODUCT ***/ .woocommerce .product .thumbnail-wrapper figure img:first-child{ backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 600ms ease 0s; } .woocommerce .product figure.has-back-image img:last-child{ position: absolute;right: 0;left: 0;top: 0; width: 100%; transition: opacity 600ms ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0 } .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:last-child{ opacity: 1; } .woocommerce .product .thumbnail-wrapper:hover figure.has-back-image img:first-child{ opacity: 0; } /*** Product Navigation ***/ .single-navigation > a:hover{ text-decoration: none; } div.product .single-navigation{ opacity: 0; visibility: hidden; transition: all 500ms ease 0s; } div.product .single-navigation.visible{ opacity: 1; visibility: visible; } div.product .single-navigation:hover{ z-index: 993; width: auto; } div.product .single-navigation > a{ position: fixed; left: 0; /*rtl*/ top: 50%; vertical-align: middle; z-index: 994; transition: none; height: 1px; width: 1px; } div.product .single-navigation > a[rel="next"]{ left: auto; /*rtl*/ right: 0; /*rtl*/ } div.product .single-navigation > a .product-info{ transform: translate(-100%,-50%); transition: all 500ms ease 0s; position: absolute; left: 0; /*rtl*/ top: 0; padding: 10px; width: 100px; box-shadow: 0 0 6px rgba(0,0,0,0.1); } div.product .single-navigation > a:hover .product-info{ z-index: 3; } div.product .single-navigation > a[rel="next"] .product-info{ right: 0; left: auto; } div.product .single-navigation > a:hover .product-info{ transform: translate(0,-50%); } div.product .single-navigation > a[rel="next"] .product-info{ transform: translate(100%,-50%); } div.product .single-navigation > a[rel="next"]:hover .product-info{ transform: translate(0,-50%); } div.product .single-navigation > a > span{ position: absolute; top: 0; display: inline-block; text-align: center; line-height: 40px; transition: all 500ms ease 0s; text-transform: uppercase; white-space: nowrap; } div.product .single-navigation > a[rel="prev"] > span{ left: 0;/* rtl */ -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); -webkit-transform-origin: center top; transform-origin: center top; } div.product .single-navigation > a[rel="next"] > span{ right: 40px;/* rtl */ -webkit-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); -webkit-transform-origin: center top; transform-origin: center top; } div.product .single-navigation > a[rel="prev"]:hover > span{ left: 0;/* rtl */ opacity: 0; -webkit-transform: translateX(-100%) rotate(-90deg); transform: translateX(-100%) rotate(-90deg); } div.product .single-navigation > a[rel="next"]:hover > span{ right: 0;/* rtl */ opacity: 0; } div.product .single-navigation > a > span:before{ line-height: 1; position: absolute; left: 50%; /*rtl*/ } div.product .single-navigation > a > span.prev-title:before{ top: 0; /*rtl*/ transform: translateX(-50%) rotate(90deg); } div.product .single-navigation > a > span.next-title:before{ bottom: 0; /*rtl*/ transform: translateX(-50%) rotate(90deg); } .widget-title-wrapper a.block-control{ display: none; } .ts-product.fix-width .products, .has-margin.ts-product .products, .has-margin .ts-product .products{ max-width: 990px; margin-left: auto; margin-right: auto; } .product-style-5 .woocommerce .product .meta-wrapper-2 .button-in, .product-style-5 .woocommerce .product .thumbnail-wrapper .product-group-button .loop-add-to-cart, .product-style-6 .woocommerce .product .meta-wrapper-2 .button-in, .product-style-6 .woocommerce .product .thumbnail-wrapper .product-group-button .loop-add-to-cart, .woocommerce .has-margin .product .meta-wrapper-2 .button-in, .woocommerce .has-margin .product .thumbnail-wrapper .product-group-button .loop-add-to-cart, .has-margin .woocommerce .product .meta-wrapper-2 .button-in, .has-margin .woocommerce .product .thumbnail-wrapper .product-group-button .loop-add-to-cart{ display: none; } .product-style-5 .woocommerce .product .meta-wrapper-2, .product-style-5 .woocommerce .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce .product .meta-wrapper-2, .product-style-6 .woocommerce .product .meta-wrapper-2 .loop-add-to-cart, .woocommerce .has-margin .product .meta-wrapper-2, .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart, .has-margin .woocommerce .product .meta-wrapper-2, .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart{ display: block; } .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart .button, .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 4px 15px; width: auto; min-width: 145px; font-size: 100%; } .woocommerce div.product.summary-2-columns:not(.images-summary-background) .summary-column-2 form.cart .group_table td{ padding: 12px 5px !important; } /*** SHORTCODE ***/ .ts-testimonial-wrapper.align-left .owl-stage-outer, .ts-testimonial-wrapper.align-left .shortcode-heading-wrapper{ margin-left: 230px; /*rtl*/ } .ts-testimonial-wrapper.align-left .shortcode-heading-wrapper{ text-align: left; /*rtl*/ margin-bottom: 30px; } .ts-testimonial-wrapper.align-left .owl-nav > .owl-prev{ left: 202px; /*rtl*/ } .ts-testimonial-wrapper.align-left .items.owl-carousel .owl-dots{ margin-left: 400px; /*rtl*/ text-align: left; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .widget_nav_menu > .menu-mega-menu-home-container > ul.menu{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (min-width: 1400px){ #ts-quickshop-modal.ts-popup-modal .popup-container{ width: 1028px; } #ts-quickshop-modal div.product{ padding: 30px 40px 29px 30px; /*rtl*/ } } @media only screen and (min-width: 1700px){ /* Background Video */ .ts-video-bg{ padding-top: 240px; padding-bottom: 290px; } .ts-video-bg.youtube-video{ padding-top: 0; padding-bottom: 0; } .ts-hosted-video-bg .video-control{ bottom: 240px; } } @media only screen and (max-device-width: 3000px){ .ts-parallax-bg, .breadcrumb-title-wrapper{ background-size: initial !important; } } /*------------------------------------------------------------- XVIII. IPAD RESPONSIVE --------------------------------------------------------------*/ @media only screen and (max-width: 1279px){ .h1-big-2, .h1-big, .single h2.entry-title, .ts-banner .banner-wrapper .discount, .breadcrumb-title-wrapper .breadcrumb-title .page-title, .woocommerce div.product .woocommerce-tabs .panel h2.h1-big{ font-size: 45px; line-height: 50px; } .hidden-ipad{display: none !important;} .visible-ipad{display: block !important;} .header-sticky .container > .visible-ipad{display: table-cell !important;} .ts-group-icons-header.visible-ipad{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ts-banner-image img.text-image{ object-fit: contain; object-position: left; } .product-style-3 .product-group-button-meta > div.loop-add-to-cart .button, .product-style-4 .product-group-button-meta > div.loop-add-to-cart .button { font-size: 15px; } .product-style-3 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .related .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart { margin-bottom: 0; } .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .loop-add-to-cart:not(:last-child) { margin-bottom: 15px; } .woocommerce div.product div.summary .button-in .ts-tooltip, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip {gap: 2px;} .woocommerce div.product div.summary .button-in .ts-tooltip:after, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .ts-tooltip:after { font-size: 13px; } .woocommerce div.product div.summary .button-in .added .ts-tooltip:before, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in .added .ts-tooltip:before { font-size: 11px; } .ts-header .my-account-wrapper .dropdown-container, .ts-group-icons-header .my-account-wrapper .dropdown-container{ display: none; } .wpb_text_column.mobile-reset-padding p{ padding: 0 !important; } .product-style-1 .product-group-button-meta > div.loop-add-to-cart { background-color: #f0f2f5; border-color: #f0f2f5; color: #103178; } a.ts-button.large { padding: 12px 30px; } a.button, button, input[type^="submit"], .ts-button, a.button-readmore, .ts-banner-button a, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit, .shopping-cart p.buttons a, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit, .woocommerce div.product .summary a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .more-less-buttons a, input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn{ padding: 8px 15px; } textarea, select, html input[type^="search"], html input[type^="text"], html input[type^="email"], html input[type^="password"], html input[type^="number"], html input[type^="tel"], .mailchimp-subscription input[type="email"], .mailchimp-subscription .subscribe-email .button, .chosen-container a.chosen-single, .woocommerce-checkout .form-row .chosen-container-single .chosen-single, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, body .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 9px 15px; } .ts-header .header-middle .header-right > .menu-wrapper nav > ul.menu > li:before, .ts-header .header-middle .header-right > .menu-wrapper nav > ul.menu > li > a, .ts-header .header-middle .header-right > .menu-wrapper nav > ul > li > a { padding-top: 8px; padding-bottom: 8px; } .search-table .search-button, .search-table input[type="submit"]{ width: 42px; height: 42px; } .search-table .search-button:before{ width: 42px; height: 42px; line-height: 42px; } .search-content input[type="text"] { padding-right: 42px; /*rtl*/ } .quantity .number-button{ width: 110px; height: 42px; } .quantity .minus, .quantity .plus{ height: 42px; } .quantity .qty, .woocommerce .quantity .qty{ padding: 9px 30px; } .quantity .qty, .woocommerce .quantity .qty, .quantity .minus, .quantity .plus{ line-height: 24px; } .clear-margin-ipad{ margin-bottom: 0 !important; } .wpb_column.clear-margin-ipad{ margin-bottom: -100px !important; } .ipad-remove-br br{ display: none; } .vc_custom_heading.h1.ipad-remove-br + .ts-mailchimp-subscription-shortcode .widget-container{ margin-bottom: 0; } /*** HEADER ***/ header .logo-wrapper{ height: 56px; padding-right: 0; /*rtl*/ } .header-v9 header .logo-wrapper{ padding-right: 20px; /*rtl*/ } .ts-menu-drop-icon{ top: 6px; } .ts-header .menu-wrapper nav > ul.menu > li > a, .ts-header .menu-wrapper nav > ul > li > a, .ts-header .menu-wrapper nav > ul.menu > li:before{ padding-top: 0; padding-bottom: 0; } .ts-header .menu-wrapper nav > ul.menu > li, .ts-header .menu-wrapper nav > ul > li { margin: 0 25px 0 0; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu > li:last-child, .ts-header .menu-wrapper nav > ul > li:last-child{ margin-right: 0;/* rtl */ } .header-v2 .header-top div.header-right:after{ content: ''; clear: both; display: table; } .header-v2 .header-top div.header-right > .top-header-menu{ float: left; /*rtl*/ } .header-v2 .header-top .top-header-menu > ul > li:last-child{ border-right-width: 0; } .header-v2 .header-top .top-header-menu > ul > li:first-child > a{ padding-left: 0; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child .ts-menu-drop-icon, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child .ts-menu-drop-icon{ right: 23px; /*rtl*/ } .header-v3 header .logo-wrapper, .header-v6 header .logo-wrapper{ min-width: 144px; } .header-v3 .ts-header .header-middle > .container{ padding-bottom: 60px; } .header-v3 .ts-header .header-middle .header-right .search-menu-wrapper{ margin-right: 0; /*rtl*/ position: absolute; bottom: 15px; left: 30px; right: 30px; } .header-v3 .sticky-wrapper.is-sticky .header-sticky .header-right .search-menu-wrapper{ position: static; } .header-v3 .sticky-wrapper.is-sticky .header-sticky .header-right .search-menu-wrapper .ts-search-by-category{ display: none; } .header-v3 .ts-header .header-middle .header-right .search-menu .menu-wrapper{ margin-right: 10px; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .search-menu .menu-wrapper .ts-menu{ position: relative; } .header-v3 .ts-header .header-middle .header-right .search-menu .menu-wrapper .ic-mobile-menu-button{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; cursor: pointer; } .header-v3 .ts-header .header-middle .header-right .search-menu .ts-search-by-category { min-width: 0; } .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li .ts-menu-drop-icon, .header-v6 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li .ts-menu-drop-icon{ top: 14px; } .header-v4 .header-middle .header-right .menu-wrapper{ margin-right: 15px; /*rtl*/ } .header-v9 .header-middle .menu-wrapper nav > ul > li > .ts-menu-drop-icon{ top: 13px; } header .sub-menu .ts-menu-drop-icon{ left: auto; /*rtl*/ width: 20px; } .language-currency { padding-right: 30px; /*rtl*/ margin-right: 20px; /*rtl*/ } .header-top > .container .header-left { width: 45%; } .header-top div.header-right > *, .top-header-menu > ul > li > a{ padding: 0 15px; } .ts-header .header-top div.header-right > .ts-header-social-icons{ border-width: 0; } .header-v8 .ts-header .header-top div.header-right > .ts-header-social-icons{ border-right-width: 1px; } .header-v8 .header-middle .header-right > .header-contact{ max-width: none; } .ts-header-social-icons ul li:last-child{ padding-right: 0; /*rtl*/ } .header-middle .header-right > .ts-search-by-category{ min-width: 300px; } .header-middle .header-right > .ts-search-by-category:not(:first-child){ min-width: 0; margin-right: 5px; /*rtl*/ } .header-v4 .header-middle .header-right > .ts-search-by-category, .header-v4 .header-middle .header-right > .ts-search-by-category:not(:first-child){ min-width: 250px; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child[class*=fa] > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa] > a{ padding-left: 50px; } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a{ padding-left: 35px; padding-right: 35px; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child[class*=fa] > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa] > a{ padding-left: 55px; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:before, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:before{ left: 30px; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:last-child, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:last-child{ margin: 0; /*rtl*/ padding-right: 0; /*rtl*/ } .header-v3 .sticky-wrapper.is-sticky .header-sticky > .container{ padding-top: 10px; padding-bottom: 10px; } .header-v5 .header-top .header-contact{ padding: 5px 30px; } .header-v7 .header-top .ts-header-social-icons{ display: none; } .ts-header .style-icon .products .product-category a img, .ts-header .woocommerce .style-icon .products .product-category a img{ max-width: 26px; } .ts-header .style-icon .products .product .heading-title{ font-size: 90% !important; } .header-v4 .header-bottom > .container { padding-top: 2px; padding-bottom: 5px; } .ts-megamenu-container .ts-list-of-product-categories-wrapper h3.heading-title{ margin-bottom: 10px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ padding: 32px 30px 20px 30px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ width: 250px; padding: 22px 30px 22px 60px; /*rtl*/ top: -20px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu{ top: -24px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu > li:first-child ul.sub-menu { top: -22px; } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu:before{ left: 30px; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul { margin: 0 -5px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li { padding: 5px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu:not(.category-bold) .ts-list-of-product-categories-wrapper ul{ margin-bottom: 30px; } .ts-megamenu-widgets-container .widget.widget_media_image .widgettitle { font-size: 100%; line-height: 20px; } .header-top .header-right > .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-top .header-right > .header-currency:first-child ul{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-left: auto; /*rtl*/ } .header-v7 .menu-mobile-active .header-middle .ts-group-meta-icon-toggle{ position: fixed; top: 10px; right: 25px; /*rtl*/ z-index: 99999; } .header-v7 .menu-mobile-active .header-template, .header-v7.header-transparent .menu-mobile-active .header-template{ width: 0; height: 0; position: fixed; z-index: 99999; } .header-v7 .menu-mobile-active .header-template .header-top, .header-v7 .menu-mobile-active .header-template .header-middle .logo-wrapper, .header-v7 .menu-mobile-active .header-template .header-middle div.header-right > div:not(.ts-group-meta-icon-toggle){ display: none !important; } .ts-megamenu-widgets-container .widget_media_image > a.new:before{ top: -15px; right: 5px; /*rtl*/ } .is-safari .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa].nopd > a > .menu-label{ top: -1px; } /*** MAIN CONTENT ***/ .single .comments-area{ margin-top: 40px; } .ts-pagination, #left-sidebar, #right-sidebar, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals, div.product .yith-wfbt-section, body.error404 article, .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #tab-reviews, .woocommerce-account .woocommerce-MyAccount-content, article.single-post > .comments-area:last-child, .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ margin-bottom: 50px; } .list-posts > .ts-blog-banner, body.error404 article div.not-found{ margin-bottom: 40px; } .woocommerce div.product > .product-images-summary ~ .woocommerce:last-child{ margin-bottom: 60px; } .woocommerce .after-loop-wrapper{ padding-bottom: 40px; } .related-upsells-products-wrapper{ padding: 40px 0 50px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background .product-images-summary { margin-bottom: 50px; } #main-content.ts-col-24 div.product.images-summary-background .yith-wfbt-section { padding-bottom: 10px; padding-top: 70px; margin-bottom: -50px; } .shop-bottom-content, .product-bottom-content{ margin-bottom: 26px; } .commentlist + #comment-wrapper, .related-upsells-products-wrapper + .product-bottom-content{ margin-top: 50px; } .list-posts > article, .list-posts > .ts-blog-banner, .ts-blogs .items .item{ margin-top: 40px; } .ts-blogs.style-absolute .items .item, .ts-blogs .items .owl-item .item{ margin-top: 0; } .list-posts > article:after, .list-posts > .ts-blog-banner:after { top: -40px; } .single .related-posts{ padding: 40px 0 10px; } .single article .related-posts{ margin: 50px 0 0 0; } .single-portfolio .ts-related-portfolios .ts-portfolio-wrapper{ margin-bottom: 30px; } .single-portfolio > .entry-format, .single-portfolio > .entry-content{ margin: 0 0 40px !important; } .single .entry-meta-bottom { margin-top: 30px; } .single .entry-content { padding-bottom: 16px; } .commentlist li.comment > div.comment-wrapper, .commentlist li.comment #comment-wrapper { padding: 20px; } #main-content > .site-content .term-description, #main-content > .site-content > .woocommerce > .ts-shortcode.ts-product{ margin-bottom: 30px; } .woocommerce.archive #main-content .woocommerce.main-products{ padding-top: 20px; } .page-container{ padding-left: 15px; padding-right: 15px; } .ts-header .container, .footer-container .container, .shop-bottom-content .container, .product-bottom-content .container, .breadcrumb-title-wrapper .breadcrumb-content{ padding-left: 30px; padding-right: 30px; } .ts-store-notice > .container{ padding-left: 30px; /*rtl*/ } #left-sidebar, #right-sidebar{ float: left; /* rtl */ min-height: 1px; } div#main{ min-height: 300px; } .owl-nav > .owl-prev, .owl-nav > .owl-next { width: 40px; height: 40px; line-height: 40px; margin-top: -20px; font-size: 20px; transition: none; } .owl-nav > .owl-prev{ left: 0px; /*rtl*/ } .owl-nav > .owl-next{ right: 0px; /*rtl*/ } .ts-parallax-bg{ background-position: 50% 50% !important; background-attachment: scroll !important; } .banner-radius h2.h1 br{ display: none;} .mobile-reset-padding.vc_column_container{ padding-left: 15px !important; padding-right: 15px !important; } .mobile-reset-padding.vc_column_container.pd-left-0{ padding-left: 0 !important; } .banner-radius + .mobile-reset-padding.vc_column_container{ padding-left: 15px !important; padding-right: 0 !important; } .ts-testimonial-wrapper .shortcode-heading-wrapper img { height: 20px; } #main > .page-container.blank-page-template{ padding-left: 30px; padding-right: 30px; } .page-container > #main-content.ts-col-18{ width: 75%; } .page-container > .ts-sidebar.ts-col-6{ width: 25%; } .widget-container { margin: 0 0 40px 0; } .list-posts, .related-portfolio .items, .related-posts .items, .ts-shortcode:not(.ts-instagram-shortcode) .items{ margin-left: -10px; margin-right: -10px; } .list-posts article, .list-posts > .ts-blog-banner, .related-portfolio .items .item, .related-posts .items .item, .ts-shortcode:not(.ts-instagram-shortcode) .items .item{ padding-left: 10px; padding-right: 10px; } .ts-image-gallery-wrapper.has-margin .images .item, .ts-image-gallery-wrapper.style-masonry.ts-slider .images .item { padding: 10px; } .woocommerce .has-margin.ts-product .products, .has-margin .woocommerce .ts-product .products{ margin-left: -10px; margin-right: -10px; } .woocommerce .has-margin.ts-product .products .product, .has-margin .woocommerce .ts-product .products .product{ padding: 0 10px; } .ts-blogs.columns-3 .items .item, .ts-blogs.columns-4 .items .item{ width: 50%; } .columns-3 .list-posts article { width: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ts-blogs.columns-3 .items .item:nth-child(3n+1){ clear: none; } .ts-blogs.columns-3 .items .item:nth-child(2n+1){ clear: both; } .list-posts > article, .portfolio-inner .item, .ts-blogs .items .item{ margin-bottom: 40px; } .ts-portfolio-wrapper .portfolio-thumbnail .heading-title { line-height: 24px; } .ts-blogs article:not(.no-featured-image) .entry-meta-top, .ts-blogs.columns-1 article:not(.no-featured-image) .entry-meta-top, .columns-2 article:not(.no-featured-image) .entry-meta-top, .columns-3 article:not(.no-featured-image) .entry-meta-top{ top: 10px; left: 25px; right: 25px; } .ts-shortcode:not(.ts-product) .owl-carousel, .product-style-5 .woocommerce .ts-product.ts-slider .products, .product-style-6 .woocommerce .ts-product.ts-slider .products, .woocommerce .has-margin.ts-product.ts-slider .products, .has-margin .woocommerce .ts-product.ts-slider .products, .ts-shortcode.related-posts.ts-slider .owl-carousel{ width: calc(100% + 20px); } .single .entry-content > .content-wrapper > *:not(.wp-block-spacer){ margin-bottom: 24px; } .wp-block-media-text__content > p:last-child{ margin-bottom: 0; } body.error404 article div.not-found h1{ font-size: 150px; line-height: 150px; } body.error404 article div.not-found h5{ font-size: 34px; line-height: 40px; } body.error404 article div.not-found p{ font-size: 18px; } body.error404 a.button { min-width: 220px; } .single .related-posts .owl-nav > .owl-prev{ left: 10px; /*rtl*/ } .single .related-posts .owl-nav > .owl-next{ right: 10px; /*rtl*/ } .single .related-posts .owl-nav > .owl-prev, .single .related-posts .owl-nav > .owl-next{ top: 40%; } .wpb_text_column.ipad-reset-margin-left{ margin-left: 0 !important; /*rtl*/ } .woocommerce div.product div.summary .button-in.wishlist, .woocommerce.main-products.columns-1 > .products .product-group-button-meta > .button-in.wishlist { margin-right: 10px; /*rtl*/ } .product-style-1 .cross-sells .products .product .product-group-button-meta > div, .product-style-1 .up-sells .products .product .product-group-button-meta > div, .product-style-1 .related .products .product .product-group-button-meta > div, .product-style-1 .ts-shortcode .products .product .product-group-button-meta > div, .product-style-1 .woocommerce > .products .product .product-group-button-meta > div{ margin: 5px; } .product-style-3 .cross-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .up-sells .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .related .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .ts-shortcode .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 4px 10px; width: 100%; min-width: 0; } .woocommerce .products .product .meta-wrapper-2 > .price{ margin-bottom: 16px; } .product-style-2 .product-group-button > div.loop-add-to-cart a.button { width: calc(100% - 10px); padding: 4px 10px; } .product-style-3 #main-content.ts-col-24 .woocommerce.main-products > .products .product:hover .product-wrapper{ left: 0; width: 100%; box-shadow: none; } .list-posts > article:after, .list-posts > .ts-blog-banner:after{ width: calc(100% - 10px); } #main-content.ts-col-24 .list-posts .ts-blog-banner, #main-content.ts-col-24 .list-posts article.sticky.has-post-thumbnail { max-width: 100%; padding: 0 10px; } .columns-1 .list-posts > article:after, .list-posts > article.sticky:after, .list-posts > .ts-blog-banner:after, .columns-2 #main-content.ts-col-24 .list-posts > article.sticky:after, .columns-3 #main-content.ts-col-24 .list-posts > article.sticky:after, .columns-2 #main-content.ts-col-24 .list-posts > .ts-blog-banner:after, .columns-3 #main-content.ts-col-24 .list-posts > .ts-blog-banner:after{ width: calc(100% - 20px); max-width: 100%; margin-left: 0; margin-right: 0; left: 10px; } .list-posts > article.sticky:after, .columns-1 .list-posts > article:after, .list-posts > .ts-blog-banner:after, .columns-2 .list-posts > article.sticky ~ article:nth-of-type(2n):after, .columns-2 .list-posts > article:nth-of-type(2n+1):after, .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+2):after, .columns-3 .list-posts > article:nth-of-type(3n+1):after { left: 10px; } .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+3):after, .columns-3 .list-posts > article:nth-of-type(3n+2):after{ width: calc(100% - 10px); } .columns-3 .list-posts > article.sticky ~ article:nth-of-type(3n+1):after{ left: 10px; width: calc(100% - 20px); } .columns-3 #main-content.ts-col-24 .list-posts > article:nth-of-type(2n):after, .columns-3 #main-content.ts-col-24 .list-posts > article.sticky ~ article:nth-of-type(2n+1):after{ left: 10px; width: calc(100% - 10px); } .columns-3 #main-content.ts-col-24 .list-posts > article:nth-of-type(2n+1):after, .columns-3 #main-content.ts-col-24 .list-posts > article.sticky ~ article:nth-of-type(2n):after{ left: 0; width: calc(100% - 10px); } .columns-3 #main-content.ts-col-24 .list-posts > article.sticky + article:after{ left: 10px !important; } .columns-3 #main-content.ts-col-24 .list-posts > article.sticky + article + article:after{ left: 0 !important; } .columns-3 #main-content.ts-col-24 .list-posts > article.sticky ~ article:nth-of-type(3n+4):after{ left: 10px; width: calc(100% - 20px); } .vc_row .alignfull-left.wpb_column.vc_col-md-12, .vc_row .alignfull-left.wpb_column:not([class*="vc_col-md-"]), .vc_row .alignfull-right.wpb_column.vc_col-md-12, .vc_row .alignfull-right.wpb_column:not([class*="vc_col-md-"]){ width: 100%; } .vc_row>.vc_column_container.change-order{ order: 1; } .woocommerce.archive #main-content.ts-col-24 .woocommerce .ts-shortcode.ts-product{ margin-bottom: 0; } .ts-blogs.style-absolute .entry-content:not(.no-featured-image){ left: 30px; /*rtl*/ width: calc(100% - 60px); padding: 30px; } /*** BREADCRUMB ***/ .breadcrumb-title-wrapper.ts-breadcrumb-parallax{ background-attachment: scroll; } /*** FLOATING SIDEBAR ***/ .ts-sidebar-content .dropdown-container ul.cart_list{ overflow: auto; margin: 0; } .ts-floating-sidebar .ts-sidebar-content{ right: 0 !important;/* rtl */ } .shopping-cart-wrapper:hover .dropdown-container{ display: none; } .shopping-cart-wrapper.active .dropdown-container{ display: block; -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; } .drop-icon{ display: block; } /*** SHOP ***/ #ts-filter-widget-area .ts-sidebar-content{ width: calc(24% - 30px); } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display: none !important; } .meta-wrapper .stock-quantity{ margin-bottom: 20px; } .product-wrapper .meta-wrapper{ padding: 0 15px; } .woocommerce .product .thumbnail-wrapper > a { padding: 15px 15px 0; } .product-style-5 .woocommerce .ts-product.meta-center .product .thumbnail-wrapper > a, .product-style-6 .woocommerce .ts-product.meta-center .product .thumbnail-wrapper > a{ padding: 10px 10px 0; } .woocommerce.archive .before-loop-wrapper .ts-product-columns-selector{ display: none; } #main-content:not(.ts-col-24) .woocommerce.columns-1 > .products .product .thumbnail-wrapper, #main-content:not(.ts-col-24) .woocommerce.columns-1 > .products .product .meta-wrapper, #main-content:not(.ts-col-24) .woocommerce.columns-1 > .products .product .meta-wrapper-2{ padding: 15px; } body:not(.product-style-2) .product-group-button{ top: 10px; right: 15px; /*rtl*/ } /*** PRODUCT GROUP BUTTON ***/ .thumbnail-wrapper:hover .product-group-button > div{ -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .product-style-2 .product-group-button > div{ top: 10px; right: 10px; /*rtl*/ } .product-style-2 .product-group-button > div:nth-child(2):not(.loop-add-to-cart){top: 44px;} .product-style-2 .product-group-button > div:nth-child(3):not(.loop-add-to-cart){top: 83px;} .product-style-3 .products .product .product-group-button-meta{ margin-bottom: 15px; } .product-style-4 .ts-col-18 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .ts-col-12 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart, .product-style-4 .ts-col-18 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-12 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart .button { width: 100%; } .product-style-4 .ts-col-18 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart:not(:last-child), .product-style-4 .ts-col-12 .woocommerce.main-products.columns-4 > .products .product .meta-wrapper-2 .loop-add-to-cart:not(:last-child){ margin-bottom: 10px; } .product-style-2 .product-group-button > div.loop-add-to-cart{ position: static; } .thumbnail-wrapper .product-group-button, body:not(.product-style-2) .product-group-button, .product-style-2 .thumbnail-wrapper .product-group-button.four-button > div{ visibility: visible; opacity: 1; } .thumbnail-wrapper .product-group-button > div{ -webkit-animation: none; -moz-animation: none; animation: none; } body:not(.product-style-2) .product-group-button > div:not(.loop-add-to-cart) .button-tooltip, .ts-product-attribute .button-tooltip{ display: none !important } .product-style-3 .ts-shortcode .products .product:not(.product-category) .product-wrapper, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .product-wrapper, .product-style-3 .ts-shortcode .products .product:not(.product-category):hover .product-wrapper, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .product-wrapper, .product-style-5 .ts-shortcode .products .product:not(.product-category) .product-wrapper, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .product-wrapper, .product-style-5 .ts-shortcode .products .product:not(.product-category):hover .product-wrapper, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .product-wrapper, .product-style-6 .ts-shortcode .products .product:not(.product-category) .product-wrapper, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .product-wrapper, .product-style-6 .ts-shortcode .products .product:not(.product-category):hover .product-wrapper, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category):hover .product-wrapper{ position: static; z-index: 9; background: none; box-shadow: none; } .product-style-3 .ts-shortcode .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-3 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .ts-shortcode .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .ts-shortcode .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products:not(.columns-1) > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart{ display: block; } .product-style-5 .woocommerce.main-products.columns-3 > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-5 .woocommerce.main-products.columns-4 > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products.columns-3 > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart, .product-style-6 .woocommerce.main-products.columns-4 > .products .product:not(.product-category) .meta-wrapper-2 .loop-add-to-cart{ width: 100%; } .product-style-5 .main-products.columns-3 .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .main-products.columns-4 .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .main-products.columns-3 .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .main-products.columns-4 .product .meta-wrapper-2 .loop-add-to-cart .button{ min-width: 0; width: 100%; } .product-style-5 .main-products:not(.columns-1) .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .cross-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .up-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .related .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-5 .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .main-products:not(.columns-1) .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .ts-shortcode .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .cross-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .up-sells .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .related .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .woocommerce .has-margin .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 .has-margin .woocommerce .product .meta-wrapper-2 .loop-add-to-cart .button{ padding: 8px 10px; font-size: 100%; } .product-style-5 .main-products.columns-3 .meta-wrapper-2 .quantity .number-button, .product-style-5 .main-products.columns-4 .meta-wrapper-2 .quantity .number-button, .product-style-6 .main-products.columns-3 .meta-wrapper-2 .quantity .number-button, .product-style-6 .main-products.columns-4 .meta-wrapper-2 .quantity .number-button{ max-width: 100%; } .product-style-4 .ts-col-18 .woocommerce.main-products.columns-3 > .products .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-4 .ts-col-12 .woocommerce.main-products.columns-3 > .products .product .meta-wrapper-2 .loop-add-to-cart .button { min-width: 110px; padding: 4px 5px; } #main-content.ts-col-24 .woocommerce.main-products:not(.columns-1) > .products { margin: 0 -5px; } #main-content.ts-col-24 .woocommerce.main-products:not(.columns-1) > .products .product{ padding: 0 5px 10px; width: 33.33333%; } #main-content.ts-col-24 .woocommerce.main-products:not(.columns-1) > .products .product:nth-child(3n+1){ clear: both; } /*** show group button at the bottom instead of on the thumbnails ***/ .product-style-1 .cross-sells .products .product .product-group-button, .product-style-1 .up-sells .products .product .product-group-button, .product-style-1 .related .products .product .product-group-button, .product-style-1 .ts-shortcode .products .product .product-group-button, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product .product-group-button{ display: none; } .product-style-1 .cross-sells .products .product .meta-wrapper-2, .product-style-1 .up-sells .products .product .meta-wrapper-2, .product-style-1 .related .products .product .meta-wrapper-2, .product-style-1 .ts-shortcode .products .product .meta-wrapper-2, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2, .product-style-1 .cross-sells .products .product .product-group-button-meta > div, .product-style-1 .up-sells .products .product .product-group-button-meta > div, .product-style-1 .related .products .product .product-group-button-meta > div, .product-style-1 .ts-shortcode .products .product .meta-wrapper-2 .product-group-button-meta > div, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .product-group-button-meta > div{ display: block; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart{ width: 34px; height: 34px; border-radius: 100%; position: relative; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button{ width: 100%; height: 100%; min-width: 0; font-size: 0; letter-spacing: 0; color: inherit !important; text-align: center; display: block; padding: 0; margin: 0; border: 0; background: none !important; text-decoration: none !important; overflow: visible; opacity: 1 !important; transition: none; padding: 0 !important; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.added:before{ font-family:"Font Awesome 5 Free"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button:after{ content: "\f291"; font-weight: 900; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.added:before{ content: "\f058"; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.loading:after{ content: '\f1ce' !important; font-family: "Font Awesome 5 Free" !important; font-style: normal !important; font-weight: 900; text-transform: none; letter-spacing: 0; width: 26px; height: 26px; font-size: 26px; line-height: 26px; letter-spacing: 0; text-align: center; top: 0; left: 0; bottom: 0; right: 0; margin: 0; position: absolute !important; background: transparent !important; -webkit-animation: fa-spin 1.5s linear infinite; animation: fa-spin 1.5s linear infinite; z-index: 9; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.loading:before{ background: transparent !important; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button:after, .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.loading:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.loading:after, .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.added:before{ width: auto; height: auto; font-size: 14px; line-height: 34px !important; display: inline; position: relative; z-index: 10; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.added:before, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.added:before{ line-height: 37px !important; margin: 0; } .product-style-1 .cross-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:after, .product-style-1 .up-sells .products .product .product-group-button-meta > .loop-add-to-cart .button.added:after, .product-style-1 .related .products .product .product-group-button-meta > .loop-add-to-cart .button.added:after, .product-style-1 .ts-shortcode .products .product-group-button-meta > .loop-add-to-cart .button.added:after, .product-style-1 .woocommerce.main-products:not(.columns-1) > .products .product-group-button-meta > .loop-add-to-cart .button.added:after{ display: none; } /**/ /*** PRODUCT DETAIL ***/ div.product .single-navigation{ margin-bottom: 20px; } div.product .single-navigation:after{ content: ''; clear: both; display: table; } div.product .single-navigation > a{ width: 50%; float: left; } div.product .single-navigation > a[rel="next"]{ text-align: right; /*rtl*/ } div.product .single-navigation > a > span{ display: inline-block; position: relative; } div.product .single-navigation > a > span.next-title{ padding-right: 15px; /*rtl*/ } div.product .single-navigation > a > span.prev-title:before{ margin-right: 10px; /*rtl*/ } div.product .single-navigation > a > span.next-title:before{ margin: 0; /*rtl*/ position: absolute; right: 0; /*rtl*/ } div.product .single-navigation > a .product-info{ display: none !important; } div.product .product_title.entry-title{ clear: both; } .woocommerce #main-content.ts-col-12 div.product div.summary form.cart .button, .woocommerce #main-content.ts-col-18 div.product div.summary form.cart .button { width: auto; min-width: 200px; } .woocommerce div.product div.summary .price { margin-bottom: 20px; } .woocommerce #main-content.ts-col-12 #content div.product div.images, .woocommerce #main-content.ts-col-12 div.product div.images, .woocommerce-page #main-content.ts-col-12 #content div.product div.images, .woocommerce-page #main-content.ts-col-12 div.product div.images, .woocommerce #main-content.ts-col-18 #content div.product div.images, .woocommerce #main-content.ts-col-18 div.product div.images, .woocommerce-page #main-content.ts-col-18 #content div.product div.images, .woocommerce-page #main-content.ts-col-18 div.product div.images, .woocommerce #main-content.ts-col-12 #content div.product div.summary, .woocommerce #main-content.ts-col-12 div.product div.summary, .woocommerce-page #main-content.ts-col-12 #content div.product div.summary, .woocommerce-page #main-content.ts-col-12 div.product div.summary, .woocommerce #main-content.ts-col-18 #content div.product div.summary, .woocommerce #main-content.ts-col-18 div.product div.summary, .woocommerce-page #main-content.ts-col-18 #content div.product div.summary, .woocommerce-page #main-content.ts-col-18 div.product div.summary{ width: 100%; float: none; padding: 0; } .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.images { width: 55%; } .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.summary { width: calc(45% - 30px); padding: 30px; } .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .ts-product-feature, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .woocommerce-product-details__short-description, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .counter-wrapper, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .woocommerce-product-details__short-description + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .counter-wrapper + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .ts-product-feature + .price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .ts-product-feature + .price.hidden + .ts-variation-price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background:not(.summary-2-columns) div.summary .counter-wrapper + .price.hidden + .ts-variation-price, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary .meta-content{ width: calc(100% + 60px); margin-left: -30px; padding-left: 30px; padding-right: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0 20px 15px 0; /*rtl*/ } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px; } .woocommerce-tabs .panel.woocommerce-Tabs-panel--description img.alignright{ margin-right: -30px !important; max-width: 56%; } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border li{ min-width: calc(33.3333% - 40px); } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border li:not(:nth-child(3n+3)){ padding: 0 20px 0 0; /*rtl*/ margin: 0 20px 0 0; /*rtl*/ } .woocommerce #review_form #respond .comment-form-rating{ width: 100%; padding-right: 0; /*rtl*/ } .woocommerce #review_form #respond .comment-form-email{ width: 50%; } .woocommerce #review_form #respond .comment-form-author{ width: 50%; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist{ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .woocommerce div.product.show-tabs-content-default .woocommerce-tabs #reviews #comments .commentlist li{ margin-bottom: 10px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ padding-bottom: 150px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ padding-left: 30px; /*rtl*/ } .woocommerce div.product div.summary .ts-product-feature ul li img{ margin-right: 5px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) div.summary { padding-right: 300px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns:not(.images-summary-background) .summary-column-2{ width: 270px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 100px; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 215px; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text { width: calc(100% - 290px); } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart{ margin-right: 0; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + a.compare, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist + a.compare{ margin-top: 0; float: none; /*rtl*/ top: 0; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background):not(.no-addtocart) form.cart + .yith-wcwl-add-to-wishlist{ margin-right: 25px; /*rtl*/ top: -1px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart + .yith-wcwl-add-to-wishlist + a.compare{ margin-right: 0; /*rtl*/ } /*** Dokan Tabs ***/ #main-content.ts-col-18 #tab-more_seller_product .products .product{ width: 33.33333%; } #main-content.ts-col-18 #tab-more_seller_product .products .product:nth-child(4n+1){ clear: none; border-left-width: 0; /*rtl*/ } #main-content.ts-col-18 #tab-more_seller_product .products .product:nth-child(3n+1){ clear: both; border-left-width: 1px; /*rtl*/ } /*** SHOPPING CART ***/ .woocommerce .woocommerce-cart-form{ width: 70%; padding-right: 15px; /*rtl*/ } .woocommerce-cart article .woocommerce .cart-collaterals{ width: 30%; padding-left: 15px; } .woocommerce table.shop_table thead th, .woocommerce table.shop_table tbody td{ padding: 20px 10px; } .woocommerce table.shop_table tbody td.actions { padding: 30px 0 0; } .woocommerce form .shipping-calculator-form button[name="calc_shipping"] { line-height: 20px; } .ts-megamenu-container .ts-button-wrapper.button-text a.ts-button{ font-size: 100%; } /*** POPUP/MODAL ***/ /*** 360 ***/ body .ts-popup-modal .product-360-container { width: 550px; max-height: 90%; } /*** Video ***/ .ts-popup-modal .popup-container{ width: 80%; } /*** SHORTCODE ***/ .ts-banner-image img.text-image{ max-width: calc(100% - 50px); max-height: 69%; } .ts-banner-image.left-top img.text-image{ left: 25px; /*rtl*/ top: 25px; } .ts-banner-image.left-bottom img.text-image{ left: 25px; /*rtl*/ bottom: 25px; } .ts-banner-image.left-center img.text-image{ left: 25px; /*rtl*/ } .ts-banner-image.right-top img.text-image{ right: 25px; /*rtl*/ top: 25px; } .ts-banner-image.right-bottom img.text-image{ right: 25px; /*rtl*/ bottom: 25px; } .ts-banner-image.right-center img.text-image{ right: 25px; /*rtl*/ } .ts-banner-image.center-top img.text-image{ top: 25px; } .ts-banner-image.center-bottom img.text-image{ bottom: 25px; } .style-default .products .product-category .meta-wrapper { top: 25px; left: 15px; /*rtl*/ right: 15px; /*rtl*/ max-width: 100%; } .ts-product-category-wrapper.style-default.auto-width:not(.ts-slider) .products .product-category { max-width: 33.33333%; } .mailchimp-subscription input[type="email"]{ width: 100%; float: none; /*rtl*/ margin-bottom: 10px; } .mailchimp-subscription .subscribe-email .button{ width: auto; float: none; /*rtl*/ margin-left: 0; /*rtl*/ min-width: 150px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper{ margin: 0 -4px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div{ margin: 4px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper .number{ font-size: 16px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper span.number > span{ min-width: 24px; height: 36px; line-height: 36px; } .vc_col-lg-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-md-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-sm-3 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-lg-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-md-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after, .vc_col-sm-4 .shortcode-heading-wrapper .ts-countdown .counter-wrapper > div:not(:last-child):after{ font-size: 20px; top: 20px; right: -7px; /*rtl*/ } .ts-video-2 > a:after{ width: 60px; height: 60px; margin-left: -30px; /*rtl*/ margin-top: -30px; background-position: -102px 0; } .ts-countdown .counter-wrapper > div { min-width: 60px; } .ts-countdown .counter-wrapper span.number > span{ min-width: 30px; height: 44px; line-height: 44px; } .ts-countdown .counter-wrapper > div:not(:last-child):after{ font-size: 24px; } .ts-countdown .counter-wrapper > div .number{ font-size: 20px; } .shortcode-heading-wrapper > .shortcode-title + .ts-countdown { margin-left: 15px; /*rtl*/ } .ts-testimonial-wrapper.partial-view .items, .ts-testimonial-wrapper.partial-view .items.owl-carousel, .ts-testimonial-wrapper.partial-view.align-left .items, .ts-testimonial-wrapper.partial-view.align-left .items.owl-carousel{ width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .ts-testimonial-wrapper.partial-view .items.owl-carousel .owl-dots{ margin-left: -10px; /*rtl*/ max-width: 100%; } .ts-testimonial-wrapper .items:not(.owl-carousel){ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-left: 0; margin-right: 0; } .ts-testimonial-wrapper .items:not(.owl-carousel) .item { margin-bottom: 20px; } .ts-testimonial-wrapper.columns-4 .items:not(.owl-carousel), .ts-testimonial-wrapper.columns-5 .items:not(.owl-carousel){ -webkit-columns: 3; -moz-columns: 3; columns: 3; } .style-icon.style-icon-horizontal .product-category .product-wrapper > .meta-wrapper{ padding: 0 0 0 10px !important; /*rtl*/ } .ts-product-category-wrapper.style-default:not(.auto-width) .products .product-category .product-wrapper > a{ height: 180px; } } @media only screen and (max-width: 991px){ .h1-big-2, .h1-big, .device-h1-big, .ts-banner .banner-wrapper .discount, .vc_custom_heading.device-h1-big, .single h2.entry-title, .breadcrumb-title-wrapper .breadcrumb-title .page-title, .woocommerce div.product .woocommerce-tabs .panel h2.h1-big{ font-size: 34px; line-height: 40px; } .ts-ipad-aligncenter{ text-align: center; } .ts-ipad-alignleft{ text-align: left; /*rtl*/ } .ts-ipad-alignright{ text-align: right; /*rtl*/ } .hidden-ipad-portrait{display: none !important;} .visible-ipad-portrait{display: block !important;} /*** HEADER ***/ .ts-header .menu-wrapper nav > ul.menu > li, .ts-header .menu-wrapper nav > ul > li { margin: 0 12px 0 0; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu li:before, .main-menu-sidebar-wrapper nav > ul li:before{ margin-right: 5px; /*rtl*/ } .header-v2 .header-middle > .container, .header-v6 .header-middle > .container{ padding-bottom: 64px; } .header-v2 .is-sticky .header-middle > .container, .header-v6 .is-sticky .header-middle > .container{ padding-bottom: 10px; } .header-v2 .header-middle .search-content input[type="text"], .header-v3 .header-middle .search-content input[type="text"], .header-v6 .header-middle .search-content input[type="text"]{ height: 42px; } .header-v2 .header-middle .ts-search-by-category, .header-v6 .header-middle .ts-search-by-category{ position: absolute; left: 20px; /*rtl*/ right: 20px; /*rtl*/ bottom: 14px; margin: 0 !important; transition: 350ms ease; } .header-v2 .sticky-wrapper.is-sticky .header-sticky .ts-search-by-category, .header-v6 .sticky-wrapper.is-sticky .header-sticky .ts-search-by-category{ opacity: 0; visibility: hidden; } .header-v2 .header-middle .header-right > .header-contact{ max-width: 100%; } .header-middle .header-right > .ts-header-social-icons{ margin-right: 5px; /*rtl*/ } .header-middle .ts-header-social-icons ul li{ padding: 0 7px; } .header-v5 .header-top .header-contact{ padding-left: 20px; padding-right: 20px; } .ts-store-notice > .container{ padding-left: 20px; /*rtl*/ } .header-v7 .language-currency { padding-right: 20px; /*rtl*/ margin-right: 10px; /*rtl*/ } .header-v7 .language-currency > div { margin-left: 15px; /*rtl*/ } .header-v7 .header-middle .header-right > .ts-header-social-icons { margin-right: 0; /*rtl*/ } .header-v7 .header-middle .ts-header-social-icons ul li { padding: 0 4px; } .header-v3 .header-top .ts-header-social-icons{ display: none; } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:before, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li > a, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li > a { padding-top: 8px; padding-bottom: 8px; } .header-v3 .ts-header .header-middle .header-right .search-menu-wrapper { left: 20px; right: 20px; } .header-v3 .header-middle .header-right > .ts-header-social-icons { display: flex; } .header-v3 .sticky-wrapper.is-sticky .header-middle .header-right > .ts-header-social-icons{ display: none; } .header-v3 .header-middle{ border-width: 0; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a{ padding-right: 28px; /*rtl*/ padding-left: 28px; /*rtl*/ } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child:before, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child:before{ left: 28px; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child > a, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child > a { padding-left: 25px; padding-right: 25px; } .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li:first-child[class*=fa] > a, .ts-header .header-middle .header-right .menu-wrapper nav > ul > li:first-child[class*=fa] > a{ padding-left: 50px; /*rtl*/ } .ts-product-category-wrapper.style-default:not(.auto-width) .products .product-category .product-wrapper > a{ height: 200px; } .ts-product-category-wrapper.style-default:not(.auto-width) .products .product-category .product-wrapper > a img{ max-width: 80%; } /*** FOOTER ***/ footer .ts-social-icons .social-icons > ul{ margin: 0 -6px; } footer .ts-social-icons .social-icons li{ margin: 5px 6px !important; } .footer-container h3[style*="line-height: 36px"]{ margin-top: -5px; } /*** PRODUCT DETAIL ***/ .woocommerce div.product .woocommerce-tabs .panel{ padding: 20px; } .woocommerce-tabs .panel.woocommerce-Tabs-panel--description img.alignright{ margin-right: -20px !important; max-width: 50%; } .woocommerce-tabs .panel .ul-style-none.style-horizontal.has-border li { font-size: 85%; } .woocommerce-tabs .panel .block-image-2-columns li a.h4{ font-size: 100%; } .woocommerce #content div.product.summary-2-columns div.images, .woocommerce div.product.summary-2-columns div.images, .woocommerce-page #content div.product.summary-2-columns div.images, .woocommerce-page div.product.summary-2-columns div.images, .woocommerce #content div.product.summary-2-columns div.summary, .woocommerce div.product.summary-2-columns div.summary, .woocommerce-page #content div.product.summary-2-columns div.summary, .woocommerce-page div.product.summary-2-columns div.summary, .woocommerce #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.images, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.images, woocommerce-page #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.images, .woocommerce-page #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.images, .woocommerce #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.summary, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.summary, woocommerce-page #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.summary, .woocommerce-page #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.summary, .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.images, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.images, .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.summary{ float: none; width: 100%; } .woocommerce #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce #main-content.ts-col-24 div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 #content div.product.images-summary-background div.summary, .woocommerce-page #main-content.ts-col-24 div.product.images-summary-background div.summary { margin: 30px 0 0; /*rtl*/ } .woocommerce #content div.product.summary-2-columns div.summary, .woocommerce div.product.summary-2-columns div.summary, .woocommerce-page #content div.product.summary-2-columns div.summary, .woocommerce-page div.product.summary-2-columns div.summary, .woocommerce #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.summary, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.summary, woocommerce-page #main-content.ts-col-24 #content div.product:not(.summary-2-columns).tabs-in-summary div.summary, .woocommerce-page #main-content.ts-col-24 div.product:not(.summary-2-columns).tabs-in-summary div.summary{ padding-left: 0; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li > div.comment_container { padding: 20px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images{ width: 100%; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 33.3333%; position: static; order: 1; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ width: 66.6667%; padding-bottom: 20px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items, #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ padding-left: 20px; /*rtl*/ } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"] { min-width: 180px; } #main-content.ts-col-24 div.product .yith-wfbt-section .yith-wfbt-images td { border-bottom-width: 1px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary form.cart .button{ width: auto; min-width: 200px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart { margin-right: 0; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart .variations, .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart .group_table{ width: 100%; } .ul-style-none.style-horizontal li { display: block; margin: 0 0 15px 0; } .ts-product-attribute div.option:not(.color) a { padding: 0 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce div.product.tabs-in-summary #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 90px; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ left: 200px; /*rtl*/ } /*** Dokan Tabs ***/ #tab-more_seller_product .products .product{ width: 33.33333%; } #tab-more_seller_product .products .product:nth-child(4n+1){ clear: none; border-left-width: 0; /*rtl*/ } #tab-more_seller_product .products .product:nth-child(3n+1){ clear: both; border-left-width: 1px; /*rtl*/ } #main-content.ts-col-18 #tab-more_seller_product .products .product{ width: 50%; } #main-content.ts-col-18 #tab-more_seller_product .products .product:nth-child(4n+1), #main-content.ts-col-18 #tab-more_seller_product .products .product:nth-child(3n+1){ clear: none; border-left-width: 0; /*rtl*/ } #main-content.ts-col-18 #tab-more_seller_product .products .product:nth-child(2n+1){ clear: both; border-left-width: 1px; /*rtl*/ } /*** SHOPPING CART ***/ .woocommerce .woocommerce-cart-form{ width: 60%; } .woocommerce-cart article .woocommerce .cart-collaterals{ width: 40%; } .woocommerce table.shop_table_responsive.cart thead, .woocommerce-page table.shop_table_responsive.cart thead { display: none; } .woocommerce table.shop_table_responsive.cart tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive.cart tbody tr:first-child td:first-child { border-top: 0 } .woocommerce table.shop_table_responsive.cart tbody th, .woocommerce-page table.shop_table_responsive.cart tbody th, .woocommerce table.shop_table_responsive.cart tr td.actions::before, .woocommerce table.shop_table_responsive.cart tr td.product-remove::before, .woocommerce-page table.shop_table_responsive.cart tr td.actions::before, .woocommerce-page table.shop_table_responsive.cart tr td.product-remove::before { display: none; } .woocommerce table.shop_table_responsive.cart tr, .woocommerce-page table.shop_table_responsive.cart tr { display: block; } .woocommerce table.shop_table_responsive.cart tr td, .woocommerce-page table.shop_table_responsive.cart tr td { display: block; text-align: right!important;/* rtl */ } .woocommerce table.shop_table_responsive.cart tr td.order-actions, .woocommerce-page table.shop_table_responsive.cart tr td.order-actions { text-align: left!important;/* rtl */ } .woocommerce table.shop_table_responsive.cart .product-thumbnail, .woocommerce-page table.shop_table_responsive.cart .product-thumbnail { display: block; text-align: center !important; } .woocommerce table.shop_table_responsive.cart tr td::before, .woocommerce-page table.shop_table_responsive.cart tr td::before { content: attr(data-title); font-weight: 700; float: left;/* rtl */ } .woocommerce table.shop_table_responsive.cart tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive.cart tr:nth-child(2n) td , body.woocommerce table.shop_table_responsive tr:nth-child(2n) td, body.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background-color: transparent; } body.woocommerce .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td, body.woocommerce-page .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td{ text-align: left !important; } .woocommerce table.shop_table_responsive.cart tbody tr:not(:last-child), .woocommerce-page table.shop_table_responsive.cart tbody tr:not(:last-child){ border-width: 1px; border-style: solid; border-radius: 4px; overflow: hidden; padding: 0 20px; margin-bottom: 10px; } .woocommerce table.shop_table_responsive.cart tbody tr td, .woocommerce-page table.shop_table_responsive.cart tbody tr td{ border-width: 0 0 1px !important; border-style: solid; padding-left: 0; padding-right: 0; } .woocommerce table.shop_table_responsive.cart tbody tr td:last-child, .woocommerce-page table.shop_table_responsive.cart tbody tr td:last-child{ border-width: 0 !important; } .woocommerce table.shop_table_responsive.cart tr td::before, .woocommerce-page table.shop_table_responsive.cart tr td::before{ margin-right: 5px; /*rtl*/ } .woocommerce table.shop_table td.product-quantity .quantity{ display: inline-block; vertical-align: middle; } .woocommerce table.shop_table tbody td.actions{ padding: 20px 0 0; } .woocommerce-cart table.cart td.actions .coupon{ width: 100%; margin-bottom: 10px; } .woocommerce-page table.cart td.actions .coupon .button{ width: auto; min-width: 145px; } .woocommerce table.cart td.actions > .button, .woocommerce-page table.cart td.actions > .button{ width: calc( 50% - 5px); display: inline-block; vertical-align: top; } .woocommerce table.cart td.actions > .button.empty-cart-button, .woocommerce-page table.cart td.actions > .button.empty-cart-button{ margin-left: 0; /*rtl*/ } .woocommerce-cart .cart-collaterals .cart_totals > h2{ padding-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals:before{ top: 25px; } /*** CHECKOUT ***/ .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 100%; float: none; margin-right: 0; /*rtl*/ } /*** MAIN CONTENT ***/ .page-container{ padding-left: 5px; padding-right: 5px; } .ts-header .container, .footer-container .container, .shop-bottom-content .container, .product-bottom-content .container, .breadcrumb-title-wrapper .breadcrumb-content{ padding-left: 20px; padding-right: 20px; } .woocommerce.columns-8 .products .product, .woocommerce.columns-7 .products .product, .woocommerce.columns-6 .products .product, .woocommerce.columns-5 .products .product{ width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .columns-2 #main-content.ts-col-18 .list-posts article, .columns-2 #main-content.ts-col-12 .list-posts article{ width: 100%; } .columns-2 #main-content.ts-col-18 .list-posts article:after, .columns-2 #main-content.ts-col-12 .list-posts article:after, .columns-3 #main-content.ts-col-18 .list-posts article:after, .columns-3 #main-content.ts-col-12 .list-posts article:after{ width: calc(100% - 20px); left: 10px; /*rtl*/ } .banner-radius .wpb_text_column img.logo{ max-width: 168px; } .ts-testimonial-wrapper .shortcode-heading-wrapper img { height: 16px; margin-top: 6px; } .rounds-absolute .vc_inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; text-align: center; } .rounds-absolute .vc_inner .wpb_column:first-child{ order: 1; } .commentlist ol.children { border-width: 0 0 0 20px; /*rtl*/ } .language-currency { padding-right: 25px; /*rtl*/ margin-right: 10px; /*rtl*/ } body.error404 article div.not-found h1{ font-size: 120px; line-height: 120px; } body.error404 article div.not-found h5{ font-size: 26px; line-height: 30px; } body.error404 article div.not-found p{ font-size: 100%; line-height: inherit; } .vc_col-sm-12.vc_col-lg-4.vc_col-md-4 .vc_sep_width_90{ width: 100%; } .vc_col-sm-12.vc_col-lg-4.vc_col-md-4 .vc_custom_heading.h1-big br{ display: none; } .wpb_text_column.ipad-reset-padding-left p{ padding-left: 0 !important; /*rtl*/ } /*** SHORTCODE ***/ .style-default .products .product-category .meta-wrapper h3.heading-title{ line-height: 22px !important; } .style-default .products .product-category .meta-wrapper{ top: 15px; left: 15px; /*rtl*/ } .woocommerce.columns-7 .ts-product-category-wrapper.style-icon .products .product{ width: 20%; } .ts-product-category-wrapper.style-default.auto-width .products .product-category { min-height: 236px; } .ts-product-category-wrapper.style-default:not(.auto-width).ts-slider .products .product-category{ min-height: 220px; } .ts-image-gallery-wrapper.columns-5 .images .item, .ts-image-gallery-wrapper.columns-6 .images .item{ width: 25%; } .ts-image-gallery-wrapper.columns-5 .images .item.first, .ts-image-gallery-wrapper.columns-6 .images .item.first{ clear: none; } .ts-image-gallery-wrapper.columns-5 .images .item:nth-child(4n+1), .ts-image-gallery-wrapper.columns-6 .images .item:nth-child(4n+1){ clear: both; } .ts-testimonial-wrapper.columns-3 .items:not(.owl-carousel), .ts-testimonial-wrapper.columns-4 .items:not(.owl-carousel), .ts-testimonial-wrapper.columns-5 .items:not(.owl-carousel){ -webkit-columns: 2; -moz-columns: 2; columns: 2; } .vc_row .wpb_column.fix-margin{ margin-left: 10px; margin-right: 10px; width: calc(100% - 25px); } } @media only screen and (max-width: 1279px) and (min-width: 991px){ .product .counter-wrapper > div{ margin: 0 2px; } .product .counter-wrapper span.number > span{ min-width: 18px; } .product .counter-wrapper .ref-wrapper, .product .counter-wrapper > div .number{ font-size: 14px; } .product .counter-wrapper > div:not(:last-child):after{ right: -7px; /*rtl*/ } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns div.summary { padding-right: 310px; /*rtl*/ } .woocommerce div.product.summary-2-columns div.summary .summary-column-2 form.cart .variations select{ min-width: 220px; } .woocommerce #main-content.ts-col-24 div.product.summary-2-columns .summary-column-2{ width: 280px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) div.summary form.cart .button{ width: 130px; } .woocommerce #main-content.ts-col-24 div.product:not(.summary-2-columns):not(.images-summary-background) form.cart { margin-right: 240px; /*rtl*/ } .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul.menu > li .ts-menu-drop-icon, .header-v3 .ts-header .header-middle .header-right .menu-wrapper nav > ul > li .ts-menu-drop-icon{ top: 14px; } .footer-container .mobile-reset-border > .vc_column-inner { margin-left: 0 !important; } .ts-testimonial-wrapper .item .author-role .author, .ts-testimonial-wrapper .item .author-role .role, .ts-testimonial-wrapper .item .author-role .date { display: block; } } @media only screen and (max-width: 1279px) and (min-width: 768px){ .is-sticky .header-sticky .has-icon-menu-sticky-header > .container{ position: relative; padding-right: 64px; /*rtl*/ } .is-sticky .header-sticky .has-icon-menu-sticky-header > .container > .icon-menu-sticky-header{ position: absolute; top: 50%; transform: translateY(-50%); right: 16px; /*rtl*/ } .is-sticky .header-sticky .has-icon-menu-sticky-header > .container .icon-menu-sticky-header svg{ margin-right: 0; /*rtl*/ } .ts-col-18 .commentlist li.comment div.avatar{ width: 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ts-col-18 .commentlist li.comment .comment-detail{ width: 75%; } .ts-col-18 .commentlist li.comment .avatar img{ margin: 0 0 10px 0; /*rtl*/ } .related-posts .container { padding-left: 30px; padding-right: 30px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 64px; } header .sticky-wrapper.is-sticky .header-sticky .header-top{ display: none !important; } .mobile-menu-wrapper{ padding: 60px 40px; } .vc_col-sm-2 .ts-banner .banner-wrapper .ts-banner-button a, .vc_col-sm-4 .ts-banner .banner-wrapper .ts-banner-button a, .vc_col-sm-3 .ts-banner .banner-wrapper .ts-banner-button a{ padding: 6px 15px; } } @media only screen and (max-width: 991px) and (min-width: 768px){ .header-v2 .header-middle .language-currency, .header-v4 .header-middle .language-currency{ padding-right: 25px; /*rtl*/ margin-right: 15px; /*rtl*/ } .header-v2 .header-middle .language-currency > div, .header-v4 .header-middle .language-currency > div{ margin-left: 15px; /*rtl*/ } /*** MAIN CONTENT ***/ .vc_col-sm-6 .woocommerce.columns-4 .products .product, .vc_col-sm-7 .woocommerce.columns-4 .products .product, .vc_col-sm-8 .woocommerce.columns-4 .products .product, .vc_col-sm-9 .woocommerce.columns-4 .products .product{ width: 50%; } .ts-col-18 .wp-block-media-text{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*** SHOP ***/ .product-style-4 #main-content.ts-col-24 .woocommerce.main-products:not(.columns-1) > .products .product .meta-wrapper-2 .loop-add-to-cart .button{ min-width: 110px; padding-left: 10px; padding-right: 10px; } .product-style-5 #main-content.ts-col-18 .main-products.columns-4 .product .meta-wrapper-2 .loop-add-to-cart .button, .product-style-6 #main-content.ts-col-18 .main-products.columns-4 .product .meta-wrapper-2 .loop-add-to-cart .button{ padding-left: 0; padding-right: 0; } /*** PRODUCT DETAIL ***/ div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items{ width: 70%; padding: 17px 20px; } div.product .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block{ width: 30%; padding: 17px 20px 20px 0; } #main-content.ts-col-12 .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"], #main-content.ts-col-18 .yith-wfbt-section .yith-wfbt-submit-block input[type^="submit"]{ min-width: 0; } .widget-container ul.product_list_widget li { padding: 25px 15px; } /*** SHORTCODE ***/ .group-features .ts-feature-wrapper.horizontal-icon .feature-content, .group-features .ts-feature-wrapper.horizontal-image .feature-content{ flex-direction: column; width: 100%; } .group-features .ts-feature-wrapper.horizontal-icon .feature-header, .group-features .ts-feature-wrapper.horizontal-image .feature-header{ width: 100%; } .group-features .horizontal-icon a.feature-icon, .group-features .horizontal-image a.feature-icon{ margin: 0 0 12px 0; /*rtl*/ } } @media only screen and (max-width: 768px){ .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{ display: block; text-align: center !important; } .woocommerce #content table.cart .product-thumbnail:before, .woocommerce table.cart .product-thumbnail:before, .woocommerce-page #content table.cart .product-thumbnail:before, .woocommerce-page table.cart .product-thumbnail:before{ display: none; } .woocommerce table.shop_table tbody td { padding: 15px 0; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td{ padding: 15px 0; border-width: 0 0 1px; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td:last-child{ border-width: 0; } .woocommerce-MyAccount-content table.account-orders-table tbody tr{ border-width: 1px; border-style: solid; border-radius: 4px; overflow: hidden; padding: 0 20px; margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child, .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td, .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr td { display: block; text-align: right !important; border-top: 0; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child:before, .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { content: attr(data-title); float: left; font-weight: 600; font-size: 0.93em; display: block !important; } } @media only screen and (min-width: 500px) and (max-width: 1279px){ .md-dont-change-state .mailchimp-subscription input[type="email"]{ width: auto; min-width: 300px; margin-bottom: 0; } } @media only screen and (max-width: 767px) and (min-width: 376px){ /*** GROUP ICONS BOTTOM (increase bar height in large mobile screen ) ***/ .ts-group-icons-header{ height: 54px; /*bottom-bar height*/ } .ts-group-icons-header .my-account-wrapper:hover .dropdown-container, .ts-group-icons-header .shopping-cart-wrapper:hover .dropdown-container, .ts-group-icons-header .shopping-cart-wrapper.active .dropdown-container{ bottom: 54px; /*bottom-bar height*/ } .ts-group-icons-header ~ footer > .footer-container{ margin-bottom: 54px; /*bottom-bar height*/ } body.header-v1 #to-top, body.header-v2 #to-top, body.header-v4 #to-top, body.header-v7 #to-top{ bottom: 64px; } #page > .image-banner-footer{ bottom: 54px; } }