/* Theme Name: Drile Theme URI: http://demo.theme-sky.com/drile/ Author: Theme Sky Team Author URI: http://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.6.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: drile */ /* I. HEADER 1. MENU 2. HEADER TOP 3. HEADER MIDDLE II. MAIN CONTENT 1. BREADCRUMB 2. LOADING 3. BUTTONS 4. EFFECT IMAGE 5. GALLERY IMAGE 6. RELATED BOX 7. SLIDER 8. CONTACT US 9. BLANK PAGE 10. SLIDER CONTROLS 11. 404 PAGE 12. SEARCH NO RESULTS 13. CUSTOM DRILE 14. 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. FILTER BY MATERIAL 8. WIDGET LIST PRODUCT 9. WIDGET CALENDAR 10. WIDGET SEARCH 11. WIDGET BLOG 12. WIDGET RECENT COMMENTS 13. WIDGET SOCIAL 14. WIDGET RSS 15. WIDGET COMPARE 16. WIDGET PRODUCT CATEGORIES 17. WIDGET TWITTER 18. WIDGET TS SINGLE IMAGE 19. WIDGET CATEGORIES 20. WIDGET FILTER AVAILABILITY 21. WIDGET INSTAGRAM 22. WIDGET FACEBOOK 23. WIDGET FILTER BY RATING 24. WIDGET MAILCHIMP 25. WIDGET PRODUCT FILTER BY BRAND 26. WIDGET TS FILTER BY PRICE 27. WIDGET NAV MENU 28. WIDGET ARCHIVES V. PRODUCT DEFAULT 1. PRODUCT METAS 2. PRODUCT LABEL 3. GROUP BUTTON ON THUMBNAIL VI. CATEGORIES PRODUCT VII. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT THUMBNAIL 3. PRODUCT SUMMARY VIII. CHECK OUT IX. SHOPPING CART X. POPUP/MODAL XI. MINI SHORTCODE XII. WOOCOMMERCE MESSAGE XIII. MY ACCOUNT XIV. WISHLIST XV. BLOG 1. BLOG DETAIL 2. PORTFOLIO DETAIL XVI. CLOUD ZOOM XVII. IPAD RESPONSIVE */ .ts-sidebar:after, .menu-wrapper nav > ul.menu:after, header:after, .header-container:after, div#main:after, .ts-megamenu-container:after, .container:after, div.content-wrapper:after, .page-container:after{ display: table; content: ""; clear: both; } .ts-header .container, footer .container{ padding-left: 30px; padding-right: 30px; } .page-container{ min-height: 400px; padding-top: 0; padding-bottom: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: inherit; } .hightlight{ font-weight: bold; } body #pp_full_res{ line-height: 26px !important; } ol li, ul li{ line-height: 22px;/* default */ } dt, dd, .woocommerce form .form-row label{ line-height: 18px;/* default */ } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4,.h5, .h6{ margin: 0 0 18px 0; } /*------------------------------------------------------------- SPACING --------------------------------------------------------------*/ #main > .page-container{ padding-top: 100px; } .woocommerce-cart #main > .page-container{ padding-top: 90px; } #main > .page-container.show_breadcrumb_v1{ padding-top: 22px; } .header-transparent #main > .page-container, #main > .breadcrumb-title-wrapper.no-title ~ .page-container.show_breadcrumb_v1, body.woocommerce.archive #main > .page-container.show_breadcrumb_v1, #main > .page-container.show_breadcrumb_v2{ padding-top: 0; } body.woocommerce-checkout #main > .page-container.show_breadcrumb_v1{ padding-top: 29px; } body.woocommerce-checkout #main > .breadcrumb-title-wrapper.no-title ~ .page-container.show_breadcrumb_v1, body.woocommerce-checkout #main > .page-container.show_breadcrumb_v2{ padding-top: 7px; } /*** Container Spacing ***/ .woocommerce-account #primary .woocommerce, .single .entry-header .entry-format, article.single > .entry-author, .ts-pagination, .woocommerce form.track_order, .woocommerce div.product div.images-thumbnails, .woocommerce div.product div.summary, .woocommerce.woocommerce-page .cross-sells, .woocommerce.woocommerce-page .up-sells, .woocommerce.woocommerce-page .related, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information, .woocommerce div.product div.images-thumbnails, .woocommerce .after-loop-wrapper:not(:empty), .woocommerce-cart article .woocommerce .cart-collaterals, #main > .page-container.blog-template .site-content > .list-posts:first-child:last-child{ margin-bottom: 100px; } .woocommerce .woocommerce-cart-form, article.single > .related-posts, article.single > .comments-area, body.page:not(.woocommerce) .site-content > .comments-area:last-child{ margin-bottom: 90px; } .commentlist + #comment-wrapper{ margin-top: 90px; } body.page:not(.woocommerce) .site-content > .comments-area{ margin-top: 66px; } .woocommerce div.product .woocommerce-tabs{ margin-bottom: 70px; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related, .single .entry-header .entry-title-left, .ts-product-category-banner-wrapper .category-item:not(:last-child), article.single > .entry-content{ margin-bottom: 80px; } .entry-author{ margin-top: 130px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin-top: 100px; } .single-portfolio .ts-portfolio-wrapper{ margin-top: 80px; margin-bottom: 100px; } /*** Heading Spacing ***/ .ts-heading, .ts-shortcode .heading-tab, .vc_custom_heading, .vc_custom_heading.vc_do_custom_heading, .heading-shortcode, .theme-title, .cross-sells, .up-sells, .related, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .ts-shortcode .shortcode-heading-wrapper, .ts-heading.style-multiple-heading, .ts-product-in-category-tab-wrapper.style-horizontal .column-tabs, .ts-shortcode.ts-product-in-product-type-tab-wrapper .column-tabs{ margin: 0 0 50px 0; } .heading-wrapper{ margin: 0 0 22px 0; } .ts-shortcode .heading-tab .heading-title{ margin-bottom: 0; } .ts-shortcode.ts-product-in-product-type-tab-wrapper .heading-tab, .ts-heading.style-multiple-heading.mg-bottom-short, .ts-shortcode.style-horizontal .heading-tab{ margin: 0 0 20px 0; } /*------------------------------------------------------------- ICONS --------------------------------------------------------------*/ .search-button .icon:before, .widget_display_search > form > div:before, .widget_search > form .search-button:before, .widget_product_search > form:before, .error404 .search-table .search-button:before, .ts-search-by-category .search-button:before, .shopping-cart-wrapper a > .ic-cart:before, .ts-tiny-account-wrapper .account-control:before, .header-language .wpml-ls > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after, .header-middle .my-wishlist-wrapper > a:before, .cart-dropdown-form .form-content > label:before, body .woocommerce .cart-empty.woocommerce-info:before, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, .zoom-in-out-button a.zoom-in:after, .zoom-in-out-button a.zoom-out:after, .woocommerce .woocommerce-ordering .orderby-current:after, .woocommerce table.shop_table .product-remove a:before, .wc-proceed-to-checkout .button.continue-shopping:after, body .select2-search--dropdown:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b: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, span.ts-menu-drop-icon:before, .ts-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle: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, .entry-meta-top .comment-count:before, .breadcrumb-title-wrapper .brn_arrow:before, .owl-nav > div:before, .prev-button:before, .next-button:before, .single-navigation-1 a:before, .single-navigation-2 a:after, .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, .ts-banner.style-category .banner-wrapper .banner-bg:after, .search-no-results .blog-template .alert:before, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after, html body > h1 a.close:before, body #cboxClose:after, body .pp_pic_holder a.pp_close:after, body .pp_pic_holder a.pp_expand:after, body .pp_pic_holder a.pp_contract:after, #to-top a:before, .widget-title-wrapper a.block-control:after, .widget_categories > ul li.cat-parent > span.icon-toggle:before, ul.info-content li:before, .vertical-button-icon .subscribe-email .button:before, .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, .ts-add-to-wishlist:before, .ts-add-to-compare:before, .product-group-button > div a:before, .product-group-button-meta > div a:before, .product-group-button > div.wishlist a:before, .product-group-button-meta > div.wishlist a:before, .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before, div.product .summary a.compare:before, .counter-wrapper:before, .filter-widget-area-button a:after, .has-icon a:after, .list-posts .entry-meta-top .date-time:before, .entry-header .entry-meta-top .date-time:before, .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{ font-family: 'Linearicons-Free'; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, body .wc-block-components-notice-banner__content:before, #ts-ajax-add-to-cart-message:before, .mailchimp-subscription .mc4wp-error:before, .mailchimp-subscription .mc4wp-success:before, .portfolio-inner .icon-group a:before, .portfolio-like .ic-like:before, .comment-meta .edit:before, .comment-meta .reply:before, .threesixty .nav_bar a:before, .ts-add-to-wishlist.added:before, .product-group-button > div.wishlist a.added:before, .product-group-button-meta > div.wishlist a.added:before, .ts-instagram-wrapper .item > a:after, .ts-social-icons .social-icons:not(.style-vertical) .ts-tooltip:before, div.product .single-navigation > a > span:before, .widget_recent_comments ul li .comment-author-link: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; } /*** Header Icons ***/ .shopping-cart-wrapper a > .ic-cart:before{ content: '\e82e'; } .widget_display_search > form > div:before, .widget_search > form .search-button:before, .widget_product_search > form:before, .error404 .search-table .search-button:before, .ts-search-by-category .search-button:before, body .select2-search--dropdown:before, .search-button .icon:before{ content: "\e86f"; } .search-button.active .icon:before{ content: "\e870"; } .ts-tiny-account-wrapper .account-control:before{ content: "\e82a"; } .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, .header-v8 .group-meta .header-language .wpml-ls-legacy-dropdown > ul > li > a.active:after, .header-v8 .group-meta .header-language .wpml-ls-legacy-dropdown-click > ul > li > a.active:after, .header-v8 .group-meta .header-currency .wcml_currency_switcher > a.active:after{ content: '\e874'; } .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, .header-v8 .group-meta .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-v8 .group-meta .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after, .header-v8 .group-meta .header-currency .wcml_currency_switcher > a:after{ content: "\e873"; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, body .woocommerce .cart-empty.woocommerce-info:before, .cart-dropdown-form .form-content > label:before{ content: "\e82e"; } .header-middle .header-right .my-wishlist-wrapper > a:before{ content: "\e813"; } /*** Remove/Close ***/ .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{ content: "\e870"; } body .pp_pic_holder a.pp_contract:after{ content: "\e88d"; } body .pp_pic_holder a.pp_expand:after{ content: "\e88c"; } /*** Shop Filters ***/ .zoom-in-out-button a.zoom-out:after{ content: "\e881";/* rtl */ } .zoom-in-out-button a.zoom-in:after{ content: "\e882";/* rtl */ } /*** Product Group Buttons ***/ .ts-add-to-compare:before, .product-group-button > div.compare a:before, .product-group-button-meta > div.compare a:before{ content: "\e862"; } .product-group-button > div.loop-add-to-cart a:before, .product-group-button-meta > div.loop-add-to-cart a:before, .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button:before{ content: "\e82e"; } .ts-add-to-compare.added:before, .product-group-button > div.compare a.added:before, .product-group-button-meta > div.compare a.added:before, div.product .summary a.compare.added:before{ content: "\e88c"; } .product-group-button > div.quickshop a:before{ content: "\e81b"; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before{ content: "\e87f"; } .ts-add-to-wishlist:before, .product-group-button > div.wishlist a:before, .product-group-button-meta > div.wishlist a:before{ content: "\e813"; } .portfolio-like .ic-like:before, .portfolio-inner .icon-group a:before{ content: "\f004"; } .ts-add-to-wishlist.added:before, .product-group-button > div.wishlist a.added:before, .product-group-button-meta > div.wishlist a.added:before, .portfolio-like .ic-like.already-like:before, .portfolio-inner .icon-group a.already-like:before{ content: "\f004"; font-weight: 900; } /*** Rating ***/ .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: "\e814\e814\e814\e814\e814"; } .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: "\e814"; } /*** Breadcrumb ***/ .breadcrumb-title-wrapper .brn_arrow:before{ content: '\e876'; } /*** 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: "\e879";/* rtl */ } .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, .has-icon a:after, .ts-banner.style-category .banner-wrapper .banner-bg:after{ content: "\e87a";/* rtl */ } .prev-button:before, .owl-nav > div.owl-prev:before{ content: "\e875";/* rtl */ } .next-button:before, .owl-nav > div.owl-next:before{ content: "\e876";/* rtl */ } 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; } /*** Post Meta ***/ .entry-meta-top .comment-count:before{ content: '\e83f'; } .list-posts .entry-meta-top .date-time:before, .entry-header .entry-meta-top .date-time:before{ content: "\e864"; } .widget_categories > ul li.cat-parent > span.icon-toggle:before{ content: "\e874"; } .widget_categories > ul li.cat-parent.active > span.icon-toggle:before { content: "\e873"; } /*** Sidebar ***/ span.ts-menu-drop-icon:before, .widget-title-wrapper a.block-control:after, .woocommerce .woocommerce-ordering .orderby-current:after, .ts-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ content: '\e874'; } span.ts-menu-drop-icon.active:before, .woocommerce .woocommerce-ordering .orderby-current.active:after, .ts-product-categories-widget ul.product-categories li.cat-parent.active > span.icon-toggle:before, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: "\e873"; } .header-v8 .header-middle .ts-menu ul li .ts-menu-drop-icon:before{ content: '\e876'; } /*** 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 ***/ .vertical-button-icon .subscribe-email .button:before{ content: '\e835'; } .ts-instagram-wrapper .item > a:after{ content: '\f16d'; font-family: "Font Awesome 5 Brands"; } /*** Woocommerce Info ***/ body .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content:before, .woocommerce-error:before, .woocommerce .woocommerce-error:before, #ts-ajax-add-to-cart-message.error:before, .mailchimp-subscription .mc4wp-error:before{ content: "\f057"; font-weight: 900; } body .wc-block-components-notice-banner.is-warning .wc-block-components-notice-banner__content:before, .woocommerce-warning::before, .woocommerce .woocommerce-warning::before, #ts-ajax-add-to-cart-message.warning:before{ content: "\f06a"; font-weight: 900; } body .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content:before, .woocommerce-info::before, .woocommerce .woocommerce-info::before, #ts-ajax-add-to-cart-message.info:before, .woocommerce-message::before, .woocommerce .woocommerce-message:before, #ts-ajax-add-to-cart-message:before{ content: "\f05a"; font-weight: 900; } .mailchimp-subscription .mc4wp-success:before{ content: "\f058"; font-weight: 400; } #to-top a:before{ content: '\e883'; } .wc-proceed-to-checkout .button.continue-shopping:after{ content: '\e87a'; } .search-no-results .blog-template .alert:before{ content: '\e87c'; } .comment-meta .edit:before{ content: "\f044"; } .comment-meta .reply:before{ content: "\f3e5"; 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 */ } .counter-wrapper:before{ content: "\e864"; } body table.compare-list tr.stock span:before { content: "\e87f"; } .filter-widget-area-button a:after{ content: "\e88a"; } .ts-social-icons .social-icons:not(.style-vertical) .ts-tooltip:before{ content: "\f0d7"; font-weight: 900; } /*------------------------------------------------------------- I. HEADER --------------------------------------------------------------*/ /*** STICKY MENU ***/ header .logo img{ vertical-align: baseline; transition: 350ms ease 0s; } .header-sticky{ position: relative; z-index: 993; width: 100%; } .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 1s ; /* Chrome, Safari, Opera */ -moz-animation: animation_fade 1s; animation: animation_fade 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 450ms ease 0s; } .header-v8 header .sticky-wrapper.is-sticky .header-sticky{ -webkit-animation: none; /* Chrome, Safari, Opera */ -moz-animation: none; animation: none; transition: none; } header .sticky-wrapper.is-sticky .header-sticky .logo-wrapper{ height: 60px; } .sticky-wrapper.is-sticky .header-sticky > .container{ padding-top: 10px; padding-bottom: 10px; } .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container, .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container{ padding-top: 65px; } .ts-header .is-sticky .menu-wrapper nav > ul.menu li ul.sub-menu { padding-top: 48px; } .ts-header .is-sticky .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu{ top: -40px; } .ts-header .is-sticky .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ padding-top: 35px; padding-bottom: 35px; } .sticky-wrapper.is-sticky .header-currency ul{ padding-top: 44px; } .sticky-wrapper.is-sticky .menu-wrapper nav > ul.menu li ul.sub-menu:before{ top: 10px; } .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container:before, .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container:before{ top: 22px; } .sticky-wrapper.is-sticky .wcml_currency_switcher > ul:before, .sticky-wrapper.is-sticky .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before{ top: 28px; } header .menu-wrapper .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .menu-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .menu-wrapper .header-currency ul { padding-top: 52px; } #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; } /* Chrome, Safari, Opera */ @-webkit-keyframes mySticky{ from{ margin-top: -200px; } to{ margin-top: 0; } } /* Standard syntax */ @-moz-keyframes mySticky{ from{ margin-top: -200px; } to{ margin-top: 0; } } /* Standard syntax */ @keyframes mySticky{ from{ margin-top: -200px; } to{ margin-top: 0; } } .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:not(.menu-header-active) .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:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .header-language .wpml-ls > ul > li > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .header-currency .wcml_currency_switcher > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .search-button .icon:before, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .my-account-wrapper .ts-tiny-account-wrapper .account-control:before, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .my-wishlist-wrapper a:before, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .shopping-cart-wrapper a > .ic-cart:before, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .ts-group-meta-icon-toggle .icon{ color: #ffffff; } .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li > a .menu-label:before, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-item > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current_page_parent > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-parent > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current_page_item > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-menu-ancestor > a, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .header-middle .menu-wrapper nav > ul.menu > li.current-page-ancestor > a, .header-transparent.header-text-light:not(.menu-header-active) .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:not(.menu-header-active) .header-template > div:not(.is-sticky) .my-wishlist-wrapper > a .wishlist-number, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .shopping-cart-wrapper .cart-control .cart-number{ background-color: #ffffff; color: #202020; } .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .ts-group-meta-icon-toggle .icon span, .header-transparent.header-text-light:not(.menu-header-active) .header-template > div:not(.is-sticky) .ts-icon-toggle-header-top span{ background-color: #ffffff; } /*------------------------------------------------------------- 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{ display: block; position: relative; } nav > ul.menu > li > a .menu-label:before{ content: attr(data-hover); position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; max-width: 0; white-space: nowrap; transition: max-width .5s; } nav > ul.menu > li > a:hover .menu-label:before{ max-width: 100%; } header .menu-wrapper{ position: relative; } header .menu-wrapper .ts-menu{ text-align: left;/* rtl */ } header .menu-wrapper .ts-menu:after{ display: table; content: ""; clear: both; } li.hide ul.sub-menu{ display: none !important; } .home .woocommerce-message{ display: none !important; } .sub-menu .vc_tta-tab.vc_active > a{ cursor: pointer !important; } .sub-overflow ul.sub-menu, .item-more-categories ul.sub-menu{ overflow: hidden; } .ts-header .menu-wrapper nav > ul.menu li:before, .main-menu-sidebar-wrapper nav > ul li:before, .mobile-menu-wrapper nav > ul li:before{ font-family: 'Font Awesome 5 Free'; font-weight: 400; letter-spacing: 0; float: left;/* rtl */ z-index: 1; margin-right: 5px;/* rtl */ transition: 350ms ease 0s; } body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li:before, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li:before{ font-size: 24px; margin-top: 4px; } .ts-header .menu-wrapper nav > ul.menu li.fab:before, .main-menu-sidebar-wrapper nav > ul li.fab:before, .mobile-menu-wrapper nav > 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, .main-menu-sidebar-wrapper nav > ul li.fa:before, .main-menu-sidebar-wrapper nav > ul li.fas:before, .mobile-menu-wrapper nav > ul li.fa:before, .mobile-menu-wrapper nav > 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; text-align: left;/* rtl */ } .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 40px 0 0;/* rtl */ cursor: pointer; } .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: -15px; /*rtl*/ } .menu-desc{ font-size: 80%; line-height: 14px; margin-top: -2px; } header .logo-header a{ padding: 0; } header .logo-header a:before{ display: none !important; } .ts-header .menu-wrapper nav > ul.menu > li:last-child, .header-fullwidth.main-content-fullwidth header .menu-wrapper nav > ul.menu > li:last-child, .header-fullwidth header .menu-wrapper nav > ul.menu > li:last-child, .layout-fullwidth header .menu-wrapper nav > ul.menu > li:last-child{ padding-right: 0; /*rtl*/ margin-right: 10px; /*rtl*/ } .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: 20px; padding-bottom: 20px; } .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{ position: relative; width: 30px; height: 10px; display: inline-block; margin-right: 5px;/* rtl */ } .ts-header .menu-wrapper nav > ul.menu li .menu-icon img{ position: absolute; top: 50%; left: 0;/* rtl */ max-width: 100%; transform: translate(0,-50%); } .ts-header .menu-wrapper nav > ul.menu li .menu-desc{ text-transform: none; } .widget_nav_menu .menu-sub-label{ top: -10px; } .menu-sub-label{ position: absolute; left: 100%; /* rtl */ top: 3px; padding: 1px 2px; line-height: 13px; font-size: 65%; color: #ffffff; font-weight: normal; text-align: center; min-width: 35px; border-radius: 2px; } .mobile-menu .menu-sub-label{ top: -15px; } .sub-menu .menu-sub-label{ top: -12px; } .menu-sub-label:before{ width: 0; height: 0; border-top: 2px solid transparent; border-left: 4px solid transparent;/* rtl */ border-bottom: 7px solid transparent; transform: rotate(15deg); position: absolute; right: 50%;/* rtl */ margin-right: -3px;/* rtl */ content: ""; bottom: -5px; } /* SUB MENU */ .ts-menu-drop-icon{ position: absolute; right: -10px;/* rtl */ left: auto; top: 50%; line-height: 14px; width: 14px; transform: translate(0,-50%); } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ position: absolute; z-index: 999; left: -40px;/* rtl */ top: 100%; margin: 0; padding: 49px 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: 17px; right: 0; left: 0; bottom: 0; z-index: 1; box-shadow: 0 2px 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: 280px; padding: 32px 40px 32px 80px;/* rtl */ top: -30px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ width: 300px; } .ts-header .menu-wrapper ul ul.sub-menu li .ts-menu-drop-icon { right: 0; /* rtl */ } .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu{ top: -34px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child ul.sub-menu { top: -35px; } .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: 6px 0; position: relative; z-index: 2; display: block; margin: 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, header .header-currency ul li, header .header-language ul li, header .wpml-ls-legacy-dropdown a{ line-height: 26px; } .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.no-padding{ padding: 0 !important; min-width: 180px; } .list-link{ position: relative; z-index: 1; } .menu-wrapper nav .ts-megamenu .sub-menu li{ list-style: none; } .ts-menu nav .widgettitle{ margin: 10px 0 15px 0; position: relative; padding-bottom: 0; text-transform: uppercase; line-height: 1; } .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; } .list-link.has-margin{ margin-top: 40px; margin-bottom: 40px; } .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: 1170px; 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-columns-2 .ts-megamenu-widgets-container > ul, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 .ts-megamenu-widgets-container > ul, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 .ts-megamenu-widgets-container > ul{ margin: 0 -15px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul{ margin: 0 -20px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 .ts-megamenu-widgets-container > ul > li, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 .ts-megamenu-widgets-container > ul > li, .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 .ts-megamenu-widgets-container > ul > li{ padding: 0 15px; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li{ padding: 0 20px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li:nth-child(1){ width: 22%; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li:nth-child(2){ width: 30%; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image{ width: 48%; } .ts-header .menu-wrapper nav > ul.menu .ts-megamenu 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; } /*** Custom for Drile ***/ .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth > ul.sub-menu{ padding-top: 70px; padding-bottom: 60px; } .ts-header li.ts-megamenu-fullwidth .sub-menu > li > .ts-megamenu-static-html-container, .ts-header li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } .ts-header li.ts-megamenu-fullwidth .sub-menu > li > .ts-megamenu-static-html-container, .ts-header li.ts-megamenu-fullwidth-stretch .sub-menu > li > .ts-megamenu-container{ align-items: center; max-width: 1500px; } .ts-megamenu-static-html-container > .tab-heading{ width: 25%; padding-right: 10%; /*rtl*/ } .ts-megamenu-static-html-container > .tab-heading > span{ display: block; } .ts-megamenu-static-html-container > .tab-heading > span:first-child{ text-transform: uppercase; opacity: 0.8; } .ts-megamenu-static-html-container > .ts-home-tabs{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; } .ts-megamenu-static-html-container > .tab-heading + .ts-home-tabs{ width: 75%; } .ts-megamenu-static-html-container > .ts-home-tabs:after, .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content:after{ content: ''; display: table; clear: both; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items{ width: 45%; float: left; /*rtl*/ margin: 0; padding: 0; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items > li > a{ transform-origin: center left; transition: all 350ms ease-out; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items > li > a:not(:hover):not(.active){ transform: scale(0.6); opacity: 0.4; } .header-v8 .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items > li > a:not(:hover):not(.active){ transform: scale(1); opacity: 1; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content{ width: 55%; float: left; /*rtl*/ position: relative; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content > div > a{ display: inline-block; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content > div:not(.active) > a{ opacity: 0; visibility: hidden; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content > div.active{ z-index: 2; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content > div{ position: absolute; right: 0; /*rtl*/ } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content > div.active{ position: relative; float: right; /*rtl*/ } .ts-header li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li{ -webkit-box-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .ts-header li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image{ max-width: 45%; } .header-v8 .ts-header li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image{ max-width: none; } .ts-header li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image:first-child{ padding-right: 100px; /*rtl*/ } .ts-megamenu-widgets-container .widget.ts-single-image .ts-effect-image { text-align: initial; } .ts-header .menu-wrapper .ts-megamenu-container .wpb_button, .ts-header .menu-wrapper .ts-megamenu-container .wpb_content_element, .ts-header .menu-wrapper .ts-megamenu-container .vc_tta-container, .mobile-menu-wrapper .ts-megamenu-container .wpb_button, .mobile-menu-wrapper .ts-megamenu-container .wpb_content_element, .mobile-menu-wrapper .ts-megamenu-container .vc_tta-container{ margin-bottom: 0 !important; } .ts-floating-sidebar .main-menu-sidebar ul ul span.ts-menu-drop-icon, .mobile-menu ul ul span.ts-menu-drop-icon { top: 3px; } .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > a .menu-label:before{ display: none; } @media screen and (max-width: 1400px){ .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image{ max-width: 40%; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image:first-child{ padding-right: 80px; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu > li > a, .header-v8 .ts-header .menu-wrapper nav > ul > li > a, .header-v8 .ts-header .menu-wrapper nav > ul.menu > li:before{ padding-top: 15px; padding-bottom: 15px; } .ajax-pagination .filter-widget-area-button.style-default ~ .product-per-page-form:before{ display: none !important; } .ajax-pagination .filter-widget-area-button.style-default ~ .product-per-page-form{ padding-left: 0; /*rtl*/ margin-left: 0; /*rtl*/ } .ts-product-in-category-tab-wrapper.style-verticle.has-banner .column-products.loading:after { top: 20%; } } /******/ /*------------------------------------------------------------- 2. HEADER TOP --------------------------------------------------------------*/ /*** header-v7 ***/ .header-v7 header .header-middle .logo-wrapper, .header-v7 header .header-middle .header-right{ width: 22%; } /**/ .header-top{ position: relative; } .header-top:not(.active){ display: none; } .header-top > .container{ display: table; padding-top: 10px; padding-bottom: 10px; } .header-top > .container > div{ vertical-align: middle; display: table-cell; line-height: 30px; } .header-top div.header-left > div{ float: left;/* rtl */ margin-left: 0;/* rtl */ margin-right: 30px;/* rtl */ position: relative; } .header-top div.header-right > div{ float: right;/* rtl */ margin-left: 30px;/* rtl */ margin-right: 0;/* rtl */ position: relative; } .header-top a, .header-middle a, .header-bottom a, .header-top a:hover, .header-middle a:hover, .header-bottom a:hover, .header-top a:focus, .header-middle a:focus, .header-bottom a:focus{ color: inherit; outline: 0 !important; text-decoration: none; } /*** 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; padding: 5px 10px; } .info-desc{ position: relative; } .ts-header .ts-header-social-icons ul{ padding: 0; margin: 0 -8px; } .ts-header .ts-header-social-icons ul li{ list-style: none; display: inline-block; padding: 0 8px; } .header-top .ts-header-social-icons{ font-size: 115%; } .header-top .wpml-ls-legacy-dropdown>ul { line-height: 0; } /*** Header toggle icon ***/ .ts-group-meta-icon-toggle .icon:hover, .ts-icon-toggle-header-top:hover{ opacity: 0.6; } .ts-group-meta-icon-toggle .icon, .ts-icon-toggle-header-top{ width: 30px; height: 40px; line-height: 0; min-width: 0 !important; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; } .ts-group-meta-icon-toggle .icon span, .ts-icon-toggle-header-top span{ display: block; position: absolute; height: 1px; width: 20px; background-color: #202020; opacity: 1; right: 0; /*rtl*/ transform: rotate(0deg); transform-origin: left center; transition: .25s ease-in-out; } .ts-group-meta-icon-toggle .icon span, .ts-icon-toggle-header-top span{ left: auto; /*rtl*/ right: 0; /*rtl*/ } .header-v8 .ts-group-meta-icon-toggle .icon span, .header-v8 .ts-icon-toggle-header-top span{ left: 0; /*rtl*/ right: auto; /*rtl*/ } .ts-group-meta-icon-toggle .icon span:nth-child(1), .ts-icon-toggle-header-top span:nth-child(1){ top: 14px; } .ts-group-meta-icon-toggle .icon span:nth-child(2), .ts-icon-toggle-header-top span:nth-child(2){ top: 20px; } .ts-group-meta-icon-toggle .icon span:nth-child(3), .ts-icon-toggle-header-top span:nth-child(3){ top: 26px; } .ts-group-meta-icon-toggle .icon.active span:nth-child(1), .ts-icon-toggle-header-top.active span:nth-child(1){ transform: rotate(45deg); top: 14px; } .ts-group-meta-icon-toggle .icon.active span:nth-child(2), .ts-icon-toggle-header-top.active span:nth-child(2){ width: 0; opacity: 0; } .ts-group-meta-icon-toggle .icon.active span:nth-child(3), .ts-icon-toggle-header-top.active span:nth-child(3){ transform: rotate(-45deg); top: 28px; } /******/ /*------------------------------------------------------------- 3. HEADER MIDDLE --------------------------------------------------------------*/ .header-middle{ position: relative; } .header-middle > .container{ position: relative; padding-top: 10px; padding-bottom: 10px; } .header-middle > .container > .header-right{ position: relative; } header .header-sticky .logo-sticky{ display: none; } .header-middle div.header-right > div{ float: right;/* rtl */ text-align: right;/* rtl */ margin-left: 30px;/* rtl */ } .header-middle div.header-right > div.shopping-cart-wrapper{ margin-left: 0;/* rtl */ padding-left: 30px;/* rtl */ } .header-middle div.header-right > .ts-icon-toggle-header-top, .header-middle div.header-right > .ts-group-meta-icon-toggle{ margin-left: 20px;/* rtl */ cursor: pointer; caret-color: transparent !important; } .sticky-wrapper.is-sticky div.header-right > .ts-icon-toggle-header-top{ display: none; } .header-middle div.header-right > div .dropdown-container{ text-align: left; /*rtl*/ } .header-middle div.header-currency, .header-middle div.header-language{ position: relative; } .header-meta-wrapper .menu-wrapper > div{ display: inline-block; vertical-align: middle; margin-left: 20px; /*rtl*/ text-align: left; /*rtl*/ } .header-v5 .header-meta-wrapper .menu-wrapper > .ts-menu + div{ margin-left: 40px; /*rtl*/ } .header-v5 .header-meta-wrapper .menu-wrapper > div{ margin-left: 10px; /*rtl*/ } .header-language .wpml-ls > ul > li > a:after, .header-currency .wcml_currency_switcher > a:after{ margin: 0 0 0 5px;/* rtl */ border: 0; position: static; display: inline-block; font-size: 10px; line-height: 30px; } .header-transparent .header-sticky:before{ display: none; } .header-transparent > div.is-sticky .header-sticky:before{ display: block; } .header-language a:hover, .my-account-wrapper .account-control > a:hover, .shopping-cart-wrapper a.cart-control:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover{ text-decoration: none; } /*** header-v2/v6 ***/ .header-v6 .header-middle .header-left, .header-v6 .header-middle .header-right{ width: 40%; } .header-v6 .header-middle .logo-wrapper{ width: 20%; } .header-v6 .header-middle .header-left > div{ margin-right: 20px; /*rtl*/ } .header-v6 .header-middle .header-left .header-currency ul { right: auto; /*rtl*/ left: 0; /*rtl*/ margin: 0; } .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-middle .header-left .header-currency ul{ padding-top: 58px; } .header-transparent .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-transparent .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-transparent .header-middle .header-left .header-currency ul{ padding-top: 36px; } .header-transparent .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before, .header-transparent .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before, .header-transparent .header-middle .header-left .header-currency ul:before{ top: 16px; } .header-transparent .is-sticky .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-transparent .is-sticky .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-transparent .is-sticky .header-middle .header-left .header-currency ul{ padding-top: 45px; } .header-transparent .is-sticky .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before, .header-transparent .is-sticky .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before, .header-transparent .is-sticky .header-middle .header-left .header-currency ul:before{ top: 28px; } .header-v4 .header-middle > .container > .menu-wrapper, .header-v4 .header-middle > .container > .header-right{ width: 43%; } .header-v4 .header-middle > .container > .logo-wrapper{ width: 16%; } .header-v4 .header-middle .ts-search-by-category{ position: static; transform: translate(0); margin: 0; left: 0; } .header-v2 .sticky-wrapper.is-sticky .header-sticky > .container, .header-v10 .sticky-wrapper.is-sticky .header-sticky > .container, .header-v6 .sticky-wrapper.is-sticky .header-sticky > .container, .header-v8 .sticky-wrapper.is-sticky .header-sticky > .container{ padding-top: 13px; padding-bottom: 13px; } .header-v8 .header-middle .menu-wrapper, .header-v8 .header-middle .header-right{ width: 25%; } .header-v8 .header-middle .logo-wrapper{ width: 50%; } .header-v8 .ts-header .menu-wrapper nav > ul.menu > li, .header-v8 .ts-header .menu-wrapper nav > ul > li { float: none; /*rtl*/ display: block; } .header-v8 .header-middle .menu-wrapper .ts-menu{ position: fixed; top: 0; bottom: 0; left: 0; /*rtl*/ width: 300px; padding: 150px 50px 50px 50px; transform: translateX(-300px); transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-v8.menu-header-active .header-middle .menu-wrapper .ts-menu{ transform: translateX(0); } .header-v8 .header-middle .ts-menu h6.title{ display: none; } .header-v8 .group-meta{ position: absolute; bottom: 50px; left: 50px; right: 50px; } .header-v8 .group-meta .header-language .wpml-ls-legacy-dropdown > ul > li > a:after, .header-v8 .group-meta .header-currency .wcml_currency_switcher > a:after{ transition: 350ms ease 0s; } .header-v8 .group-meta .header-language:hover .wpml-ls-legacy-dropdown > ul > li > a:after, .header-v8 .group-meta .header-currency:hover .wcml_currency_switcher > a:after{ transform: rotate(-180deg); } .header-v8 .ts-header .logo-wrapper, .header-v8 .ts-header .header-right, .header-v8 div#main, .header-v8 footer{ transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-v8.menu-header-active .ts-header .logo-wrapper, .header-v8.menu-header-active .ts-header .header-right, .header-v8.menu-header-active div#main, .header-v8.menu-header-active footer{ transform: translateX(300px); } .header-v8.menu-header-active .ts-group-meta-icon-toggle{ position: fixed; z-index: 9; top: 30px; } .header-v8.logged-in.menu-header-active .ts-group-meta-icon-toggle{ top: 62px; } .header-v8 .header-language .wpml-ls > ul > li > a:after, .header-v8 .header-currency .wcml_currency_switcher > a:after{ line-height: 24px; } .header-v8 .header-currency .wcml_currency_switcher > a:after{ top: -2px; position: relative; } .header-v8.header-fullwidth.main-content-fullwidth header .menu-wrapper nav > ul.menu > li, .header-v8.header-fullwidth.main-content-fullwidth header .menu-wrapper nav > ul > li, .header-v8.header-fullwidth header .menu-wrapper nav > ul.menu > li, .header-v8.header-fullwidth header .menu-wrapper nav > ul > li, .header-v8.layout-fullwidth header .menu-wrapper nav > ul.menu > li, .header-v8.layout-fullwidth header .menu-wrapper nav > ul > li { margin: 0; } .header-v8 .ts-header .menu-wrapper nav > ul.menu ul.sub-menu li, .header-v8 .ts-header .menu-wrapper nav li.widget_nav_menu li, .header-v8 .ts-header .menu-wrapper nav div.list-link li { padding: 10px 0; } .header-v8 .menu-wrapper ul li .ts-menu-drop-icon { right: 0; /*rtl*/ } .header-v8 nav > ul.menu li > a .menu-label:before{ display: none; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ left: 100% !important; top: 0; margin: 0; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ padding: 35px 50px 35px 104px !important; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ padding: 50px 50px 50px 104px !important; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu .ts-home-tabs{ margin: 15px 0; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ padding-left: 104px !important; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu:before{ left: 54px; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-normal-menu ul.sub-menu{ padding-top: 40px; padding-bottom: 40px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu, .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu{ width: 300px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 1200px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 900px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 600px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu:before{ left: 54px; /*rtl*/ top: 0; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: calc(100vw - 266px) !important; } .header-v8 .header-language, .header-v8 .header-currency{ width: 50%; float: left; /*rtl*/ position: relative; } .header-v8 .wpml-ls-legacy-list-horizontal a { padding: 0 10px 0 0; /*rtl*/ } .header-v8 .ts-floating-sidebar .my-wishlist-wrapper{ clear: both; } .ts-home-tabs .tab-items:after{ content: ''; clear: both; display: table; } .ts-home-tabs .tab-items > li{ width: 50%; float: left; /*rtl*/ } .header-v8 .ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li{ position: relative; } .header-v8 .ts-megamenu-fullwidth .ts-megamenu-widgets-container .widgettitle{ position: absolute; top: 12px; left: 15px; /*rtl*/ white-space: nowrap; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; opacity: 0.1; margin: 0; } .header-v8 .ts-megamenu-fullwidth .ts-megamenu-widgets-container .widgettitle + div{ padding-left: 50px; /*rtl*/ } /*** 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: 22px} .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; } .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; } .header-v5 .header-middle .header-currency .wcml_currency_switcher > a, .header-v6 .header-middle .header-currency .wcml_currency_switcher > a{ margin-top: 1px; } header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ font-size: 0; line-height: 0; } .header-language .wpml-ls-legacy-dropdown a{ line-height: inherit; } 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{ border-width: 0; position: absolute; padding: 26px 30px 24px 30px; width: 180px; right: 50%; left: auto; margin-right: -90px; top: 100%; } 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 .header-right .header-language:first-child .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, body .header-right .header-language:first-child .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-right .header-currency:first-child ul{ right: 0; /*rtl*/ margin-right: 0; /*rtl*/ left: auto; /*rtl*/ transform: translate(0,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: 4px 0; margin: 0; position: relative; } body .wpml-ls-legacy-list-horizontal{ padding: 0; border-width: 0; } 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 a{ padding: 0; border-width: 0; } .header-transparent .header-middle .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-transparent .header-middle .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-transparent .header-middle .header-currency ul { padding-top: 56px; right: 0; /*rtl*/ left: auto; /*rtl*/ transform: translate(0,0); text-align: left; /*rtl*/ } .header-v8 .header-middle .group-meta .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-v8 .header-middle .group-meta .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-v8 .header-middle .group-meta .header-currency ul{ top: auto; bottom: 100%; padding: 12px 20px 22px; width: 130px; margin: 0; left: 0; transform: none; margin-left: -20px; /*rtl*/ } .header-v8 .header-middle .group-meta .header-currency ul{ margin-left: -33px; /*rtl*/ } .header-v8 .wpml-ls-legacy-dropdown ul ul li a .wpml-ls-display { margin-left: 0; /*rtl*/ display: block; } .header-v8 .header-middle .group-meta .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before, .header-v8 .header-middle .group-meta .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before, .header-v8 .header-middle .group-meta .header-currency ul:before{ top: 0; bottom: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); } header .header-middle .wcml_currency_switcher > ul:before, header .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, header .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before{ top: 36px; } 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{ position: relative; } .header-currency:hover, body .header-language:hover, .my-account-wrapper:hover, .shopping-cart-wrapper:hover{ z-index: 996; } .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{ position: relative; } .header-currency a{ text-decoration: none; display: block; } .header-currency:hover, body .header-language:hover, .my-account-wrapper:hover, .shopping-cart-wrapper:hover, .shopping-cart-wrapper:hover .dropdown-container, .shopping-cart-wrapper.active .dropdown-container{ z-index: 996; } .header-meta-wrapper{ text-align: right; /*rtl*/ } .header-meta-wrapper > div{ display: inline-block; vertical-align: middle; } .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 */ } /*** Cart / My account ***/ .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: inline-block; } .shopping-cart-wrapper .cart-control .cart-number{ position: absolute; right: -9px;/* rtl */ top: 0; left: auto;/* rtl */ width: 18px; height: 18px; font-size: 10px; line-height: 19px; text-align: center; border-radius: 100%; overflow: hidden; } header .search-button .icon{ position: relative; display: block; cursor: pointer; letter-spacing: 0; transition: 350ms ease 0s; } header .search-button .icon{ text-align: center; } header .search-button .icon, header .ts-tiny-account-wrapper .account-control > a{ font-size: 0; line-height: 0; letter-spacing: 0; } header .ts-tiny-account-wrapper .account-control{ font-size: 0; letter-spacing: 0; } header .search-button .icon:before, header .shopping-cart-wrapper a > .ic-cart:before, header .ts-tiny-account-wrapper .account-control:before, header .my-wishlist-wrapper > a:before{ position: relative; display: inline-block; line-height: 32px; } header .header-middle .search-button .icon:before, header .header-middle .shopping-cart-wrapper a > .ic-cart:before, header .header-middle .ts-tiny-account-wrapper .account-control:before, header .header-middle .header-right .my-wishlist-wrapper > a:before{ line-height: 40px; } .logged-in .my-account-wrapper .dropdown-container{ width: 200px; margin-left: -100px !important; /*rtl*/ } .header-v2.header-transparent.logged-in .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v10.header-transparent.logged-in .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v5.header-transparent.logged-in .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v6.header-transparent.logged-in .header-middle .header-right .my-account-wrapper .dropdown-container{ width: 230px; } .logged-in .header-middle .header-right .my-account-wrapper .dropdown-container{ right: auto; /*rtl*/ padding-top: 58px; padding-bottom: 30px; } .logged-in .my-account-wrapper .dropdown-container ul{ margin-bottom: 0; } .logged-in .my-account-wrapper .dropdown-container ul li{ list-style: none; } .logged-in .my-account-wrapper .dropdown-container a{ display: inline-block; } /*** Custom Wishlist Icon (Default is only text) ***/ header .header-middle .header-right .my-wishlist-wrapper > a{ font-size: 0; letter-spacing: 0; line-height: 0; display: block; position: relative; } header .header-middle .header-right .my-wishlist-wrapper > a .wishlist-number{ position: absolute; right: -9px; /*rtl*/ top: 0; left: auto; /*rtl*/ width: 18px; height: 18px; font-size: 10px; line-height: 19px; text-align: center; border-radius: 100%; overflow: hidden; } /******/ .header-middle .ts-search-by-category{ position: absolute; z-index: 9; visibility: hidden; top: 50%; right: 0; left: -20px;/* rtl */ transform: translate(0,-50%); opacity: 0; transition: 350ms ease 0s; } .header-middle .ts-search-by-category.active{ visibility: visible; opacity: 1; } .header-middle .ts-search-by-category .search-content input[type="text"]{ border-width: 0; width: 100%; max-width: 100%; padding: 10px 0 10px 60px;/* rtl */ background: transparent; } .header-middle .menu-wrapper .ts-menu{ transition: .2s ease; } .header-v1.search-active .header-middle .menu-wrapper .ts-menu, .header-v3.search-active .header-middle .menu-wrapper .ts-menu, .header-v7.search-active .header-middle .menu-wrapper .ts-menu{ opacity: 0; visibility: hidden; } .header-middle .ts-search-by-category .search-button, .header-middle .ts-search-by-category .search-content input[type="submit"]{ left: 10px;/* rtl */ right: auto; top: 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; content: ""; right: auto; left: 50%; top: 100%; width: 200px; padding: 68px 40px 40px 40px; margin-left: -100px; } header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-currency ul{ padding: 30px 30px 20px 30px; } header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header .header-currency ul{ position: absolute; left: 50%; transform: translate(-50%,0); top: 100%; bottom: auto; width: 220px; } #group-icon-header .wpml-ls-legacy-dropdown, #group-icon-header .wpml-ls-legacy-dropdown-click, #group-icon-header .wcml_currency_switcher{ position: relative; } #group-icon-header .header-language .wpml-ls > ul > li > a:after, #group-icon-header .header-currency .wcml_currency_switcher > a:after{ line-height: 1; position: absolute; right: 0; /*rtl*/ top: 6px; } #group-icon-header .ts-tiny-account-wrapper .account-control:before{ display: none; } .my-account-wrapper .dropdown-container{ width: 320px; margin-left: -155px; /*rtl*/ } .header-middle .header-right .my-account-wrapper .dropdown-container, .ts-header.hidden-wishlist.hidden-cart .header-middle .header-right .my-account-wrapper .dropdown-container, .ts-header.hidden-wishlist.hidden-cart .is-sticky .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container{ right: 0; /*rtl*/ left: auto; /*rtl*/ } .ts-header.hidden-wishlist .header-middle .header-right .my-account-wrapper .dropdown-container, .ts-header.hidden-cart .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v9 .shopping-cart-wrapper .dropdown-container, .ts-header.hidden-wishlist .is-sticky .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .ts-header.hidden-cart .is-sticky .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .ts-header.hidden-wishlist.hidden-cart .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .ts-header.hidden-cart .header-middle .header-right .ts-group-meta-icon-toggle + .my-account-wrapper .dropdown-container, .ts-header.hidden-wishlist.hidden-cart .header-middle .header-right .ts-group-meta-icon-toggle + .my-account-wrapper .dropdown-container{ right: -51px; /*rtl*/ left: auto; /*rtl*/ } .ts-header.hidden-wishlist .header-middle .header-right .ts-group-meta-icon-toggle ~ .my-account-wrapper .dropdown-container, .ts-header:not(.hidden-wishlist):not(.hidden-cart) .header-middle .header-right .my-account-wrapper .dropdown-container, .ts-header.hidden-wishlist .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .ts-header.hidden-cart .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .ts-header:not(.hidden-wishlist):not(.hidden-cart) .is-sticky .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container{ right: -101px; /*rtl*/ left: auto; /*rtl*/ } .ts-header:not(.hidden-wishlist):not(.hidden-cart) .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container, .header-v6:not(.header-transparent).logged-in .ts-header:not(.hidden-cart):not(.hidden-search) .my-account-wrapper .dropdown-container, .header-v7.logged-in .ts-header:not(.hidden-cart):not(.hidden-wishlist) .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container{ right: 0; /*rtl*/ left: auto; /*rtl*/ margin-right: -100px; } .header-v2:not(.header-transparent) .shopping-cart-wrapper .dropdown-container, .header-v10:not(.header-transparent) .shopping-cart-wrapper .dropdown-container, .header-v6:not(.header-transparent) .ts-header:not(.hidden-cart):not(.hidden-search) .my-account-wrapper .dropdown-container, .header-v7 .ts-header:not(.hidden-cart):not(.hidden-wishlist) .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container{ right: -150px;/* rtl */ } .header-v6:not(.header-transparent) .ts-header:not(.hidden-cart):not(.hidden-search) .my-account-wrapper .dropdown-container, .header-v7 .ts-header:not(.hidden-cart):not(.hidden-wishlist) .header-middle .header-right .ts-icon-toggle-header-top ~ .my-account-wrapper .dropdown-container{ margin-right: 0;/* rtl */ } .header-v2:not(.header-transparent) .hidden-wishlist .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v2:not(.header-transparent) .hidden-search .my-account-wrapper + .shopping-cart-wrapper .dropdown-container, .header-v2:not(.header-transparent) .search-button + .shopping-cart-wrapper .dropdown-container, .header-v10:not(.header-transparent) .hidden-wishlist .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v10:not(.header-transparent) .hidden-search .my-account-wrapper + .shopping-cart-wrapper .dropdown-container, .header-v10:not(.header-transparent) .search-button + .shopping-cart-wrapper .dropdown-container, .header-v6:not(.header-transparent) .shopping-cart-wrapper .dropdown-container, .header-v5:not(.header-transparent) .ts-header:not(.hidden-search) .my-account-wrapper + .shopping-cart-wrapper .dropdown-container{ right: -100px;/* rtl */ } .header-v2:not(.header-transparent) .hidden-search .header-right .my-account-wrapper .dropdown-container, .header-v10:not(.header-transparent) .hidden-search .header-right .my-account-wrapper .dropdown-container, .header-v6:not(.header-transparent) .hidden-search .shopping-cart-wrapper .dropdown-container, .header-v5:not(.header-transparent) .search-button + .shopping-cart-wrapper .dropdown-container, .header-v5:not(.header-transparent) .hidden-search .my-account-wrapper + .shopping-cart-wrapper .dropdown-container, .header-v5:not(.header-transparent) .header-right .my-account-wrapper .dropdown-container{ right: -50px !important; /* rtl */ } .header-v5:not(.header-transparent) .hidden-search .header-right .my-account-wrapper .dropdown-container{ right: 0 !important; /* rtl */ } .header-v2:not(.header-transparent) .ts-group-meta-icon-toggle + .shopping-cart-wrapper .dropdown-container, .header-v10:not(.header-transparent) .ts-group-meta-icon-toggle + .shopping-cart-wrapper .dropdown-container, .header-middle .ts-icon-toggle-header-top ~ .shopping-cart-wrapper .dropdown-container{ right: -51px;/* rtl */ } .header-v6 .header-middle .header-left .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-v6 .header-middle .header-left .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ right: auto; left: 0; margin-left: -68px; margin-right: 0; } .shopping-cart-wrapper .dropdown-container:before, .header-v3 .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: 29px; bottom: 0; content: ""; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: block; } .shopping-cart-wrapper .dropdown-container:before{ top: 31px; } .header-v3 .shopping-cart-wrapper .dropdown-container:before{ top: 30px; } .header-v3 .my-account-wrapper .dropdown-container:before{ top: 29px; } header .header-top .wcml_currency_switcher > ul:before{ top: 10px; } 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: 11px; } header .header-top .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu{ z-index: 994; } .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; } .header-top .wpml-ls-legacy-dropdown-click > ul > li{ vertical-align: middle; } .header-top .wpml-ls-legacy-list-vertical .wpml-ls-item{ display: block; } .wpml-ls-legacy-dropdown-click a{ line-height: inherit; } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ display: block; margin-left: 0; /*rtl*/ transition: 300ms ease; } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before{ transition: 300ms ease; } @-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; } body .wpml-ls-legacy-dropdown > ul > li:before, body .wpml-ls-legacy-dropdown-click > ul > li:before, .header-currency > div:before{ top: 34px; left: 50%; margin-left: -9px; z-index: 9992; } .wpml-ls-legacy-dropdown ul ul li a .wpml-ls-display{ margin-left: 5px; /*rtl*/ } .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: 450px; left: auto; right: 0;/* rtl */ z-index: 992; } .header-v5 .header-right{ margin-left: 10px;/* rtl */ } .is-sticky .header-middle .ts-icon-toggle-header-top ~ .shopping-cart-wrapper .dropdown-container{ right: 0;/* rtl */ } 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: 300px; 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; } /* 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 */ } .dropdown-footer > a:last-child{ margin-top: 10px; } .dropdown-footer > a:first-child:last-child{ margin-top: 0; } .ts-sidebar-content .ts-tiny-cart-wrapper .dropdown-footer{ padding: 34px 0 0 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 .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; content: ""; z-index: 2; font-size: 0; height: 20px; width: auto; text-indent: 0; padding: 0; letter-spacing: 0; text-decoration: none; } .dropdown-container .cart_list li .cart-item-wrapper a.remove{ right: 5px; /*rtl*/ } #ts-shopping-cart-sidebar .dropdown-container .cart_list li .cart-item-wrapper a.remove{ right: 2px; /*rtl*/ } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ right: 0; /* rtl */ left: auto; } .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; 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: 40px; font-weight: 700; line-height: 1; display: inline-block; vertical-align: middle; } header .logo-wrapper a:hover{ text-decoration: none; } /* SEARCH HEADER */ body #ts-search-result-container > p{ padding: 23px 20px; margin: 0; position: relative; z-index: 2; } .ts-search-result-container{ z-index: 993; padding: 50px; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .ts-floating-sidebar .ts-search-result-container{ box-shadow: none; background: transparent; padding-left: 0; padding-right: 0; } .ts-floating-sidebar.search-sidebar .ts-search-result-container{ padding: 30px 0 0; } #ts-search-sidebar .ts-search-result-container{ clear: both; } .woocommerce.ts-search-result-container ul.product_list_widget{ margin-left: -15px; margin-right: -15px; } .woocommerce.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-floating-sidebar.search-sidebar .ts-search-result-container ul.product_list_widget li{ width: 100%; float: none; /*rtl*/ } .ts-search-result-container ul.product_list_widget li .price{ margin: 0; } .ts-search-result-container ul.product_list_widget li .price ins{ margin-right: 5px; /*rtl*/ } .ts-search-result-container .view-all-wrapper{ padding: 0; clear: both; position: relative; z-index: 2; } .search-sidebar .ts-search-result-container .view-all-wrapper{ margin-top: 40px; } .ts-search-result-container .description{ margin: 10px 0; font-size: 85%; opacity: 0.6; } .ts-search-result-container .view-all-wrapper a{ display: inline-block; position: relative; } .ts-search-result-container .view-all-wrapper a:after{ content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; border-top: 1px solid #9c9c9c; transform: scale3d(1,1,1); transform-origin: 0 50%; transition: transform 0.5s cubic-bezier(0.2,1,0.3,1); } .ts-search-result-container .view-all-wrapper a:hover:after{ transform: scale3d(0,1,1); } .ts-search-result-container .view-all-wrapper a, .ts-search-result-container .view-all-wrapper a:hover{ text-decoration: none; } #ts-search-result-container ul.has-view-all:before{ bottom: -52px; } #ts-search-sidebar .ts-search-result-container .view-all-wrapper{ text-align: left; /*rtl*/ } .search-content input[type="text"]{ padding-right: 50px;/* rtl */ padding-left: 20px;/* rtl */ max-width: 100%; margin: 0; width: 400px; } .error404 .search-content input[type="text"]{ width: 700px; } header .ts-search-by-category:after{ display: table; clear: both; content: ""; } .ts-search-by-category .search-button{ position: absolute; right: 0;/* rtl */ top: 0; bottom: 0; display: block; } .ts-search-by-category .search-button, .ts-search-by-category input[type="submit"]{ width: 50px; height: 50px; font-size: 0; text-align: center; transition: opacity 350ms ease 0s; } .ts-search-by-category .search-button:before{ width: 50px; height: 50px; line-height: 50px; display: block; transition: color 350ms ease 0s; } .ts-search-by-category input[type="submit"]{ min-width: 0; padding: 0 !important; border: 0 !important; background: transparent !important; } .ts-search-by-category form > .search-content{ margin-left: 230px;/* rtl */ position: relative; } .widget_display_search > form input[type="submit"], .widget_product_search > form button, .widget_search > form input[type="submit"]{ background: transparent !important; } body .ts-search-by-category .search-button input[type="submit"]:hover{ background-color: transparent !important; } .ts-sidebar-content .search-content input[type="text"]{ width: 100%; padding-top: 10px; padding-bottom: 10px; } /*** 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; } /*** MENU MOBILE ***/ #group-icon-header .ts-search-by-category{ margin-bottom: 30px; margin-top: 15px; } .ts-floating-sidebar .ts-sidebar-content{ transform: translateX(0);/* rtl */ box-shadow: none; opacity: 0; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) } .ts-floating-sidebar.active .ts-sidebar-content{ opacity: 1; } body .main-menu-sidebar-wrapper.ts-menu nav.mobile-menu, body .mobile-menu-wrapper.ts-menu nav.mobile-menu{ width: 100%; display: block; float: none; margin: 0; padding: 0; } .main-menu-sidebar span.ts-menu-drop-icon, .mobile-menu span.ts-menu-drop-icon{ position: absolute; top: 0; left: auto; bottom: auto; text-align: center; right: -6px;/* rtl */ z-index: 3; cursor: pointer; padding: 0; transform: none; line-height: 1; width: 30px; } .main-menu-sidebar ul ul span.ts-menu-drop-icon, .mobile-menu ul ul span.ts-menu-drop-icon{ top: -2px; right: -8px;/* rtl */ } .main-menu-sidebar span.ts-menu-drop-icon:before, .mobile-menu span.ts-menu-drop-icon:before{ font-size: 12px; line-height: 1; text-indent: 0; } .main-menu-sidebar-wrapper ul, .mobile-menu-wrapper ul{ margin: 0; } .main-menu-sidebar-wrapper nav > ul, .mobile-menu-wrapper nav > ul{ margin: 0; padding: 0; } .main-menu-sidebar-wrapper nav > ul ul, .mobile-menu-wrapper nav > ul ul{ margin: 0; padding: 0; } .main-menu-sidebar-wrapper nav .widget_media_image img, .main-menu-sidebar-wrapper nav .ts-single-image img, .mobile-menu-wrapper nav .widget_media_image img, .mobile-menu-wrapper nav .ts-single-image img{ margin: 20px 0; } .main-menu-sidebar-wrapper nav > ul li ul.sub-menu, .mobile-menu-wrapper nav > ul li ul.sub-menu{ padding-left: 20px; /* rtl */ } .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul li ul.sub-menu, .ts-floating-sidebar .mobile-menu-wrapper nav > ul li ul.sub-menu{ max-width: 100% !important; max-width: calc(100% + 28px) !important; width: calc(100% + 28px); } .ts-floating-sidebar .main-menu-sidebar-wrapper ul.sub-menu ul.sub-menu span.ts-menu-drop-icon, .ts-floating-sidebar .mobile-menu-wrapper ul.sub-menu ul.sub-menu span.ts-menu-drop-icon{ right: -9px; /*rtl*/ } .main-menu-sidebar-wrapper nav > ul ul.sub-menu ul.sub-menu, .mobile-menu-wrapper nav > ul ul.sub-menu ul.sub-menu{ padding-left: 20px; /* rtl */ margin-bottom: 5px; } .main-menu-sidebar-wrapper nav li, .mobile-menu-wrapper .mobile-menu li{ list-style: none; width: 100%; padding: 0 30px 0 0;/* rtl */ margin: 0 0 20px 0; position: relative; } .main-menu-sidebar-wrapper li a, .mobile-menu-wrapper .mobile-menu li a{ padding: 0; display: table; z-index: 1; position: relative; } .ts-header .menu-wrapper nav > ul.menu li a.has-icon .menu-icon, .main-menu-sidebar-wrapper .main-menu li > a.has-icon .menu-icon, .mobile-menu-wrapper .mobile-menu li > a.has-icon .menu-icon{ display: inline-block; vertical-align: middle; max-width: 20px; margin-right: 5px; /*rtl*/ } .header-v2 .main-menu-sidebar-wrapper .main-menu > ul > li > a.has-icon .menu-icon, .header-v10 .main-menu-sidebar-wrapper .main-menu > ul > li > a.has-icon .menu-icon{ max-width: 24px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li a.has-icon .menu-icon{ top: -2px; } .ts-header .menu-wrapper nav > ul.menu li a.has-icon .menu-label, .main-menu-sidebar-wrapper .main-menu li a.has-icon .menu-label, .mobile-menu-wrapper .mobile-menu li a.has-icon .menu-label{ display: inline-block; } .main-menu-sidebar-wrapper li li, .mobile-menu-wrapper .mobile-menu li li{ border: 0; text-transform: none; margin: 16px 0 0 0; } .main-menu-sidebar-wrapper li a:hover, .mobile-menu-wrapper .mobile-menu li a:hover{ text-decoration: none; } .main-menu-sidebar-wrapper li.logo-header, .menu-main-mobile li.logo-header{ display: none !important; } .main-menu-sidebar-wrapper nav .widget_nav_menu, .menu-main-mobile .mobile-menu .widget_nav_menu{ margin-bottom: 10px; } .main-menu-sidebar-wrapper nav > ul, .mobile-menu-wrapper nav > ul{ margin-bottom: 20px; } .group-button-header > div{ padding-top: 15px; margin-top: 13px; border-top: 1px solid #f3f3f3; } .group-button-header > div > a:hover{ text-decoration: none; } .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; } .header-top .header-right .header-currency ul{ right: 0; /*rtl*/ } /* SEARCH SIDEBAR */ .search-fullscreen .ts-sidebar-content h2, .search-fullwidth .ts-sidebar-content h2{ margin-bottom: 40px; text-align: center; } .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 */ } .ts-floating-sidebar *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .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.search-fullwidth .ts-sidebar-content{ right: 0 !important; left: 0 !important; transform: translateY(-100%); width: 100%; bottom: auto; height: auto; overflow: auto; } .ts-floating-sidebar.search-fullwidth .ts-sidebar-content .ts-search-by-category, .ts-floating-sidebar.search-fullscreen .ts-sidebar-content .ts-search-by-category{ width: 840px; margin: 0 auto; } .ts-floating-sidebar.search-fullscreen .ts-sidebar-content .ts-search-by-category{ height: 80%; padding-top: 5%; } .ts-floating-sidebar.search-fullwidth.active .ts-sidebar-content{ transform: translateY(0); } .menu-header-active .ts-header .header-container{ z-index: 99999; } .menu-header-active .sticky-wrapper.is-sticky .header-sticky:before{ display: none !important; } .menu-header-active #group-icon-header .ts-sidebar-content, .menu-header-active .ts-header:hover{ z-index: 99998; } #group-icon-header .ts-sidebar-content .ts-search-by-category input[type="submit"]{ position: absolute; top: 0; right: 0; /*rtl*/ } #group-icon-header .ts-sidebar-content{ transform: translateY(0); padding: 0 40px 40px 40px;/* rtl */ z-index: 992; } #group-icon-header .ts-sidebar-content > *{ opacity: 0; transform: translateY(-10px); transition: all 100ms ease; } #group-icon-header.active .ts-sidebar-content > *{ opacity: 1; transform: translateY(0); transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s; } #ts-shopping-cart-sidebar .ts-sidebar-content{ max-width: 100%; } #group-icon-header .ts-header-social-icons ul{ margin: 0 -8px; padding: 0; } #group-icon-header .ts-header-social-icons ul li{ list-style: none; display: inline-block; padding: 8px; } @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{ position: absolute; } .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 */ } #group-icon-header.active .ts-sidebar-content{ transform: translate(0,0); } .ic-menu-close-button{ width: 50px; display: inline-block; cursor: pointer; font-size: 24px; text-align: center !important; padding: 7px 0; } /*** Fullscreen search ***/ .ts-floating-sidebar.search-fullscreen .overlay{ display: none; } .ts-floating-sidebar.search-fullscreen .ts-sidebar-content{ position: absolute; padding: 0; left: 0 !important; right: 0 !important; top: 0; transform: translate(0,0); bottom: auto; width: 100%; background: transparent; overflow: initial; box-shadow: none; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .ts-floating-sidebar.search-fullscreen.active .ts-sidebar-content{ 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); opacity: 1; } .ts-floating-sidebar.search-fullscreen .ts-sidebar-content h2{ text-align: center; } .ts-floating-sidebar.search-fullscreen .ts-search-result-container > *, .ts-floating-sidebar.search-fullwidth .ts-search-result-container > *{ animation: slidebottomtotop 600ms ease; } .ts-floating-sidebar.search-fullscreen .ts-search-result-container{ padding-bottom: 10%; } .ts-floating-sidebar .ts-search-result-container{ display: block; } @-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-floating-sidebar.search-fullscreen ul.product_list_widget, .ts-floating-sidebar.search-fullwidth ul.product_list_widget{ margin: 0 -20px; } .ts-floating-sidebar.search-fullscreen ul.product_list_widget li, .ts-floating-sidebar.search-fullwidth ul.product_list_widget li{ width: 50%; float: left; padding-left: 20px; padding-right: 20px; border-width: 0; } .ts-floating-sidebar.search-fullscreen ul.product_list_widget li:nth-child(2n+1), .ts-floating-sidebar.search-fullwidth ul.product_list_widget li:nth-child(2n+1){ clear: both; } /*------------------------------------------------------------- II. MAIN CONTENT --------------------------------------------------------------*/ /*------------------------------------------------------------- 1. BREADCRUMB --------------------------------------------------------------*/ .breadcrumb-title-wrapper{ width: 100%; display: block; z-index: 0; } .breadcrumb-title-wrapper .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; } .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: 10px; } .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 .breadcrumbs{ padding: 30px 0 23px; } .breadcrumb-title-wrapper .breadcrumb-title .page-title{ padding: 23px 0 30px; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-title > .breadcrumbs:first-child:last-child{ padding-bottom: 30px; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-title > .page-title:first-child:last-child{ padding-top: 30px; } .breadcrumb-title-wrapper .breadcrumb-title > .page-title{ text-transform: uppercase; letter-spacing: 1px; } .breadcrumb-title-wrapper a{ color: inherit; } .heading-title.page-title{ margin-bottom: 0; } /*** Breadcrumb v2 ***/ .breadcrumb-title-wrapper.breadcrumb-v2{ padding: 30px 0; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row-reverse wrap; justify-content: space-between; align-items: center; } .breadcrumb-title-wrapper.breadcrumb-v2.no-title .breadcrumb-title{ flex-direction: row; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .breadcrumbs, .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .page-title { padding: 0; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title .page-title:first-child:last-child{ width: 100%; } body:not(.search-no-results) #main .breadcrumb-title-wrapper.breadcrumb-v2 ~ .page-container{ padding-top: 0; } /*** Breadcrumb v3 ***/ .breadcrumb-title-wrapper.breadcrumb-v3{ padding: 120px 0; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .breadcrumbs{ order: 2; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .breadcrumbs, .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title .page-title { padding: 10px 0; } /*------------------------------------------------------------- 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, .ts-portfolio-wrapper.ts-masonry.loading, .vc_row.loading, .column-products.loading, .image-gallery.loading, figure.gallery.loading, .vertical-thumbnail .thumbnails-container.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, article .thumbnail.loading, .single-portfolio .thumbnails.loading, .vertical-thumbnail .images-thumbnails .thumbnails.loading, .ts-team-members .loading, .woocommerce .product figure.loading, .images.loading, .ts-blogs-widget .ts-blogs-widget-wrapper.loading, .related-posts.loading .content-wrapper, .blogs article a.gallery.loading, .ts-testimonial-wrapper .items.loading, .ts-twitter-slider .items.loading, .ts-portfolio-wrapper.loading, .ts-instagram-wrapper.loading{ height: 300px; } .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; } .thumbnail-slider .thumbnails-container.loading{ height: 500px; } .images.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, .blogs article a.gallery.loading, .ts-blogs-wrapper.loading .content-wrapper, .ts-testimonial-wrapper .items.loading, .ts-twitter-slider .items.loading, article .thumbnail.loading, .ts-portfolio-wrapper.loading, .thumbnails.loading, .widget-container .gallery.loading figure, .ts-product-category-wrapper .content-wrapper.loading, .vc_row.loading, .thumbnails-container.loading, .images-slider-wrapper .image-items.loading, .ts-instagram-wrapper.loading, .column-products.loading, .image-gallery.loading, .ts-team-members .loading{ position: relative; overflow: hidden; background: transparent !important; } .ts-compare-popup.loading > *, .images.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 > *, .blogs article a.gallery.loading > *, .ts-blogs-wrapper.loading .content-wrapper > *, .ts-testimonial-wrapper .items.loading > *, .ts-twitter-slider .items.loading > *, article .thumbnail.loading > *, .ts-portfolio-wrapper.loading > *, .thumbnails.loading > *, figure.gallery.loading > *, .widget-container .gallery.loading figure > *, .ts-product-category-wrapper .content-wrapper.loading > *, .ts-product-in-category-tab-wrapper ul.tabs.loading > *, .vc_row.loading > *, .thumbnails-container.loading > *, .images-slider-wrapper .image-items.loading > *, .ts-instagram-wrapper.loading > *, .column-products.loading > *, .image-gallery.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, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-blogs-widget .ts-blogs-widget-wrapper.loading:after, .related-posts.loading .content-wrapper: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, .ts-search-by-category .search-content.loading ~ .search-button:before, /*** Portfolio ***/ .ts-portfolio-wrapper.loading:after, .portfolio-inner .icon-group a.loading:before, .single-portfolio .ic-like.loading: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, .ts-product-in-category-tab-wrapper ul.tabs.loading:after, .woocommerce .product figure.loading:after, .ts-product .content-wrapper.loading:after, .ts-products-widget .ts-products-widget-wrapper.loading:after, /*** Popup/Modal ***/ .ts-compare-popup.loading:after, .ts-wishlist-table-wrapper.loading:after, .ts-popup-modal.loading .overlay:before, body .pp_pic_holder .pp_loaderIcon:before{ content: '\e862' !important; font-family: 'Linearicons-Free'; width: 40px; height: 40px; font-size: 40px; line-height: 40px; letter-spacing: 0; font-weight: normal !important; text-align: center; margin-top: -20px; margin-left: -20px; 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) } } .ts-product-in-category-tab-wrapper .column-products.loading:after{ top: 45%; } .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 .ts-add-to-wishlist.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; } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before { opacity: 1; } .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; } .thumbnail-slider .thumbnails-container.loading:after{ left: calc(50% + 150px); /*rtl*/ } .ts-shortcode .shop-more{ transition: 350ms ease; } .column-products.loading ~ .shop-more{ opacity: 0; visibility: hidden; } .ts-compare-popup.loading:after {font-size: 30px;} /*** PRODUCT GROUP BUTTON ***/ .woocommerce div.product .summary .ts-add-to-compare.loading, .woocommerce div.product .summary .ts-add-to-wishlist.loading, .product-group-button > div .loading, .product-group-button-meta > div .loading, .portfolio-inner .icon-group a.loading, .single-portfolio .ic-like.loading{ cursor: wait; } .woocommerce div.product .summary .ts-add-to-compare.loading:before, .woocommerce div.product .summary .ts-add-to-wishlist.loading:before, .product-group-button > div .loading:before, .product-group-button-meta > div .loading:before{ opacity: 0; visibility: hidden; } .woocommerce div.product .summary .ts-add-to-compare.loading:after, .woocommerce div.product .summary .ts-add-to-wishlist.loading:after, .product-group-button > div .loading:after, .product-group-button-meta > div .loading:after{ content: '\e862' !important; font-family: 'Linearicons-Free'; text-align: center; display: inline-block; font-size: 20px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -10px; /*rtl*/ z-index: 5; -webkit-animation: fa-spin 1.5s linear infinite; animation: fa-spin 1.5s linear infinite; } .woocommerce div.product .summary .ts-add-to-compare.loading:after, .woocommerce div.product .summary .ts-add-to-wishlist.loading:after { line-height: 1; margin-top: -11px; margin-left: -11px; } .woocommerce .product-wrapper a.button.added:before, .woocommerce .product-wrapper button.button.added:before, .woocommerce .product-wrapper input.button.added:before{ line-height: 38px; } /*** PORTFOLIO ***/ .single-portfolio .ic-like.loading:before, .portfolio-inner .icon-group a.loading:before{ width: 24px; height: 24px; line-height: 24px; margin-top: -12px; margin-left: -12px; } /*** 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: 15px; right: 15px; bottom: 0; top: 0; opacity: 0.5; z-index: 5; } /*** 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: 350ms ease; position: relative; } .ts-shortcode .load-more-wrapper .load-more.loading, .ts-shop-load-more.loading .load-more{ transform: scale(1,0.1); font-size: 0; overflow: hidden; } .ts-shortcode .load-more-wrapper .load-more:before, .ts-shop-load-more .load-more:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; /*rtl*/ width: 100%; opacity: 0; visibility: hidden; } .ts-shortcode .load-more-wrapper .load-more.loading:before, .ts-shop-load-more.loading .load-more:before{ opacity: 1; visibility: visible; -webkit-animation: progressing 3s linear infinite; animation: progressing 3s linear infinite; animation-delay: 250ms; z-index: 9; } .infinity-scroll .load-more-wrapper .load-more{ transition: none; } @keyframes progressing{ from{ left: 0;} to{ left: 100%;} } @-moz-keyframes progressing{ from{ left: 0;} to{ left: 100%;} } @-webkit-keyframes progressing{ from{ left: 0;} to{ left: 100%;} } /*** ICON SIZE ***/ .search-button .icon:before, .ts-search-by-category .search-button:before, .ts-search-by-category .search-content.loading ~ .search-button:before, .shopping-cart-wrapper a > .ic-cart:before, .ts-tiny-account-wrapper .account-control:before, .my-wishlist-wrapper > a:before, .product-group-button > div a:before, /*** Loading ***/ .woocommerce .product-wrapper a.button.loading:after, .woocommerce .product-wrapper button.button.loading:after, .woocommerce .product-wrapper input.button.loading:after, .woocommerce tr.remove div.blockUI.blockOverlay:after, tr.remove div.blockUI.blockOverlay:after, .product-wrapper .button-in a div.blockUI.blockOverlay:after, /*** Remove ***/ .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{ font-size: 20px; } .product-group-button > div.wishlist a.ts-add-to-wishlist:before, .product-group-button > div.wishlist a.ts-add-to-wishlist.added:before, .portfolio-inner .icon-group a:before, .single-portfolio .portfolio-like .ic-like:before, .single-portfolio .ic-like.loading:before, .portfolio-inner .icon-group a.loading:before{ font-size: 18px; } .woocommerce div.product .summary > form.cart .button.loading:after, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:after, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:after, body .pp_pic_holder a.pp_close:after, body .pp_pic_holder a.pp_expand:after, body .pp_pic_holder a.pp_contract:after, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 24px; } .ts-search-by-category .search-content.loading ~ .search-button:before{ line-height: 50px; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; } /*------------------------------------------------------------- 3. BUTTONS --------------------------------------------------------------*/ button, .woocommerce button.button, .ts-shortcode .load-more-wrapper .load-more, .ts-shop-load-more .load-more{ font-weight: 700; } /*------------------------------------------------------------- 4. 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; } /*------------------------------------------------------------- 5. 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; } /*------------------------------------------------------------- 6. 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; } /*------------------------------------------------------------- 7. 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; } /*------------------------------------------------------------- 8. 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; } .wpcf7 p textarea{ height: 98px; } 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: 140px; float: right; /*rtl*/ } div.wpcf7-display-none{ display: none; } .pp_pic_holder div.wpcf7{ margin-bottom: 0 !important; } div.wpcf7 .ajax-loader{ float: right; /*rtl*/ margin: 17px 10px 0 0; /*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; } /*------------------------------------------------------------- 9. BLANK PAGE --------------------------------------------------------------*/ .page-template-blank-page-template #main-content{ padding-left: 0; padding-right: 0; } /*------------------------------------------------------------- 10. 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; } .woocommerce .content-wrapper:after{ display: table; clear: both; content: ""; } /*** Dots ***/ .owl-dots{ margin-top: 32px; } .thumbnail-summary-scrolling .owl-dots, .ts-product .owl-dots{ margin-top: 0; } .gallery .owl-dots, .product-wrapper .owl-dots{ top: auto; bottom: 16px; left: 50%; right: auto; transform: translate(-50%,0); position: absolute; } .ts-product.show-dots .products > .owl-controls{ display: block; text-align: center; width: 100%; } .widget .gallery .owl-dots, .widget-container .gallery .owl-dots{ bottom: 0; line-height: 0; } .owl-dots{ margin-left: -6px; margin-right: -6px; } .owl-dots > div{ margin: 0 6px; display: inline-block; line-height: 0; cursor: pointer; } .owl-dots > div > span, body .flex-control-paging li a, body .theme-default .nivo-controlNav a, body .theme-default .nivo-controlNav a.active, body .vc_pagination.vc_pagination-style-flat .vc_pagination-trigger{ background: transparent; display: inline-block; width: 12px; height: 12px; position: relative; z-index: 9; box-shadow: none; border-width: 1px; border-style: solid; border-color: #202020; border-radius: 100%; transition: 350ms ease; } .dots-line .owl-dots > div{ margin-left: 10px; margin-right: 10px; } .dots-line .owl-dots > div > span{ width: 90px; height: 2px; background: #d0d0d0; border-width: 0; border-radius: 0; transition: 350ms ease; } body .vc_pagination.vc_pagination-style-flat .vc_pagination-trigger{ width: 10px; height: 10px; background: #bbc1c7; border-color: transparent; margin: 5px 10px; } .owl-dots > div:hover > span, .owl-dots > div.active > span, body .vc_pagination.vc_pagination-style-flat .vc_active .vc_pagination-trigger, .dots-verticle .owl-dots > div:hover > span, .dots-verticle .owl-dots > div.active > span{ background: #202020; } /*** Dots Verticle ***/ .show-dots.dots-verticle .owl-dots{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 6px; margin: 0; } .show-dots.dots-verticle .owl-dots > div{ margin: 6px 0; display: block; } .show-dots.dots-verticle .owl-dots > div > span{ width: 6px; height: 20px; background: #848484; border-width: 0; border-radius: 10px; } .show-dots.dots-verticle .owl-dots > div.active > span{ height: 40px; } /**/ .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; } .widget-container .owl-nav, .widget .owl-nav{ top: -47px; border: 0; right: -6px;/* rtl */ background: transparent; position: absolute; margin: 0 -1px; } .widget-container .owl-nav > div, .widget .owl-nav > div{ width: 24px; height: 24px; line-height: 24px; margin: 0 1px; } .widget-container .owl-nav > div:before, .widget .owl-nav > div:before{ line-height: 24px; font-size: 14px; } .nav-middle .widget-container .owl-nav > div:before, .nav-middle .widget .owl-nav > div:before{ line-height: 60px; font-size: 20px; } .cross-sells .owl-nav > div, .up-sells .owl-nav > div, .related.products .owl-nav > div{ top: 40%; margin-top: -30px; position: absolute; left: -50px;/* rtl */ } .cross-sells .owl-nav > div.owl-next, .up-sells .owl-nav > div.owl-next, .related.products .owl-nav > div.owl-next{ right: -50px;/* rtl */ left: auto; } .cross-sells .products:hover .owl-nav > div, .up-sells .products:hover .owl-nav > div, .related .products:hover .owl-nav > div{ left: 25px;/* rtl */ right: auto; } .cross-sells .products:hover .owl-nav > div.owl-next, .up-sells .products:hover .owl-nav > div.owl-next, .related .products:hover .owl-nav > div.owl-next{ right: 25px;/* rtl */ left: auto; } .ts-shortcode .owl-nav{ top: 4px; } .nav-middle{ position: relative; left: auto; right: auto; bottom: auto; top: auto; } .entry-format .owl-nav{ margin-top: 0 !important; } .nav-middle .thumbnail:hover .owl-nav > div{ visibility: visible; } .nav-middle .thumbnail .owl-nav:after, .images-slider-wrapper .owl-nav:after{ display: none; } .nav-middle .owl-nav > div, .nav-bottom .owl-nav > div{ top: 50%; position: absolute; width: 60px; height: 60px; margin-top: -30px; position: absolute; transition: 300ms ease 0s; margin-left: 0; margin-right: 0; right: -60px;/* rtl */ text-align: center; background: #ffffff; box-shadow: 0 0 7px rgba(155,155,155,0.3); } .cross-sells .owl-nav > div, .up-sells .owl-nav > div, .related.products .owl-nav > div{ background: #ffffff; box-shadow: 0 0 7px rgba(155,155,155,0.3); } .nav-middle .owl-nav > .owl-prev, .nav-bottom .owl-nav > .owl-prev{ left: -60px;/* rtl */ } .nav-middle .thumbnail:hover .owl-nav > .owl-next{ right: 10px;/* rtl */ } .nav-middle .thumbnail:hover .owl-nav > .owl-prev{ left: 10px;/* rtl */ } .nav-bottom .thumbnail:hover .owl-nav > .owl-next{ right: 10px;/* rtl */ } .nav-bottom .thumbnail:hover .owl-nav > .owl-prev{ left: 10px;/* rtl */ } .owl-nav > div.disabled{ display: none !important; } .owl-nav{ line-height: 0; } .owl-nav > div, .prev-button, .next-button{ cursor: pointer; position: relative; width: 60px; height: 60px; z-index: 0; display: inline-block; font-size: 0; line-height: 0; text-align: center; transition: 350ms ease 0s; letter-spacing: 0; } .ts-shortcode.nav-top .owl-nav{ margin: 0 -10px; } .ts-shortcode.nav-top .owl-nav > div{ background: transparent; width: auto; height: auto; margin: 0 10px } .ts-shortcode.nav-top .owl-nav > div:before{ display: inline-block; } .prev-button:hover, .next-button:hover{ z-index: 6; } .owl-nav > div:before, .prev-button:before, .next-button:before{ line-height: 60px; font-size: 18px; font-weight: normal; letter-spacing: 0; display: inline-block; transition: none; color: inherit; } .ts-shortcode.nav-top .owl-nav{ position: absolute; right: 0;/* rtl */ top: 0; } .owl-nav > div:hover{ z-index: 2; } .nav-top .owl-nav > .owl-next:before{ display: none; } .images-thumbnails > .thumbnails .owl-carousel .owl-stage-outer{ padding: 0; } .single-portfolio .thumbnail .owl-nav{ position: static; margin: 0; } .nav-bottom .owl-nav > div{ bottom: 10px; top: auto; margin: 0; } .ts-product-category-wrapper.nav-middle .owl-nav > div, .ts-product-brand-wrapper.nav-middle .owl-nav > div{ top: 47%; } .ts-product-category-wrapper.nav-middle.show-button .owl-nav > div{ top: 50%; } .nav-middle.middle-thumbnail .owl-nav > div{ top: 38%; } .nav-middle .owl-nav:after{ display: none; } body .nav-middle .products:hover .owl-nav > div, body .nav-middle .items:hover .owl-nav > div{ visibility: visible; } .ts-instagram-shortcode.nav-middle:hover .owl-nav > div, body .nav-middle .products:hover .owl-nav .owl-next, body .nav-middle .items:hover .owl-nav .owl-next{ right: 25px; /* rtl */ left: auto; } .ts-instagram-shortcode.nav-middle:hover .owl-nav > .owl-prev, body .nav-middle .products:hover .owl-nav .owl-prev, body .nav-middle .items:hover .owl-nav .owl-prev{ left: 25px; /* rtl */ right: auto; } .woocommerce .nav-middle .products, .nav-middle .woocommerce .products, .nav-middle .ts-shortcode .items{ position: relative; overflow: hidden; } .nav-middle .owl-nav{ position: static; margin: 0; } /*** Custom Nav middle ***/ .ts-logo-slider-wrapper.show-nav.nav-middle, .ts-testimonial-wrapper.show-nav.nav-middle{ padding: 0 110px; } .ts-logo-slider-wrapper.show-nav.nav-middle, .ts-testimonial-wrapper.show-nav.nav-middle, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .woocommerce .products{ overflow: visible; } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav > div, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav > div, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav > div{ transition: none; background: transparent; box-shadow: none; } .ts-product-in-product-type-tab-wrapper.nav-middle .owl-nav > div, .ts-product-in-category-tab-wrapper.nav-middle .products .owl-nav > div{ top: 35%; } .ts-product-in-product-type-tab-wrapper.rows-2.nav-middle .owl-nav > div, .ts-product-in-category-tab-wrapper.rows-2.nav-middle .products .owl-nav > div{ top: 43%; } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav .owl-prev, .ts-logo-slider-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-prev, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav .owl-prev, .ts-testimonial-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-prev, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-prev, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-prev{ left: -60px; /*rtl*/ } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav .owl-next, .ts-logo-slider-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-next, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav .owl-next, .ts-testimonial-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-next, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-next, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-next{ right: -60px; /*rtl*/ } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav > div:before, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav > div:before, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav > div:before, .style-horizontal-icons .list-categories ul.tabs.owl-carousel .owl-nav > div:before{ font-size: 30px; } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav > div:hover, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav > div:hover, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav > div:hover, .style-horizontal-icons .list-categories ul.tabs.owl-carousel .owl-nav > div:hover{ opacity: 0.5; } /*** Thumbnails ***/ .images-thumbnails > .thumbnails *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .thumbnails .thumbnails-container{ position: relative; overflow: hidden; } .thumbnail-summary-scrolling .thumbnails .thumbnails-container{ margin-left: 0 !important; margin-right: 0 !important; } .thumbnail-summary-scrolling .ts-video.auto-size, .thumbnail-summary-scrolling .ts-product-360{ margin-top: 30px; } .vertical-thumbnail .thumbnails.has-video .thumbnails-container, .vertical-thumbnail .thumbnails.has-360-gallery .thumbnails-container{ margin: 0 0 25px 0; width: 100%; } .images-thumbnails .thumbnails-container a, .vertical-thumbnail .thumbnails-container .caroufredsel_wrapper, .vertical-thumbnail .thumbnails-container .caroufredsel_wrapper ul{ width: 100% !important; } .thumbnails .thumbnails-container *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .images-thumbnails > .thumbnails .thumbnails-container a{ margin: 0 !important; } .images-thumbnails > .thumbnails .thumbnails-container ul{ margin: 0; position: relative; } .images-thumbnails > .thumbnails .thumbnails-container ul li{ padding: 0; } div.product:not(.vertical-thumbnail) .images-thumbnails > .thumbnails .thumbnails-container ul{ margin: 0 -10px; } div.product:not(.vertical-thumbnail) .images-thumbnails > .thumbnails .thumbnails-container ul.owl-carousel{ width: calc( 100% + 20px ); } div.product:not(.vertical-thumbnail) .images-thumbnails > .thumbnails .thumbnails-container ul li { padding: 0 10px; } .vertical-thumbnail .images-thumbnails > .thumbnails .thumbnails-container ul li{ margin-top: 30px; } .thumbnails .thumbnails-container ul li a{ position: relative; } div.product.vertical-thumbnail .thumbnails .thumbnails-container ul li a:not(:hover){ opacity: 0.5; } div.product .images-thumbnails .owl-nav{ border: 0; display: block; position: static !important; } div.product .images-thumbnails .owl-nav div{ position: absolute; top: 50%; margin-top: -16px; right: -32px;/* rtl */ width: 32px !important; height: 32px !important; line-height: 32px; border-width: 0; visibility: hidden; opacity: 0; transition: 350ms ease 0s; background: #ffffff; box-shadow: 0 0 7px rgba(155,155,155,0.3); } div.product .images-thumbnails .owl-controls div:before{ line-height: inherit; } div.product .images-thumbnails .owl-controls div.owl-prev{ left: -32px;/* rtl */ right: auto; } div.product .thumbnails-container:hover .owl-controls div{ visibility: visible; opacity: 1; } div.product .thumbnails-container:hover .owl-controls div.owl-next{ right: 10px;/* rtl */ } div.product .thumbnails-container:hover .owl-controls div.owl-prev{ left: 10px;/* rtl */ } /* Vertical thumbnail */ div.product.vertical-thumbnail .images-thumbnails .owl-nav div{ bottom: -32px; top: auto; left: 50% !important; right: auto !important; margin: 0 0 0 -16px; } div.product.vertical-thumbnail .images-thumbnails .owl-controls div.owl-prev{ top: -32px; bottom: auto; } div.product.vertical-thumbnail .thumbnails-container:hover .owl-controls div.owl-next{ bottom: 0; } div.product.vertical-thumbnail .thumbnails-container:hover .owl-controls div.owl-prev{ top: 0; bottom: auto; } .vertical-thumbnail .images-thumbnails > .thumbnails .owl-nav > div.owl-next:before{ content: "\e874"; } .vertical-thumbnail .images-thumbnails > .thumbnails .owl-nav > div.owl-prev:before{ content: "\e873"; } /* THUMBNAIL FIX BIG IMAGE */ div.product.thumbnail-summary-scrolling div.images-thumbnails div.thumbnails{ margin-top: 30px; } .thumbnail-summary-scrolling .images-thumbnails ul li{ width: 100%; margin-top: 30px; } .thumbnail-summary-scrolling .images-thumbnails ul li:first-child{ margin-top: 0; } .thumbnail-summary-scrolling .images-thumbnails ul li img{ opacity: 1 !important; } /*------------------------------------------------------------- 11. 404 PAGE --------------------------------------------------------------*/ body div#main{ min-height: 0; } body.error404 article{ text-align: center; padding: 4% 0 7% 0; } body.error404 article > h1.heading-1{ font-size: 200px; line-height: 1; color: #cacaca; } body.error404 article > h1.heading-1 + img{ margin-top: -83px; margin-bottom: 35px; max-width: 400px; } body.error404 article > .heading-2{ margin-bottom: 10px; text-transform: uppercase; } body.error404 article > p{ margin-bottom: 30px; } /*------------------------------------------------------------- 12. 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: 100px; line-height: 1; margin-bottom: 50px; } .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; } /*------------------------------------------------------------- 13. CUSTOM DRILE --------------------------------------------------------------*/ /*** Border after header ***/ body div#main{ position: relative; } .header-top > .container:before, div#main > *:first-child:before{ content: ''; position: absolute; left: 20px; right: 20px; top: 0; border-width: 1px 0 0; border-style: solid; margin: 0 auto; } body:not(.header-fullwidth):not(.layout-fullwidth) .header-top > .container:before, body:not(.header-fullwidth):not(.layout-fullwidth) div#main > *:first-child:before{ width: 100%; left: 0; right: 0; } .header-top > .container:before{ top: auto; bottom: 0; } div#main > .top-slideshow:before, .header-transparent .header-top > .container:before{ display: none; } div#main > .breadcrumb-v3:before{ display: none; } .ts-megamenu-container .vc_row[data-vc-stretch-content].vc_column-gap-default:not(.vc_row-no-padding){ max-width: 100%; } article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"]{ width: 100vw !important; left: calc(-50vw + 50%) !important; /*rtl*/ } article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"]:not(.vc_row-no-padding){ left: calc(-50vw + 50% + 10px) !important; /*rtl*/ } article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-module-wrap, article.page > .wpb-content-wrapper > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child rs-module, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-module, article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-module-wrap, article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-module, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child rs-module-wrap, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-module-wrap, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child rs-module, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-module, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-module-wrap, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-module, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"] rs-module-wrap, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"] rs-module{ width: 100% !important; } article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-static-layers, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-static-layers, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child rs-static-layers, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child rs-static-layers, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child rs-static-layers, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"] rs-static-layers{ overflow: visible !important; } /*** fix RS7 ***/ article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child sr7-module, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child sr7-content, article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child sr7-module, article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child sr7-content, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child sr7-module, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:first-child sr7-content, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child sr7-module, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:first-child sr7-content, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child sr7-module, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:first-child sr7-content, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"] sr7-module, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"] sr7-content { width: 100% !important; left: 0 !important; } .header-v2.header-transparent .header-middle div.header-right > div.ts-group-meta-icon-toggle, .header-v10.header-transparent .header-middle div.header-right > div.ts-group-meta-icon-toggle { transition: none; } .menu-header-active.header-v2.header-transparent .header-middle div.header-right > div.ts-group-meta-icon-toggle, .menu-header-active.header-v10.header-transparent .header-middle div.header-right > div.ts-group-meta-icon-toggle { order: 10; } /**/ @media (min-width: 768px){ .header-top > .container:before, div#main > *:first-child:before{ left: 30px; right: 30px; } .header-v6 .my-wishlist-wrapper > a .wishlist-number { display: inline-block; line-height: 30px; } .header-v6 .my-wishlist-wrapper > a .wishlist-number:before { content: '('; display: inline-block; } .header-v6 .my-wishlist-wrapper > a .wishlist-number:after { content: ')'; display: inline-block; } } @media (min-width: 1279px){ .header-top > .container:before, div#main > *:first-child:before{ width: 1170px; max-width: 100%; left: 0; right: 0; margin: 0 auto; } .header-fullwidth .header-top > .container:before, .header-fullwidth div#main > *:first-child:before, .layout-fullwidth .header-top > .container:before, .layout-fullwidth div#main > *:first-child:before{ width: auto; left: 50px; right: 50px; } article.page > .wpb-content-wrapper > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"]:not(.vc_row-no-padding){ left: calc(-50vw + 50% + 15px) !important; /*rtl*/ } .ts_desktop article.page > .wpb-content-wrapper > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"]:not(.vc_row-no-padding){ width: calc(100vw - 17px) !important; left: calc(-50vw + 50% + 24px) !important; /*rtl - 15 + 8.5*/ } } /*fix safari - macos*/ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none){ .ts_desktop article.page > .wpb-content-wrapper > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .wpb-content-wrapper > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .wpb-content-wrapper > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.remove-loading[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.row-slider-wrapper[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop article.page > .vc_row.mobile-clear-padding-right[data-vc-full-width-init="true"]:not(.vc_row-no-padding):first-child, .ts_desktop .vc_row.ts-slider-fullwidth[data-vc-full-width-init="true"]:not(.vc_row-no-padding){ width: 100vw !important; left: calc(-50vw + 50% + 15px) !important; /*rtl - 15 + 8.5*/ } } } @media (min-width: 1600px){ .header-fullwidth .header-top > .container:before, .header-fullwidth div#main > *:first-child:before, .layout-fullwidth .header-top > .container:before, .layout-fullwidth div#main > *:first-child:before{ left: 100px; right: 100px; } } /*** [WpBakery] Custom animation fadeInUp ***/ @-moz-keyframes drileFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes drileFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes drileFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } body .fadeInUp{ -webkit-animation-name: drileFadeInUp; animation-name: drileFadeInUp; } body.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) { padding-bottom: 50px; } body .vc_row[data-vc-full-width]{ max-width: none !important; } /*** About Us ***/ /*** Furniture 2 ***/ .drile-banner-style-2 .vc_inner{ max-width: 1400px; margin: 0 auto; } .drile-banner-style-2 .vc_inner .vc_custom_heading{ margin-bottom: 30px; } .drile-banner-style-2 .vc_inner:nth-child(1) > .wpb_column > .vc_column-inner{ padding: 50px 60px; max-width: 1170px; border-bottom-left-radius: 150px; } .drile-banner-style-2 .vc_inner:nth-child(2) > .wpb_column > .vc_column-inner > .wpb_wrapper{ position: relative; z-index: 1; } .drile-banner-style-2 .vc_inner:nth-child(1) > .wpb_column > .vc_column-inner > .wpb_wrapper{ position: relative; z-index: 3; } .drile-banner-style-2 .vc_inner .wpb_text_column{ margin-bottom: 0; } .drile-banner-style-2 .vc_inner .wpb_single_image{ margin-top: -230px; margin-bottom: 60px; } .drile-banner-style-2 .vc_inner .ts-button-wrapper{ margin: 0; position: absolute; bottom: -150px; left: 115px; /*rtl*/ } .drile-banner-style-2 .vc_inner .ts-button-wrapper .ts-button{ margin: 0; } .h1-big{ font-size: 120px; line-height: 120px; } .h2-big{ font-size: 50px; line-height: 65px; } .drile-banner-style-2 span.h1-big{ font-size: 100px; line-height: 100px; display: inline-block; vertical-align: middle; } .drile-banner-style-2 > .wpb_column > .wpb_wrapper > .wpb_text_column{ position: absolute; bottom: 0; left: 0; margin: 0; font-size: 280px; line-height: 1; font-weight: 700; color: #fff; opacity: 0.15; z-index: 0; text-transform: uppercase; white-space: nowrap; } .drile-banner-style-2 .vc_inner .wpb_single_image a{ max-width: 90%; display: inline-block; } .rs-layer strong{ color: inherit; font-weight: 700; } /*** Furniture 5 ***/ .drile-banner-discount{ margin-top: 53px; margin-bottom: 53px; padding: 60px 0; } .drile-banner-discount > .wpb_column:first-child{ margin-top: -120px; overflow: hidden; } .drile-banner-discount .ts-countdown{ position: absolute; bottom: 25px; left: 0; right: 0; } .drile-banner-discount > .wpb_column:first-child:hover .ts-countdown .counter-wrapper > div{ -webkit-animation-duration: 450ms; -moz-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pushfrombottom; -moz-animation-name: pushfrombottom; animation-name: pushfrombottom; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .drile-banner-discount > .wpb_column:first-child:hover .ts-countdown .counter-wrapper > div:nth-child(2){ animation-delay: 200ms; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; } .drile-banner-discount > .wpb_column:first-child:hover .ts-countdown .counter-wrapper > div:nth-child(3){ animation-delay: 340ms; -webkit-animation-delay: 340ms; -moz-animation-delay: 340ms; } .drile-banner-discount > .wpb_column:first-child:hover .ts-countdown .counter-wrapper > div:nth-child(4){ animation-delay: 400ms; -webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; } .drile-banner-discount .ts-countdown .counter-wrapper > div{ transition: 400ms ease; } .drile-banner-discount > .wpb_column:first-child:hover .ts-countdown .counter-wrapper > div{ background: rgba(255,255,255,1); } @-moz-keyframes pushfrombottom{ 0%{ opacity: 0; visibility: hidden; transform: translate3d(0,105px,0); } 100%{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); } } @-webkit-keyframes pushfrombottom{ 0%{ opacity: 0; visibility: hidden; transform: translate3d(0,105px,0); } 100%{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); } } @keyframes pushfrombottom{ 0%{ opacity: 0; visibility: hidden; transform: translate3d(0,105px,0); } 100%{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); } } .drile-banner-discount .wpb_image_grid .wpb_image_grid_ul:after{ content: ''; display: table; clear: both; } .drile-banner-discount .wpb_image_grid .wpb_image_grid_ul { margin-left: -15px; margin-right: -15px; } .drile-banner-discount .wpb_image_grid .wpb_image_grid_ul .isotope-item { padding: 0 15px; width: 25%; } .vc_row.remove-loading.loading:after{ display: none; } .vc_row.remove-loading ~ .vc_row{ z-index: 2; position: relative; } /*** Furniture 6 ***/ .vc_row.banner-categories{ position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; top: -60px; } .vc_row.bg-pos-00{ background-position: 0 0 !important; } body.wpb-js-composer .vc_tta-container{ margin-bottom: 0 !important } body.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination { margin-top: 50px; margin-bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } body .wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{ -webkit-animation-name: slowFadeIn; animation-name: slowFadeIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-moz-keyframes slowFadeIn{ 70%{opacity:0} 100%{opacity:1} } @-webkit-keyframes slowFadeIn{ 70%{opacity:0} 100%{opacity:1} } @keyframes slowFadeIn{ 70%{opacity:0} 100%{opacity:1} } .vc_row.column-3-4-3{ margin-left: -35px; margin-right: -35px; } .vc_row.column-3-4-3 > .wpb_column{ padding-left: 35px; padding-right: 35px; } .vc_row.column-3-4-3 > .wpb_column .ts-single-image:not(:last-child){ margin-bottom: 60px; } .vc_row.column-3-4-3 > .wpb_column:nth-child(1), .vc_row.column-3-4-3 > .wpb_column:nth-child(3){ width: 30%; } .vc_row.column-3-4-3 > .wpb_column:nth-child(2){ width: 40%; } .ts-banner-image.max-width img.text-image{ max-width: 35%; } .header-v7 .row-slider-wrapper{ margin-top: -101px; } @media only screen and (max-width: 1400px) and (min-width: 1279px){ .decrease-height-medium-screen{ height: 26px !important; } } #tab-seller ul.list-unstyled li{ list-style: none; } .woocommerce #tab-seller .star-rating{ float: left; /*rtl*/ margin: 2px 10px 0 0; /*rtl*/ } .vc_row.row-slider > .vc_column_container > .wpb_wrapper{ position: relative; } .vc_row.row-slider .ts-social-icons{ position: absolute; top: 50%; left: 8px; /*rtl*/ z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vc_row.row-slider .ts-social-icons .social-icons.style-icon li{ display: block; float: none; /*rtl*/ margin: 20px 0; } .vc_row.row-slider .widget-container.ts-social-icons ul li > a:hover i{ color: inherit; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div{ background: transparent; border: 1px solid #ffffff; border-radius: 100%; overflow: hidden; box-shadow: none; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:before{ font-size: 30px; color: #ffffff; z-index: 2; position: relative; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.4); border-radius: 100%; transform: scale(0); transition: transform 200ms ease; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:hover:after{ transform: scale(1); } /*------------------------------------------------------------- 14. COMINGSOON --------------------------------------------------------------*/ .visible-md-screen{ display: none !important; } .blank-page-template:before{ display: none; } .blank-page-template .vc_row.bg-pos-top-center > .wpb_column{ background-position: top center !important; } .h2-big, .blank-page-template .ts-countdown.style-2 .counter-wrapper .number { font-size: 40px; line-height: 50px; } .blank-page-template .ts-countdown.style-2 .counter-wrapper .ref-wrapper{ font-size: 18px; line-height: 26px; text-transform: uppercase; font-weight: bold; } .blank-page-template .vc_col-sm-12 .ts-mailchimp-subscription-shortcode .subscribe-widget { max-width: 540px; } .blank-page-template .widget-container.ts-social-icons{ margin-bottom: 0; } /*------------------------------------------------------------- III. FOOTER --------------------------------------------------------------*/ body footer .widget .widgettitle, body footer .widget-title{ line-height: 24px; } .first-footer-area a, .end-footer a, .first-footer-area a:hover, .end-footer a:hover{ color: inherit; text-decoration: none; } .socials-center.ts-social-icons .social-icons.style-icon:not(.style-vertical){ text-align: center; } .socials-center.ts-social-icons .social-icons.style-icon:not(.style-vertical) > ul{ display: inline-block; } .first-footer-area .text-light{ color: #cccccc; } .end-footer .text-light{ color: #ffffff; } .first-footer-area .text-light a:hover, .end-footer .text-light a:hover, .first-footer-area .text-light .vc_wp_custommenu .current-menu-item > a, .first-footer-area .text-light .vc_wp_custommenu .current-page-item > a{ color: #ffffff; } footer .vc_col-md-4 .ts-mailchimp-subscription-shortcode .subscribe-widget, footer .vc_col-md-4 .ts-image-gallery-wrapper{ max-width: 360px; margin-left: 0; } footer .vc_col-md-4 .ts-image-gallery-wrapper{ display: inline-block; } footer .vc_row.vc_row-o-equal-height > .wpb_column > .wpb_wrapper{ width: 100%; } .footer-container .ts-social-icons.fixed-bottom{ position: absolute; bottom: 10px; } .footer-container .ts-social-icons .social-icons.style-icon li a{ color: inherit; } .footer-container .ts-social-icons .social-icons.style-icon li i { font-size: 16px; } /*** TO TOP BUTTON ***/ #to-top{ position: fixed; right: 0; /* rtl */ bottom: 0; transform: scale(0,0); width: 50px; height: 50px; 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: 50px; height: 50px; overflow: hidden; text-transform: uppercase; font-size: 0; line-height: 0; letter-spacing: 0; text-decoration: none; } #to-top a:before{ font-size: 30px; line-height: 50px; } #to-top a:hover{ text-decoration: none; opacity: 1; } #to-top.on{ transform: scale(1,1); } .ts-footer-block .widget-container ul li > a:hover{ text-decoration: underline; } /* Widget text infomation */ .widget-container ul.list-item, .widget ul.list-item{ width: 100%; overflow: hidden; margin-bottom: 10px } /* Reset widget footer */ body .ts-footer-block{ border: 0; padding: 20px 0; margin: 0; } body .end-footer .ts-footer-block, body .ts-footer-block .widget-container{ padding: 0; } footer ul li{ list-style: none; padding: 9px 0; } footer ul li > a{ text-decoration: none; } footer ul ul li{ padding: 6px 0; } body #colophon .wpb_wrapper > .widget-title, body #colophon .widget-title-wrapper{ margin: 0 0 20px 0; } body #colophon .mailchimp-subscription .widget-title-wrapper{ margin-bottom: 0; } body #colophon .widget-title{ border-width: 0; } .footer-end-menu{ margin: 0 -5px; display: block; text-align: right;/* rtl */ } .footer-end-menu li{ display: inline-block; padding: 0; margin: 4px 8px; } ul.no-padding li a:hover, .footer-end-menu li a{ text-decoration: none; } /*** FOOTER INFO ***/ ul.info-content 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*/ } ul.info-content.horizontal{ text-align: center; } ul.info-content.horizontal li{ display: inline-block; vertical-align: middle; padding-left: 20px; padding-right: 20px; } ul.info-content.horizontal li:not(:last-child):after{ content: '|'; position: absolute; right: 0; /*rtl*/ } .payment-right{ text-align: right; } .end-footer .wpb_text_column img.alignleft, .end-footer .wpb_text_column img.alignright{ margin: 0 !important; } /*** Footer 1/2/3 ***/ .copyright-space-between.vc_row-o-content-middle.vc_row-flex > .wpb_column{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .copyright-space-between.vc_row-o-content-middle.vc_row-flex > .wpb_column:first-child{ -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .copyright-space-between.vc_row-o-content-middle.vc_row-flex > .wpb_column:last-child{ -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } /*** Footer 1 ***/ .vc_row.footer-1 > .wpb_column:nth-child(2){ padding-left: 100px; padding-right: 100px; } /*** Footer 3 ***/ .horizontal-menu{ text-align: center; } .horizontal-menu ul{ display: inline-block; margin: 0 -18px; } .horizontal-menu ul li{ display: inline-block; vertical-align: bottom; list-style: none; padding: 0 18px; } .horizontal-menu.uppercase{ text-transform: uppercase; } .horizontal-menu.uppercase ul li a:hover{ color: #ffffff; } .horizontal-menu.uppercase ~ .text-light .mailchimp-subscription input[type="email"]{ border-color: rgba(233,233,233,0.2) !important; } /*** Footer 6 ***/ .vc_row.bg-top-right{ background-position: top right !important; } .furniture-footer-6 .wpb_text_column p{ line-height: 32px; } .furniture-footer-6 .vc_col-sm-7 > .vc_column-inner > .wpb_wrapper{ padding: 65px; } .furniture-footer-6 .vc_col-sm-5 > .vc_column-inner > .wpb_wrapper{ padding-top: 65px; } .footer-container .wpcf7 input[type="text"], .footer-container .wpcf7 input[type="email"], .footer-container .wpcf7 input[type="password"], .footer-container .wpcf7 input[type="number"], .footer-container .wpcf7 input[type="tel"], .footer-container .wpcf7 textarea{ background: transparent; border-width: 0 0 1px; padding-left: 0; padding-right: 0; } .footer-container .contact-form .info-wrapper { margin-left: 0; margin-right: 0; flex-direction: column; } .footer-container .contact-form .info-wrapper > p { padding-left: 0; padding-right: 0; } .footer-container .contact-form p:not(.clearfix){ margin-bottom: 35px; } .footer-container .wpb_text_column h6{ margin-bottom: 10px; } .footer-container .contact-form .wpcf7-not-valid-tip { margin-bottom: 0; } /*------------------------------------------------------------- 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-products-widget.has-nav .widget-title, .ts-products-widget.has-nav .widgettitle{ margin-right: 60px;/* rtl */ } .theme-title .heading-title, .comments-title .heading-title, #comment-wrapper .heading-title, .widget-container .widget-title-wrapper{ margin: 0; display: block; } .theme-title .heading-title, .comments-title .heading-title, #comment-wrapper .heading-title{ text-transform: uppercase; } .widget-container .widget-title-wrapper, .widget-title-wrapper{ margin-bottom: 20px; position: relative; } .widget_tag_cloud .widget-title-wrapper{ margin-bottom: 12px; } .widget-container .widget-title{ margin: 0; display: inline-block; text-transform: uppercase; } .vc_col-sm-12 .style-vertical .widget-title-wrapper .widget-title{ padding-left: 0; padding-right: 20px;/* rtl */ } .vc_col-sm-12 .style-vertical .widget-title-wrapper .widget-title:after{ top: 6px; bottom: 6px; border-width: 0 2px 0 0; border-style: solid; right: 0;/* rtl */ left: auto; content: ""; width: 1px; position: absolute; } .vc_col-sm-12 .style-vertical .widget-title-wrapper{ padding-bottom: 0; border-width: 0; } 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{ list-style: none; padding: 8px 0; } .widget-container ul ul li{ 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 --------------------------------------------------------------*/ .ts-mailchimp-subscription-shortcode .widget-container{ margin: 0; } .mailchimp-subscription{ position: relative; overflow: hidden; } .vertical-button-icon .subscribe-email input[type="email"]{ border-width: 0 0 1px; padding-left: 0; /*rtl*/ padding-right: 46px; /*rtl*/ } .vertical-button-icon .subscribe-email .button:hover:before{ opacity: 0.6; } .subscribe-email:after{ display: table; clear: both; content: ""; } .mailchimp-subscription input[type="email"], .mailchimp-subscription input[type="tel"]{ background: transparent; padding-top: 9px; padding-bottom: 9px; max-width: 100%; position: relative; z-index: 1; margin: 0; } .mailchimp-subscription .newsletter{ display: block; margin-bottom: 20px; } .mailchimp-subscription .newsletter{ max-width: 400px; word-break: break-word; } .newsletter p{ margin-bottom: 0; } .mailchimp-subscription .mc4wp-alert p{ margin: 0; } .mailchimp-subscription .processing button.button i, .widget_mc4wp_form_widget .processing button.button i{ -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); display: inline-block !important; } .mailchimp-subscription .processing button.button i:before, .widget_mc4wp_form_widget .processing button.button i:before{ content: "\e61c"; } .ts-mailchimp-subscription-shortcode .mailchimp-subscription button.button i{ display: inline-block; } .mailchimp-subscription button.button i, .widget_mc4wp_form_widget .mc4wp-form-fields button.button i{ display: none; } .mailchimp-subscription .mc4wp-error a{ text-decoration: underline; } .mailchimp-subscription .mc4wp-error, .mailchimp-subscription .mc4wp-success{ display: inline-block; position: relative; padding-left: 25px;/* rtl */ line-height: 18px !important; } .mailchimp-subscription .mc4wp-error:before, .mailchimp-subscription .mc4wp-success:before{ top: -1px; line-height: 18px; border-radius: 0; position: absolute; left: 0;/* rtl */ font-size: 15px; background: none; height: 20px; width: 20px; text-shadow: none; box-shadow: none; } .mailchimp-subscription .subscribe-email{ position: relative; } /*------------------------------------------------------------- 2. TAG CLOUD --------------------------------------------------------------*/ .tagcloud, .tags-link{ overflow: hidden; margin: 0 -5px; } .tagcloud a, .tags-link a{ margin: 7px; display: block; line-height: 30px; padding: 0 10px; float: left;/* rtl */ } .tagcloud a, .tags-link a{ line-height: 24px !important; /* ~ body */ } .tagcloud a:hover, .tags-link a:hover{ 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, .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; } .blank-page-template .ts-social-icons .social-icons{ width: auto; margin-bottom: 10px; } .ts-social-icons .social-icons:after, .ts-social-icons:after, .ts-social-icons .list-icons:after{ display: table; clear: both; content: ""; } .ts-social-icons .list-icons{ margin: 0 -5px; display: block; } .ts-aligncenter .ts-social-icons .list-icons{ display: inline-block; } .ts-social-icons .social-icons:not(.style-vertical) li{ text-align: center; } .ts-social-icons .social-icons:not(.style-vertical) li a{ width: 34px; height: 34px; display: block; transition: none; } .ts-social-icons .social-icons.style-icon{ margin: -12px; } .ts-social-icons .social-icons.style-vertical > ul, .ts-social-icons .social-icons.style-icon > ul{ margin: 0; } .ts-social-icons .social-icons.style-icon li{ margin: 5px 12px; } .end-footer .ts-social-icons .social-icons.style-icon li{ margin: 5px 17px; } .ts-social-icons.style-2 .social-icons.style-icon li, .end-footer .ts-social-icons.style-2 .social-icons.style-icon li{ margin: 2px 28px; } .ts-social-icons.style-2 .social-icons.style-icon{ margin-top: 0; } .ts-social-icons.style-2 .social-icons.style-icon li a, .end-footer .ts-social-icons.style-2 .social-icons.style-icon li a{ opacity: 0.5; } .ts-social-icons.style-2 .social-icons.style-icon li a:hover, .end-footer .ts-social-icons.style-2 .social-icons.style-icon li a:hover{ opacity: 1; } .ts-social-icons .social-icons.style-icon li a{ width: auto; height: auto; } .ts-social-icons .style-square.social-icons li a{ border: 1px solid; } .ts-social-icons .social-icons .ts-tooltip{ display: none; } .ts-social-icons .social-icons:not(.style-vertical) .ts-tooltip{ color: #fff; position: absolute; content: ""; top: -32px; left: 50%; margin-left: -30px !important; height: 20px; opacity: 0; visibility: hidden; padding: 2px 5px; width: 60px; font-size: 9px; transition: 350ms ease 0s; text-align: center !important; line-height: 16px !important; white-space: nowrap; } .ts-social-icons .social-icons li a:hover .ts-tooltip{ z-index: 999; } .ts-social-icons .show-tooltip.social-icons .ts-tooltip{ display: inline-block; } .ts-social-icons .social-icons.style-vertical .ts-tooltip{ background: transparent; } .ts-social-icons .social-icons:not(.style-vertical) .ts-tooltip:before{ position: absolute; bottom: -9px; left: 50%; font-size: 12px; margin-left: -3px; line-height: 14px; } .ts-social-icons .social-icons:not(.style-vertical) li a:hover .ts-tooltip{ opacity: 1; top: -26px; visibility: visible; } .ts-social-icons .social-icons.style-icon:not(.style-vertical) li a:hover .ts-tooltip{ top: -20px; } .ts-social-icons .social-icons li{ margin: 0 4px 8px 4px; float: left;/* rtl */ display: block; position: relative; } .ts-social-icons .social-icons:not(.style-vertical) li{ padding: 0 !important; } .ts-social-icons .style-icon .social-icons li{ margin: 0; } .ts-social-icons .social-icons.style-vertical li{ height: auto; display: inline-block; width: 100%; padding: 8px 0; margin: 0; } .ts-social-icons .social-icons.style-vertical li:first-child{ padding-top: 0; } .ts-social-icons .social-icons.style-vertical li:last-child{ padding-bottom: 0; } .ts-social-icons li i{ line-height: 32px; width: auto; height: auto; margin: 0; font-size: 18px; } .ts-social-icons .style-vertical li i{ font-size: 16px; line-height:24px; margin-right: 15px; /* rtl */ min-width: 20px; } .ts-social-icons .social-icons.style-vertical .social-desc{ margin-bottom: 10px; } /* Background */ .ts-social-icons .social-icons.style-square li.facebook a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.facebook .ts-tooltip{ background-color: #3B5998; } .ts-social-icons .social-icons.style-square li.twitter a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.twitter .ts-tooltip{ background-color: #2CAAE1; } .ts-social-icons .social-icons.style-square li.flickr a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.flickr .ts-tooltip{ background-color: #E30761; } .ts-social-icons .social-icons.style-square li.vimeo a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.vimeo .ts-tooltip{ background-color: #17B3E8; } .ts-social-icons .social-icons.style-square li.mailchimp a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.mailchimp .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons.style-square li.youtube a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.youtube .ts-tooltip{ background-color: #CC181E; } .ts-social-icons .social-icons.style-square li.viber a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.viber .ts-tooltip{ background-color: #7C529E; } .ts-social-icons .social-icons.style-square li.skype a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.skype .ts-tooltip{ background-color: #009EE5; } .ts-social-icons .social-icons.style-square li.instagram a:hover, .ts-social-icons .social-icons:not(.style-vertical) 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.style-square li.feedburner a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.feedburner .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons.style-square li.linkedin a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.linkedin .ts-tooltip{ background-color: #176DBA; } .ts-social-icons .social-icons.style-square li.wordpress a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.wordpress .ts-tooltip{ background-color: #21759B; } .ts-social-icons .social-icons.style-square li.pinterest a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.pinterest .ts-tooltip{ background-color: #cb2027; } .ts-social-icons .social-icons.style-square li.reddit a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.reddit .ts-tooltip{ background-color: #516AE8; } .ts-social-icons .social-icons.style-square li.custom a:hover, .ts-social-icons .social-icons:not(.style-vertical) li.custom .ts-tooltip{ background-color: #202020; } /* Border */ .ts-social-icons .social-icons.style-square li.facebook a:hover{ border-color: #3B5998; } .ts-social-icons .social-icons.style-square li.twitter a:hover{ border-color: #2CAAE1; } .ts-social-icons .social-icons.style-square li.flickr a:hover{ border-color: #E30761; } .ts-social-icons .social-icons.style-square li.vimeo a:hover{ border-color: #17B3E8; } .ts-social-icons .social-icons.style-square li.mailchimp a:hover{ border-color: #176DBA; } .ts-social-icons .social-icons.style-square li.youtube a:hover{ border-color: #CC181E; } .ts-social-icons .social-icons.style-square li.viber a:hover{ border-color: #7C529E; } .ts-social-icons .social-icons.style-square li.skype a:hover{ border-color: #009EE5; } .ts-social-icons .social-icons.style-square li.instagram a:hover{ border-color: #125688; } .ts-social-icons .social-icons.style-square li.feedburner a:hover{ border-color: #176DBA; } .ts-social-icons .social-icons.style-square li.linkedin a:hover{ border-color: #176DBA; } .ts-social-icons .social-icons.style-square li.wordpress a:hover{ border-color: #21759B; } .ts-social-icons .social-icons.style-square li.pinterest a:hover{ border-color: #cb2027; } .ts-social-icons .social-icons.style-square li.reddit a:hover{ border-color: #516AE8; } .ts-social-icons .social-icons.style-square li.custom a:hover{ border-color: #202020; } /* Text */ .ts-social-icons .social-icons.style-vertical li a{ background: transparent !important; } body .ts-social-icons .social-icons.style-square li a:hover{ color: #ffffff; } .ts-social-icons .social-icons:not(.style-vertical) li.facebook .ts-tooltip:before, .ts-social-icons .social-icons li.facebook a:hover{ color: #3B5998; } .ts-social-icons .social-icons:not(.style-vertical) li.twitter .ts-tooltip:before, .ts-social-icons .social-icons li.twitter a:hover{ color: #2CAAE1; } .ts-social-icons .social-icons:not(.style-vertical) li.google-plus .ts-tooltip:before, .ts-social-icons .social-icons li.google-plus a:hover{ color: #c63531; } .ts-social-icons .social-icons:not(.style-vertical) li.flickr .ts-tooltip:before, .ts-social-icons .social-icons li.flickr a:hover{ color: #E30761; } .ts-social-icons .social-icons:not(.style-vertical) li.vimeo .ts-tooltip:before, .ts-social-icons .social-icons li.vimeo a:hover{ color: #17B3E8; } .ts-social-icons .social-icons:not(.style-vertical) li.mailchimp .ts-tooltip:before, .ts-social-icons .social-icons li.mailchimp a:hover{ color: #176DBA; } .ts-social-icons .social-icons:not(.style-vertical) li.youtube .ts-tooltip:before, .ts-social-icons .social-icons li.youtube a:hover{ color: #CC181E; } .ts-social-icons .social-icons:not(.style-vertical) li.viber .ts-tooltip:before, .ts-social-icons .social-icons li.viber a:hover{ color: #7C529E; } .ts-social-icons .social-icons:not(.style-vertical) li.skype .ts-tooltip:before, .ts-social-icons .social-icons li.skype a:hover{ color: #009EE5; } .ts-social-icons .social-icons:not(.style-vertical) li.instagram .ts-tooltip:before, .ts-social-icons .social-icons li.instagram a:hover{ color: #d95766; } .ts-social-icons .social-icons:not(.style-vertical) li.feedburner .ts-tooltip:before, .ts-social-icons .social-icons li.feedburner a:hover{ color: #176DBA; } .ts-social-icons .social-icons:not(.style-vertical) li.linkedin .ts-tooltip:before, .ts-social-icons .social-icons li.linkedin a:hover{ color: #176DBA; } .ts-social-icons .social-icons:not(.style-vertical) li.wordpress .ts-tooltip:before, .ts-social-icons .social-icons li.wordpress a:hover{ color: #21759B; } .ts-social-icons .social-icons:not(.style-vertical) li.pinterest .ts-tooltip:before, .ts-social-icons .social-icons li.pinterest a:hover{ color: #cb2027; } .ts-social-icons .social-icons:not(.style-vertical) li.reddit .ts-tooltip:before, .ts-social-icons .social-icons li.reddit a:hover{ color: #516AE8; } .ts-social-icons .social-icons:not(.style-vertical) li.custom .ts-tooltip:before, .ts-social-icons .social-icons li.custom a:hover{ color: #202020; } /*------------------------------------------------------------- 4. FILTER BY PRICE --------------------------------------------------------------*/ .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: 2px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin-left: 4px; margin-right: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ height: 4px; top: -1px; } .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: #c2c2c2; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background: #e5e5e5; border-radius: 0; direction: ltr; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width: 4px; height: 14px; border-width: 0 4px 0 0; border-style: solid; margin-left: -4px; top: -6px; background: transparent; box-shadow: none; border-radius: 0; } .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: -4px; } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount{ padding-top: 4px; } .woocommerce .widget-container .price_slider_amount{ position: relative } .woocommerce .widget-container .price_slider_amount .price_label{ margin: 2px 0; float: left;/* rtl */ font-size: 100%; } .woocommerce .widget_price_filter .price_slider_amount .button{ float: right;/* rtl */ font-size: 10px; line-height: 14px; padding: 7px; min-width: 70px; border-width: 1px; border-style: solid; border-color: #cccccc; color: #282828; background: rgba(255,255,255,0.5) } .woocommerce .widget_price_filter .price_slider_amount .button:hover{ background: #282828; color: #ffffff; border-color: #282828; } .woocommerce .widget_price_filter .price_slider_amount{ text-align: left; /* rtl */ float: none; } /*------------------------------------------------------------- 5. FILTER BY ATTRIBUTE --------------------------------------------------------------*/ /*** Active Filters ***/ .ts-active-filters:after{ content: ''; display: table; clear: both; } .ts-active-filters .widget_layered_nav_filters .widgettitle{ line-height: 30px; float: left;/* rtl */ margin: 10px 25px 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: 10px; padding: 0; float: left;/* rtl */ line-height: 30px; } .ts-active-filters .widget_layered_nav_filters ul li a{ transition: none; position: relative; } .woocommerce .widget_layered_nav_filters ul li a:after{ color: inherit !important; font-size: 12px; display: inline-block; vertical-align: middle; } .woocommerce .widget_layered_nav_filters ul li a:before{ display: none; } /*------------------------------------------------------------- 6. FILTER BY COLOR --------------------------------------------------------------*/ .product-filter-by-color ul:after{ display: table; content: ""; clear: both; } .product-filter-by-color ul li a > span{ display: inline-block; vertical-align: middle; } .product-filter-by-color ul li a > span:not(.color-name){ width: 20px; height: 20px; font-size: 0; letter-spacing: 0; margin-right: 10px; /*rtl*/ border-radius: 100%; transition: 350ms ease 0s; } .product-filter-by-color ul li:not(:hover):not(.chosen) a img, .ts-product-attribute div.option:not(:hover):not(.selected) a img, .product-filter-by-color ul li:not(:hover):not(.chosen) a > span:not(.color-name){ transform: scale(0.7); } .product-filter-by-color ul li a, .product-filter-by-material ul li a{ display: inline-block; } .product-filter-by-color ul li a img, .product-filter-by-material ul li a img, .ts-product-attribute a img{ width: 20px; height: 20px; border-radius: 100%; display: block; transition: 300ms ease 0s; } .product-filter-by-color ul li a img, .product-filter-by-material ul li a img{ display: inline-block; vertical-align: middle; margin-right: 10px; /*rtl*/ } .product-filter-by-color > ul{ margin-bottom: 0; } /*------------------------------------------------------------- 7. FILTER BY MATERIAL --------------------------------------------------------------*/ .product-filter-by-material ul li a img, .ts-product-attribute .material a img { width: 50px; height: 50px; border-radius: 0; } .ts-product-attribute div.material:not(:hover):not(.selected) a img, .product-filter-by-material ul li:not(:hover):not(.chosen) a img{ transform: scale(0.8); transition: 350ms ease 0s; } .ts-product-attribute > div.option.material{ margin: 0 5px; } .product-filter-by-material ul li a img{ margin-right: 5px; /*rtl*/ } /*------------------------------------------------------------- 8. WIDGET LIST PRODUCT --------------------------------------------------------------*/ .widget.ts-products-widget{ overflow: hidden; } .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%; } .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 .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ margin: 0 0 20px 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 */ } .widget_shopping_cart ul.cart_list li img{ margin-right: 15px;/* rtl */ } .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 4px 0; text-transform: none; } .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: 18px; } 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; font-size: 90%; 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%; } /* 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 */ ul.product_list_widget li .price, .woocommerce ul.product_list_widget li .price{ margin: 2px -5px 6px -5px; display: inline-block; width: calc(100% + 10px); } .woocommerce .widget.ts-products-widget li .price, .widget.ts-products-widget .woocommerce li .price, .woocommerce .widget.ts-products-widget li .product-categories, .widget.ts-products-widget .woocommerce li .product-categories{ margin-bottom: 8px; } .woocommerce .widget.ts-products-widget li > a, .widget.ts-products-widget .woocommerce li > a{ margin-bottom: 6px; } ul.product_list_widget li span.amount, .woocommerce ul.product_list_widget li span.amount{ margin: 0 5px; display: inline; } ul.product_list_widget li span.amount, .woocommerce.widget_shopping_cart ul.product_list_widget li span.amount{ margin-left: 0; margin-right: 0; } .amount, .quantity span.amount{ line-height: 20px; } /* 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 0 0 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_products ul.product_list_widget{ padding-top: 6px; } /* 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; } /*------------------------------------------------------------- 9. WIDGET CALENDAR --------------------------------------------------------------*/ #calendar_wrap{ overflow: auto; } .widget_calendar table{ border-width: 0; background: rgba(180,180,180,0.1); margin-bottom: 15px; } body .widget_calendar table td, body .widget_calendar table th{ border-width: 0 !important; padding: 5px; text-align: center; background: transparent; } .widget_calendar caption{ padding: 7px 0 6px 0; text-align: center; text-transform: uppercase; background: #202020; color: #fff; } .widget_calendar td#prev{ text-align: left; /* rtl */ } .widget_calendar td#next{ text-align: right; /* rtl */ } /*------------------------------------------------------------- 10. 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: 50px; } .widget_display_search > form > div:before, .widget_search > form .search-button:before, .widget_product_search > form:before, .error404 .search-table .search-button:before{ width: 40px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 5px; right: 0;/* rtl */ transition: color 350ms ease 0s; } .widget_display_search > form > div:before, .widget_search > form .search-button:before, .widget_product_search > form:before{ top: 16px; } .error404 .search-table .search-button:before{ width: 40px; line-height: 50px; top: 0; } /*------------------------------------------------------------- 11. 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-container li > a:hover{ text-decoration: none; } .widget_recent_comments ul li .comment-author-link:before{ display:inline-block; font-size: 18px; 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; } /* 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{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 30px; } .ts-blogs-widget .post_list_widget > li a.thumbnail{ width: 36%; } .ts-blogs-widget .post_list_widget > li .entry-content{ width: 64%; padding-left: 15px; /*rtl*/ } .ts-blogs-widget .post_list_widget > li .entry-content.no-featured-image{ width: 100%; padding: 0;/* rtl */ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .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; } /*------------------------------------------------------------- 12. 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; } .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: 10px; /*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 */ } /*------------------------------------------------------------- 13. WIDGET SOCIAL --------------------------------------------------------------*/ .widget-container.ts-social-icons .social-icons{ padding-top: 0; } .widget-container.ts-social-icons .social-desc{ margin-bottom: 10px; } /*------------------------------------------------------------- 14. 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%; } /*------------------------------------------------------------- 16. WIDGET PRODUCT CATEGORIES --------------------------------------------------------------*/ .widget-container ul.product-categories li{ margin: 0; padding: 8px 0; position: relative; } .widget-container ul.product-categories ul li{ padding: 6px 0; } .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 */ .ts-product-categories-widget ul.product-categories li.cat-parent > a:after{ display: none; } .ts-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle{ position: absolute; right: -5px; /* rtl */ top: 2px; z-index: 2; display: block; width: 20px; height: 20px; text-align: center; font-size: 10px; line-height: 20px; cursor: pointer; } .ts-product-categories-widget ul.product-categories ul li.cat-parent > span.icon-toggle{ right: -15px;/* rtl */ } .ts-product-categories-widget ul.product-categories ul li.cat-parent > span.icon-toggle{ top: 7px; } .ts-product-categories-widget ul.product-categories li span.icon-toggle{ display: none; } .ts-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle:before{ display: inline-block; line-height: 20px; } .ts-product-categories-widget ul.product-categories li.cat-parent a{ padding-right: 20px; /* rtl */ } /*------------------------------------------------------------- 17. 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; } /*------------------------------------------------------------- 18. 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; } /*------------------------------------------------------------- 19. 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 .menu-menu-main-container > 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, .widget-container.product-filter-by-brand ul li, .widget-container.product-filter-by-price ul li, .widget-container.product-filter-by-color ul li, .widget-container.product-filter-by-material ul li, .widget-container.product-filter-by-availability ul li{ padding: 5px 0; position: relative; } .widget_categories > ul > li, .widget_pages > ul > li, .widget_nav_menu .menu-menu-main-container > 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-brand .product-filter-by-brand-wrapper > ul > li, .widget-container.product-filter-by-price .product-filter-by-price-wrapper > ul > li, .widget-container.product-filter-by-color > ul > li, .widget-container.product-filter-by-material > ul > li, .widget-container.product-filter-by-availability .product-filter-by-availability-wrapper > ul > li{ margin: 0 0 16px 0; padding: 0; position: relative; } .widget-container.product-filter-by-material > ul > li{ margin: 0 0 6px 0; } .widget_categories > ul li:last-child, .widget_pages > ul li:last-child, .widget_nav_menu .menu-menu-main-container > 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-price .product-filter-by-price-wrapper > ul > li:last-child, .widget-container.product-filter-by-color > ul > li:last-child, .widget-container.product-filter-by-material > 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 .menu-menu-main-container > 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-price .product-filter-by-price-wrapper > ul > li label, .widget-container.product-filter-by-color ul li.chosen a .color-name, .widget-container.product-filter-by-material ul li.chosen a .material-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-container.product-filter-by-color ul li a, .widget-container.widget_layered_nav ul li a{ display: block; position: relative; z-index: 2; } .widget-container.product-filter-by-availability ul li input[type^="checkbox"], .widget-container.product-filter-by-brand ul > li input[type^="checkbox"], .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:before{ display: none; } .woocommerce .widget_layered_nav_filters ul li a:after, .woocommerce .widget_rating_filter > ul li.wc-layered-nav-rating.chosen a:after, .widget-container.product-filter-by-brand ul > li.selected label:after, .widget-container.product-filter-by-availability ul li input[checked] + label:after, .widget-container.product-filter-by-color ul li.chosen a .color-name:after, .widget-container.product-filter-by-material ul li.chosen a .material-name:after, .widget-container.product-filter-by-price ul li.chosen label:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:after{ content: ""; font-family: WooCommerce; font-size: 14px; line-height: 22px; color: #202020; speak: none; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; margin: 0 0 0 5px; /*rtl*/ text-decoration: none; display: inline-block; vertical-align: middle; margin-top: -2px; transition: color 350ms ease; } .widget_categories ul li, .widget_pages ul li, .widget_nav_menu .menu-menu-main-container ul li, .widget-container ul.product-categories li, .widget-container.widget_categories ul li, .widget_layered_nav ul li, .widget-container.product-filter-by-brand ul li, .widget-container.product-filter-by-material ul li, .widget-container.product-filter-by-color ul li{ padding-right: 20px; /*rtl*/ } .widget_categories ul li .count, .widget_pages ul li .count, .widget_nav_menu .menu-menu-main-container ul li .count, .widget-container ul.product-categories li .count, .widget-container.widget_categories ul li .count, .widget_layered_nav ul li .count, .widget-container.product-filter-by-brand ul li .count, .widget-container.product-filter-by-material ul li .count, .widget-container.product-filter-by-color ul li .count{ font-size: 100%; position: absolute; top: 0; right: 0; /*rtl*/ min-width: 20px; text-align: right; /*rtl*/ } .widget-container.product-filter-by-material ul li .count{ margin-top: 12px; } .widget-container.product-filter-by-material ul li a > .material-name:first-child:last-child{ padding: 14px 5px; display: inline-block; } /* WIDGET TS CATEGORIES */ .widget_categories > ul li.cat-parent > a:after{ display: none; } .widget_categories > ul li.cat-parent > span.icon-toggle{ position: absolute; right: -3px; /* rtl */ top: 0; z-index: 2; display: inline-block; width: 20px; height: 20px; text-align: center; cursor: pointer; } .widget_categories > ul li span.icon-toggle{ display: none; } .widget_categories > ul li.cat-parent > span.icon-toggle:before{ display: inline-block; font-size: 12px; line-height: 20px; } .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; } /*------------------------------------------------------------- 20. WIDGET FILTER AVAILABILITY --------------------------------------------------------------*/ .widget-container.product-filter-by-availability ul{ margin-bottom: 0; } .widget-container ul li label{ margin: 0; padding: 0; line-height: 22px; cursor: pointer; } /*------------------------------------------------------------- 21. WIDGET INSTAGRAM --------------------------------------------------------------*/ .ts-instagram-wrapper{ overflow: hidden; margin-bottom: 20px; } .ts-instagram-wrapper.items{ margin: -15px; } .ts-instagram-wrapper .item{ float: left; /* rtl */ position: relative; overflow: hidden; padding: 15px; } .ts-sidebar .ts-instagram-wrapper.items, .gap-10 .ts-instagram-wrapper.items{ margin: -10px; } .ts-sidebar .ts-instagram-wrapper.items.ts-slider, .gap-10 .ts-instagram-wrapper.items.ts-slider{ width: calc(100% + 20px); } .ts-sidebar .ts-instagram-wrapper .item, .gap-10 .ts-instagram-wrapper.items .item{ padding: 10px; } .gap-5 .ts-instagram-wrapper.items{ margin: -5px; } .gap-5 .ts-instagram-wrapper.items.ts-slider{ width: calc(100% + 10px); } .gap-5 .ts-instagram-wrapper.items .item{ padding: 5px; } .ts-sidebar .ts-instagram-wrapper .item a:after{ font-size: 20px; } .ts-instagram-wrapper .item a{ overflow: hidden; width: 100%; display: block; position: relative; } .ts-instagram-shortcode .item a img{ width: 100%; transform: scale(1,1); transition: opacity 800ms, transform 800ms ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-instagram-shortcode 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; background: rgba(0,0,0,0.6); z-index: 2; } .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-wrapper.columns-7 .item{ width: 14.2856%; } .ts-instagram-shortcode .ts-instagram-widget{ margin-bottom: 0; overflow: hidden; } .vc_row[data-vc-stretch-content] .widget-title-wrapper{ margin-bottom: 50px; } .snptwdgt-container .snptwdgt-qpr__ftr{ display: none !important; } /*------------------------------------------------------------- 22. 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; } /*------------------------------------------------------------- 23. WIDGET FILTER BY RATING --------------------------------------------------------------*/ .woocommerce .widget_rating_filter ul li{ margin-bottom: 5px; } .woocommerce .widget_rating_filter ul li .star-rating{ margin: 0; position: relative; top: 2px; } /*------------------------------------------------------------- 24. 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; } /*------------------------------------------------------------- 25. WIDGET PRODUCT FILTER BY BRAND --------------------------------------------------------------*/ .product-filter-by-brand li{ position: relative; } .product-filter-by-brand li > *{ display: inline; } .product-filter-by-brand ul li label{ padding-bottom: 0; cursor: pointer; } .product-filter-by-brand .product-filter-by-brand-wrapper > ul{ margin-bottom: 0; } .product-filter-by-brand .product-filter-by-brand-wrapper > ul ul{ margin: 10px 0 2px 20px;/* rtl */ } /*------------------------------------------------------------- 26. WIDGET TS FILTER BY PRICE --------------------------------------------------------------*/ .product-filter-by-price-wrapper > ul{ margin-bottom: 0; } /*------------------------------------------------------------- 27. 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 > li > a, #right-sidebar .widget_categories > ul > li > a, #left-sidebar .widget_pages > ul > li > a, #right-sidebar .widget_pages > ul > li > a, #left-sidebar .widget_nav_menu div > ul > li > a, #right-sidebar .widget_nav_menu div > ul > li > a{ text-transform: uppercase; } #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 20px; /* 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; } /*------------------------------------------------------------- 28. 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{ clear: both; 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 .products .product{ margin: 0 0 42px 0; padding: 0 15px; position: relative; float: left;/* rtl */ } .woocommerce .ts-shortcode:not(.rows-2) .products > .product-group{ width: 25%; float: left;/* rtl */ } .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% } /* Sub Categories */ .woocommerce.columns-8 .products .product.product-category{ width: 12.5%; } .woocommerce.columns-7 .products .product.product-category{ width: 14.285% } .woocommerce.columns-6 .products .product.product-category{ width: 16.6% } .woocommerce.columns-5 .products .product.product-category{ width: 20%; } .woocommerce.columns-4 .products .product.product-category{ width: 25%; } .woocommerce.columns-3 .products .product.product-category{ width: 33.3333333333%; } .woocommerce.columns-2 .products .product.product-category{ width: 50%; } .woocommerce.columns-1 .products .product.product-category{ width: 100%; } .woocommerce .ts-slider .products .product{ height: 100%; } .ts-slider .products .owl-item .product{ float: none !important; width: 100% !important; } .ts-slider .item{ width: 100% !important; } .woocommerce .ts-product-deals-wrapper .products .product{ margin-bottom: 30px; } .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{ margin: 0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ clear: both; } .woocommerce .products{ margin: 0 -15px; position: static; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .woocommerce .products > .list-categories{ width: 100%; margin-bottom: 60px; position: relative; } .woocommerce .products > .list-categories:after{ content: ''; height: 1px; position: absolute; bottom: 0; left: 15px; right: 15px; border-width: 0 0 1px; border-style: solid; border-color: #f0f2f5; } .woocommerce .cross-sells.products, .woocommerce .up-sells.products{ margin-left: 0; margin-right: 0; width: 100%; } .archive .woocommerce .products, .archive.woocommerce #main > .ts-product-category-wrapper.ts-slider{ padding-top: 35px; } .archive.woocommerce #left-sidebar, .archive.woocommerce #right-sidebar{ padding-top: 16px; } /* 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-product .content-wrapper: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.columns-3:after, .woocommerce.columns-4:after, .woocommerce.columns-5:after, .woocommerce.columns-6: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%; } .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; } .image-border .thumbnail-wrapper > a img{ border-width: 1px; border-style:solid; } .image-border a.ts-wg-thumbnail img{ border-width: 1px; border-style:solid; } .woocommerce .product .thumbnail-wrapper *{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .product .thumbnail-wrapper > a:before{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: #ffffff; opacity: 0; visibility: hidden; z-index: 3; transition: 500ms ease 0s; } .woocommerce .product .thumbnail-wrapper:hover > a:before, .woocommerce .product .thumbnail-wrapper:hover figure.owl-carousel .owl-item:before{ visibility: visible; opacity: 0.7; } .woocommerce .product .thumbnail-wrapper > a{ position: relative; display: block; text-decoration: none; z-index: 2; transition: 600ms ease 0s; } .woocommerce .products .product a img{ margin: 0; box-shadow: none; width: 100% !important; } .woocommerce .products .product a:hover img{ box-shadow: none !important; } .woocommerce .product figure{ position: relative; z-index: 1; overflow: hidden; margin-bottom: 0; } .woocommerce .product figure img:first-child{ position: relative; z-index: 2 } .woocommerce .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; } .product-wrapper .meta-wrapper{ text-align: center; } .woocommerce .product-wrapper .meta-wrapper{ padding-top: 22px; } .woocommerce .product-wrapper .meta-wrapper:after{ display: table; clear: both; content: ""; } .woocommerce .meta-background .product-wrapper .meta-wrapper{ padding: 16px 20px 10px 20px; } .ts-product-brand-wrapper .item .meta-wrapper{ margin: 15px 0 0 0; padding: 0; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce .product a.button.added:before{ display: block; position: relative; z-index: 2; padding: 0; font-size: 18px; } .woocommerce .product-wrapper .product-group-button > div .loading:after { color: inherit; } /*------------------------------------------------------------- 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 il 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; } .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 Price ***/ .ts-wishlist-table-wrapper .wishlist-item .product-price del, .ts-compare-table-wrapper .product-price del, .ts-compare-popup .items .item .product-price del, .woocommerce .products .product .price del{ font-size: 100%; line-height: 100%; margin: 0; } .ts-wishlist-table-wrapper .wishlist-item .product-price ins, .ts-compare-table-wrapper .product-price ins, .ts-compare-popup .items .item .product-price ins, .woocommerce .products .product .price ins, .product-meta .price ins, .product_list_widget ins{ margin: 0; } .ts-wishlist-table-wrapper .wishlist-item .product-price .amount, .ts-compare-table-wrapper .product-price .amount, .ts-compare-popup .items .item .product-price .amount, .woocommerce .products .product .price .amount, .product-price .amount, .product-meta .amount{ padding: 0 5px; } .woocommerce .products .product.product-type-grouped:not(.sale) .price .amount, .product-type-grouped:not(.sale) .product-price .amount, .product-type-grouped:not(.sale) .product-meta .amount, .woocommerce .products .product.product-type-variable:not(.sale) .price .amount, .product-type-variable:not(.sale) .product-price .amount, .product-type-variable:not(.sale) .product-meta .amount{ padding: 0; } .ts-wishlist-table-wrapper .wishlist-item .product-price, .ts-compare-table-wrapper .product-price, .ts-compare-popup .items .item .product-price, .product-meta .price, .woocommerce .products .product .price{ display: block; margin: 0 -5px; } .product-type-grouped:not(.sale) .product-meta .price, .woocommerce .products .product.product-type-grouped:not(.sale) .price, .product-type-variable:not(.sale) .product-meta .price, .woocommerce .products .product.product-type-variable:not(.sale) .price{ margin-left: 0; margin-right: 0; } /*** 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{ position: relative; letter-spacing: 0; overflow: hidden; display: inline-block; vertical-align: top; } .quantity .minus, .quantity .plus{ width: 35px; height: 25px; position: absolute; right: 0; /*rtl*/ font-size: 0; line-height: 24px; padding: 2px; margin: 0; border-width: 0; background: url(images/icon-select.svg) no-repeat center; background-size: 43%; cursor: pointer; } .quantity .minus{ bottom: 1px; } .quantity .plus{ top: 1px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .quantity .qty, .woocommerce .quantity .qty{ width: 85px; margin: 0; padding: 9px 40px 9px 5px;/*rtl*/ border: 1px solid #d7d7d7; } .quantity .qty, .woocommerce table.shop_table td.product-quantity .quantity, .woocommerce .quantity .qty{ font-size: 20px; line-height: 38px; } .quantity ::-webkit-input-placeholder, td.product-quantity ::-webkit-input-placeholder{ font-size: 20px; line-height: 38px; } .quantity :-moz-placeholder, td.product-quantity :-moz-placeholder{ font-size: 20px; line-height: 38px; } .quantity ::-moz-placeholder, td.product-quantity ::-moz-placeholder{ font-size: 20px; line-height: 38px; } .quantity :-ms-input-placeholder, td.product-quantity :-ms-input-placeholder{ font-size: 20px; line-height: 38px; } .cart_list .quantity .minus, .cart_list .quantity .plus{ padding: 5px; } .cart_list .quantity .qty, .woocommerce .cart_list .quantity .qty{ font-size: 16px; line-height: 28px; background: transparent; } .woocommerce div.product .summary > form.cart .quantity .minus, .woocommerce div.product .summary > form.cart .quantity .plus{right: 21px; /*rtl*/} .woocommerce div.product .summary > form.cart div.quantity{margin: 0;} .woocommerce div.product .summary > form.cart div.quantity .qty, .woocommerce div.product .summary > .button-in.wishlist, .woocommerce div.product .summary > form.cart .button{ margin-right: 20px; /*rtl*/ } /*** Short Description ***/ .woocommerce .products .product .short-description{ width: 100%; } .product-category .meta-wrapper .icon, .products .product h3, .woocommerce .products .product h3, .products .product .product-brands, .woocommerce .products .product .product-categories, .woocommerce .products .product .price, .products .product .product-sku, .woocommerce .products .star-rating, .woocommerce .star-rating{ margin-bottom: 6px; } .woocommerce .products .star-rating, .woocommerce .products .product .short-description{ margin-top: 10px; } .products .product h3, .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{ width: 80px; height: 16px; font-size: 16px; line-height: 1; overflow: hidden; backface-visibility: visible; -webkit-backface-visibility: visible; } .woocommerce .products .star-rating{ float: none; display: block; margin-left: auto; margin-right: auto; } .woocommerce .star-rating.no-rating:before{ color: #bdbdbd; } /*------------------------------------------------------------- 2. PRODUCT LABEL --------------------------------------------------------------*/ .woocommerce .product .product-label{ position: absolute; left: auto; /*rtl*/ right: 10px; /*rtl*/ top: 10px; bottom: auto; z-index: 6; text-align: right; /*rtl*/ } .woocommerce .product .product-label > div{ margin-top: 10px; } .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{ position: relative; top: auto; right: auto; left: auto; text-align: center; display: table-cell; vertical-align: middle; clear: both; padding: 2px; width: 54px; height: 54px; font-size: 14px; line-height: 18px !important; text-transform: uppercase; border-radius: 0 !important; min-height: initial; } .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{ border-radius: 100% !important; } .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{ height: 26px; line-height: 22px !important; width: auto; padding-left: 10px; padding-right: 10px; min-width: 70px; white-space: nowrap; display: inline-block; vertical-align: top; } .featured .products .product-label .featured{ display: none !important; } /*------------------------------------------------------------- 3. GROUP BUTTON ON THUMBNAIL --------------------------------------------------------------*/ .product-group-button{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; bottom: 30px; left: 0; right: 0; z-index: 7; transition: 350ms ease 0s; visibility: hidden; opacity: 0; } .product-group-button > div{ width: 40px; height: 40px; border: 1px solid; margin: 5px; position: relative; transition: 350ms ease 0s; } .products.zoom-in .product-group-button > div { margin: 2px; } .product-group-button > div a, .product-group-button > div.wishlist a, .product-group-button > div.loop-add-to-cart a{ 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; } .product-group-button > div a:before{ line-height: 38px; transition: none; display: inline; position: relative; z-index: 10; } /*** TOOLTIP ***/ .product-group-button .button-tooltip, .ts-product-attribute .button-tooltip{ min-width: 70px; font-size: 12px; line-height: 18px; 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; } .product-group-button .button-tooltip{ min-width: 95px; } .product-group-button .button-tooltip:before, .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; } .product-group-button .button-tooltip:after, .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; } body:not(.product-style-2) .product-group-button.four-button > div:first-child .button-tooltip{ left: -1px; /*rtl*/ right: auto; /*rtl*/ transform: translate(0,-20px); } body:not(.product-style-2) .product-group-button.four-button > div:last-child .button-tooltip{ right: -1px; /*rtl*/ left: auto; /*rtl*/ transform: translate(0,-20px); } body:not(.product-style-2) .product-group-button.four-button > div:first-child .button-tooltip:after{ left: 15px; /*rtl*/ right: auto; /*rtl*/ margin: 0; } body:not(.product-style-2) .product-group-button.four-button > div:last-child .button-tooltip:after{ right: 15px; /*rtl*/ left: auto; /*rtl*/ margin: 0; } /* Hover tooltip */ .product-group-button > div:hover a .button-tooltip, .ts-product-attribute > div:hover a .button-tooltip{ opacity: 1; visibility: visible; transform: translate(-50%,0); } body:not(.product-style-2) .product-group-button.four-button > div:first-child:hover .button-tooltip{ transform: translate(0,0); } body:not(.product-style-2) .product-group-button.four-button > div:last-child:hover .button-tooltip{ transform: translate(0,0); } /* Show/Hide tooltip */ .product-no-tooltip .product-group-button > div .button-tooltip, body.product-style-2.product-no-tooltip .product-group-button .button-tooltip{ display: none; } /*** HOVER BUTTON ***/ .thumbnail-wrapper:hover .product-group-button{ visibility: visible; opacity: 1; } .thumbnail-wrapper:hover .product-group-button > div{ -webkit-animation-duration: 450ms; -moz-animation-duration: 450ms; animation-duration: 450ms; -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: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; } .product-group-button > div:nth-child(3){ animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; } .product-group-button > div:nth-child(4){ animation-delay: 350ms; -webkit-animation-delay: 350ms; -moz-animation-delay: 350ms; } @-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); } } /*** STYLE HORIZONTAL ***/ .product-style-1 .product-group-button > div, .product-style-3 .product-group-button > div{ border-radius: 5px; } .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(1), .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(2){ -webkit-animation-duration: 550ms; -moz-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-name: run_social_horizontal; -moz-animation-name: run_social_horizontal; animation-name: run_social_horizontal; } .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(3), .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(4){ -webkit-animation-duration: 550ms; -moz-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-name: run_social_horizontal_alt; -moz-animation-name: run_social_horizontal_alt; animation-name: run_social_horizontal_alt; } .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(2), .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(3){ animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; } .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(1), .product-style-1 .thumbnail-wrapper:hover .product-group-button > div:nth-child(4){ animation-delay: 250ms; -webkit-animation-delay: 250ms; -moz-animation-delay: 250ms; } /*** Three Button ***/ .product-style-1 .thumbnail-wrapper .product-group-button.three-button > div:nth-child(2){ opacity: 0; transition: opacity 550ms ease 150ms; } .product-style-1 .thumbnail-wrapper:hover .product-group-button.three-button > div:nth-child(2){ opacity: 1; -webkit-animation: none; -moz-animation: none; animation: none; } .product-style-1 .thumbnail-wrapper:hover .product-group-button.three-button > div:nth-child(1), .product-style-1 .thumbnail-wrapper:hover .product-group-button.three-button > div:nth-child(3){ animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; } /*** Two Button ***/ .product-style-1 .thumbnail-wrapper:hover .product-group-button.two-button > div:nth-child(2){ -webkit-animation-name: run_social_horizontal_alt; -moz-animation-name: run_social_horizontal_alt; animation-name: run_social_horizontal_alt; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; } /*** One Button ***/ .product-style-1 .thumbnail-wrapper .product-group-button.one-button > div:nth-child(1){ opacity: 0; transition: opacity 550ms ease 150ms; } .product-style-1 .thumbnail-wrapper:hover .product-group-button.one-button > div:nth-child(1){ opacity: 1; -webkit-animation: none; -moz-animation: none; animation: none; } @-webkit-keyframes run_social_horizontal{ 0%{ opacity: 0; transform: translate(-10px,0); } 100%{ opacity: 1; transform: translate(0,0); } } @-moz-keyframes run_social_horizontal{ 0%{ opacity: 0; transform: translate(-10px,0); } 100%{ opacity: 1; transform: translate(0,0); } } @keyframes run_social_horizontal{ 0%{ opacity: 0; transform: translate(-10px,0); } 100%{ opacity: 1; transform: translate(0,0); } } @-webkit-keyframes run_social_horizontal_alt{ 0%{ opacity: 0; transform: translate(10px); } 100%{ opacity: 1; transform: translate(0,0); } } @-moz-keyframes run_social_horizontal_alt{ 0%{ opacity: 0; transform: translate(10px); } 100%{ opacity: 1; transform: translate(0,0); } } @keyframes run_social_horizontal_alt{ 0%{ opacity: 0; transform: translate(10px); } 100%{ opacity: 1; transform: translate(0,0); } } /*** STYLE VERTICAL ***/ .product-style-2 .product-group-button { flex-direction: column; align-items: flex-end; justify-content: flex-end; bottom: 5px; left: auto; /*rtl*/ right: 10px; /*rtl*/ } .product-style-2 .product-group-button > div{ margin: 5px 0; border-radius: 0; } /** Tooltip ***/ .product-style-2 .product-group-button .button-tooltip{ top: -1px; bottom: -1px; left: auto; /*rtl*/ right: -1px; /*rtl*/ line-height: 30px; padding: 5px 55px 5px 15px; z-index: 0; opacity: 1; visibility: visible; transform: translate(0,0) scale(0,1); transform-origin: top right; transition: 450ms ease 0s; } .product-style-2 .product-group-button .button-tooltip:before{ bottom: 0; border-radius: 0; box-shadow: none; } .product-style-2 .product-group-button .button-tooltip:after{ display: none; } /*** Hover Tooltip ***/ .product-style-2 .product-group-button > div:hover a .button-tooltip{ transform: translate(0,0) scale(1,1); } /*** STYLE PUSH FROM BOTTOM ***/ .product-style-3 .thumbnail-wrapper{ overflow: hidden; } .product-style-3 .product-group-button { bottom: 0; opacity: 0; transition: opacity 500ms, transform 500ms; transform: translate3d(0,55px,0); } .product-style-3 .product-group-button > div { -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; transform: translate(0,0); } .product-style-3 .thumbnail-wrapper figure{ transition: transform 500ms; } .product-style-3 .thumbnail-wrapper:hover figure{ transform: translate3d(0,-55px,0); } .product-style-3 .thumbnail-wrapper:hover .product-group-button { opacity: 1; transform: translate3d(0,0,0); } /*** GROUP BUTTON META ***/ .product-group-button-meta{ clear: both; } /*------------------------------------------------------------- VI. CATEGORIES PRODUCT --------------------------------------------------------------*/ .products{ clear: both; } /* CATEGORIES SHOW CATEGORIES ITEM */ .products .product.product-category{ margin-bottom: 60px; padding: 0 15px; overflow: hidden; } .products .product.product-category .product-wrapper > a{ overflow: hidden; display: block; } .products .product.product-category .product-wrapper > a img{ width: calc(100% + 4px) !important; margin-left: -2px; /*rtl*/ max-width: calc(100% + 4px); transform: none; transition: .5s ease-in .2s; } .products .product.product-category:hover .product-wrapper > a img{ opacity: 0.4; } .products .product.product-category h3{ margin-bottom: 0; } .products .product.product-category h3 > a{ display: block; padding: 6px 0; } .products .product.product-category .count{ opacity: 0.7; display: inline-block; line-height: 22px; } .product.product-category div.button{ margin-top: 10px; } .product.product-category div.button > a{ min-width: 0; padding-top: 6px; padding-bottom: 6px; } .product.product-category div.button > a:hover{ background: transparent; color: inherit; border-color: initial; } .products .product.product-category .product-wrapper .meta-wrapper{ position: absolute; top: 50%; left: 10px; right: 10px; text-align: center; margin: 0; padding: 0; opacity: 0; visibility: hidden; z-index: 3; transform: translateY(-50%) scale(3); transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) .1s; } .products .product.product-category:hover .product-wrapper .meta-wrapper, .layout-fullwidth .products .product.product-category:hover .product-wrapper .meta-wrapper, .main-content-fullwidth .products .product.product-category:hover .product-wrapper .meta-wrapper{ opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); } .products .product-category .product-wrapper .meta-wrapper .category-name *{ color: inherit; } .owl-carousel .owl-item .icon img { width: auto !important; margin-left: auto !important; margin-right: auto !important; } /*** Reverse Effect ***/ .reverse-effect .products .product.product-category .product-wrapper > a img{ opacity: 0.4; } .reverse-effect .products .product.product-category .product-wrapper .meta-wrapper{ opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); transition-delay: 0s; } .reverse-effect .products .product.product-category:hover .product-wrapper > a img{ opacity: 1; } .reverse-effect .products .product.product-category:hover .product-wrapper .meta-wrapper{ opacity: 0; visibility: hidden; transform: translateY(-50%) scale(4); } /*** Prevent hover for first/last item active ***/ .ts-shortcode.ts-slider.center-slider .owl-carousel .owl-item.active.first-item, .ts-shortcode.ts-slider.center-slider .owl-carousel .owl-item.active.last-item{ position: relative; } .ts-shortcode.ts-slider.center-slider .owl-carousel .owl-item.active.first-item:before, .ts-shortcode.ts-slider.center-slider .owl-carousel .owl-item.active.last-item:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 6; visibility: visible; } /*** Custom for Shortcode ***/ .ts-product-category-wrapper .products .product.product-category{ margin-bottom: 0; } .ts-product-category-wrapper.grid .products{ margin: 0 -6px; } .ts-product-category-wrapper.grid .products .product.product-category{ padding: 0 6px 12px 6px; } /* TOP WIDGET CATEGORIES PRODUCT */ .woocommerce .before-loop-wrapper{ width: 100%; } .woocommerce .before-loop-wrapper:after{ display: table; content: ""; clear: both; } .filter-widget-area-button{ float: left;/* rtl */ margin-right: 20px;/* rtl */ padding: 10px 0; } .filter-widget-area-button.style-default[data-style="default"]{ display: none; } .filter-widget-area-button a{ display: inline-block; text-transform: uppercase; text-decoration: none; } .filter-widget-area-button a:after{ margin-left: 5px; /* rtl */ display: inline-block; } .filter-widget-area-button a.active:after{ transform: rotate(90deg); } .filter-widget-area{ margin: 30px 0 0 0; padding: 0; } .filter-widget-area > .widget-container{ padding: 0 0 0 40px;/* rtl */ clear: none; background: transparent; margin: 0 0 15px 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; line-height: 0; right: -8px; /* rtl */ top: -2px; text-align: center; text-indent: 0; z-index: 8; text-decoration: none; } /*** Style Default ***/ .filter-widget-area.style-default{ margin: -41px 0 0 0; width: 100%; display: flex !important; flex-flow: row wrap; position: relative; transition: 350ms ease 0s; padding-right: 290px; /*rtl*/ float: right; /*rtl*/ justify-content: flex-end; /*rtl*/ max-width: 70%; } #main-content.ts-col-18 .filter-widget-area.style-default{ max-width: 80%; } .filter-widget-area.style-default .widget-title-wrapper{ padding-right: 20px;/* rtl */ margin: 0; } .filter-widget-area.style-default .widget-title-wrapper a.block-control{ display: block !important; line-height: 28px; top: 0; width: 100%; left: 0; /*rtl*/ text-align: right; /*rtl*/ } .filter-widget-area.style-default > .widget-container > :not(.widget-title-wrapper){ margin: 0; padding: 45px 25px 25px 25px; display: none; position: absolute; top: 100%; left: 50%; right: 0; z-index: 999; width: 200px; margin-left: -80px; /*rtl*/ transform-origin: 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .filter-widget-area.style-default > .widget-container.product-filter-by-material > :not(.widget-title-wrapper){ width: 230px; margin-left: -90px; /*rtl*/ } .filter-widget-area.style-default > .widget-container > :not(.widget-title-wrapper):before{ position: absolute; content: ""; top: 20px; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .filter-widget-area.style-default > .widget-container.widget_price_filter > :not(.widget-title-wrapper){ width: 260px; margin-left: -110px; /*rtl*/ } /*** Style Dropdown ***/ .filter-widget-area.style-dropdown, .ts-floating-sidebar.style-bottom .filter-widget-area{ border-width: 1px; border-style: solid; padding: 25px 0; } .filter-widget-area.style-dropdown:after, .ts-floating-sidebar.style-bottom .filter-widget-area:after{ content: ''; clear: both; display: table; } .filter-widget-area.style-dropdown > .widget-container, .ts-floating-sidebar.style-bottom .filter-widget-area > .widget-container{ width: 25%; float: left; padding: 15px 40px; margin: 0; } /*** Style Sidebar ***/ body.woocommerce #main-content{ position: relative; 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{ padding-left: calc(25% + 15px);/* rtl */ overflow: hidden; } .ts-floating-sidebar.style-sidebar .ts-sidebar-content{ left: 15px;/* rtl */ right: auto !important; bottom: 0; top: 0; transform: translate(-100%,0); width: calc(25% - 30px); height: auto; overflow: visible; position: absolute; box-shadow: none; padding: 11px 0 0 0; z-index: 2; max-width: 300px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ts-floating-sidebar.style-bottom.active .ts-sidebar-content, .ts-floating-sidebar.style-sidebar.active .ts-sidebar-content{ transform: translate(0,0); } .filter-widget-area-button[data-style="sidebar"] a.active:after{ transform: rotate(180deg); } .ts-floating-sidebar.style-sidebar .filter-widget-area > .widget-container{ padding: 0; } .ts-floating-sidebar.style-sidebar .close{ display: none; } .ts-floating-sidebar.style-sidebar .filter-widget-area{ margin: 0; padding: 0; position: relative; z-index: 2; } .ts-floating-sidebar.style-sidebar .filter-widget-area section{ width: 100%; float: none; margin-bottom: 50px; } /*** Turn off zoom if click filter sidebar ***/ .show-filter-sidebar .zoom-in-out-button, .main-content-fullwidth .show-filter-sidebar .product-per-page-form:after{ opacity: 0; visibility: hidden; } .woocommerce .show-filter-sidebar .products.zoom-in{ margin-left: 0; margin-right: 0; } /*** Style Bottom ***/ .ts-floating-sidebar.style-bottom .ts-sidebar-content{ width: auto; height: auto; top: auto; bottom: 0; left: 0; right: -17px; /*rtl*/ max-width: none; transform: translate(0,100%); } .ts-floating-sidebar.style-bottom .filter-widget-area{ max-width: 100%; } .ts-floating-sidebar.style-bottom .filter-widget-area, .ts-floating-sidebar.style-bottom .filter-widget-area > .widget-container{ border-width: 0; margin-top: 0; margin-bottom: 0; } .ts-floating-sidebar.style-bottom .filter-widget-area > .widget-container{ padding-top: 0; padding-bottom: 0; } .ts-floating-sidebar.style-bottom .close{ top: 15px; right: 15px; } .ts-floating-sidebar.style-bottom .ts-sidebar-content{ padding: 25px 60px; } /*** ZOOM IN/OUT ***/ .zoom-in-out-button{ float: left; /*rtl*/ display: none; padding: 11px 0; transition: 350ms ease; } .zoom-in-out-button a{ position: relative; z-index: 2; display: inline-block; color: inherit; } .zoom-in-out-button a:hover{ text-decoration: none; } .woocommerce #main-content .products.zoom-in{ margin-left: 15%; margin-right: 15%; } .zoom-in-out-button a.zoom-in:after, .zoom-in-out-button a.zoom-out:after{ margin-left: 5px; /*rtl*/ } /*** WOOCOMMERCE RESULT COUNT ***/ .woocommerce .woocommerce-result-count{ display: none; margin-bottom: 0; padding: 12px 0; } /*** WOOCOMMERCE ORDERING ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin: 0 0 0 20px;/* rtl */ float: right;/* rtl */ } .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: 0; padding: 0; position: relative; } .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; padding-left: 5px; padding-right: 5px; min-width: 260px; transition: 350ms ease 0s; } .woocommerce .woocommerce-ordering .orderby-current:after{ font-size: 10px; margin-left: 10px; /*rtl*/ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul, .product-per-page-form ul.perpage ul{ margin: 0; padding: 10px 0 10px 0; display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 5; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .woocommerce .woocommerce-ordering .orderby ul:before, .product-per-page-form ul.perpage ul:before{ position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .woocommerce .woocommerce-ordering .orderby ul:before{ top: 1px; left: -1px; right: -1px; } /*** PRODUCT PER PAGE ***/ .product-per-page-form{ width: auto; float: left; /*rtl*/ padding: 12px 0; } .woocommerce-result-count ~ .product-per-page-form, .woocommerce-result-count ~ .zoom-in-out-button, .product-per-page-form ~ .zoom-in-out-button{ padding-left: 20px; /*rtl*/ margin-left: 20px; /*rtl*/ position: relative; } .zoom-in-out-button:before, .product-per-page-form:before{ content: '|'; position: absolute; top: 12px; left: -2px; /*rtl*/ display: none; letter-spacing: 0; transition: 350ms ease; } .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; } .product-per-page-form ul.perpage ul li a.current > strong, .product-per-page-form ul.perpage .perpage-current > strong{ font-weight: bold; } .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 5px; /*rtl*/ } .product-per-page-form ul.perpage ul li a:not(:hover):not(.current) > strong{ font-weight: normal; color: inherit; } /*** PAGINATION ***/ .post-nav-links{ margin-top: 20px; } .post-nav-links > a{ margin: 5px; } .woocommerce nav.woocommerce-pagination{ margin: 0 -5px 0 -5px; text-align: inherit; } #main-content .woocommerce-pagination{ text-align: right; /*rtl*/ } #main-content.ts-col-24 nav.woocommerce-pagination, #main-content.ts-col-24 .ts-pagination{ text-align: center; } .woocommerce .after-loop-wrapper{ width: 100%; margin-top: 10px; margin-left: 0; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; position: relative; } .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, .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, .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 4px; text-align: center; display: inline-block; font-size: 16px; 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, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ font-weight: 600; background: #e1e1e1; } .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: 34px; display: inline-block; } .dokan-pagination-container .dokan-pagination li.active a{ cursor: default; } /*** 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: 160px; border: 1px solid; position: relative; } .ts-shortcode .load-more-wrapper .load-more:hover, .ts-shop-load-more .load-more:hover{ cursor: pointer; } .ts-shop-load-more, .load-more.button{ text-align: center; } /*** PRODUCT META ***/ .woocommerce .products .product.sale .price{ margin-left: -5px; margin-right: -5px; } .product-wrapper .color-swatch{ margin-left: -6px; margin-right: -6px; margin-bottom: 10px; margin-top: 2px; line-height: 0; } .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; box-shadow: 0 0 2px rgba(100,100,100,0.4); transition: 300ms ease 0s; } .product-wrapper .color-swatch > div span{ width: 20px; height: 20px; border-radius: 100%; float: left; /*rtl*/ overflow: hidden; } .product-wrapper .color-swatch > div img{ max-width: 100%; width: 20px; height: 20px; } .product-wrapper .color-swatch > div:not(:hover):not(.active){ transform: scale(0.7); } .product-wrapper .color-swatch > div.active{ cursor: default; } .product-wrapper .color-swatch > div:after{ display: table; clear: both; content: ""; } /*------------------------------------------------------------- VII. PRODUCT DETAIL --------------------------------------------------------------*/ /* Fixed single info next prev tooltip */ .single-product .page-container{ overflow: visible; } .single-product #primary > .ts-video, .single-product #primary > .ts-product-360{ margin-top: 30px; } /*------------------------------------------------------------- 1. PRODUCT IMAGE --------------------------------------------------------------*/ .single-product #primary > .vc_row{ margin-top: -20px; } div.product div.summary .clear{ display: none !important; } .woocommerce div.product div.images > .woocommerce-product-gallery__image:nth-child(n+2){ width: 100%; display: block; } .woocommerce div.product div.images-thumbnails img{ box-shadow: none; } .woocommerce div.product div.images-thumbnails .images{ width: auto; margin: 0; float: none; padding: 0; position: relative; } .woocommerce div.product.thumbnail-border div.images-thumbnails .images{ border-width: 1px; border-style: solid; } .woocommerce div.product div.images-thumbnails{ width: 45%; float: left;/* rtl */ position: relative; } .images-thumbnails .owl-controls{ width: 30px; z-index: 991; margin-left: -20px;/* rtl */ } .woocommerce div.product div.images-thumbnails .featured-image{ position: relative; } .woocommerce .ts-col-12 div.product.vertical-thumbnail div.summary, .woocommerce .ts-col-12 div.product div.images-thumbnails, .woocommerce .ts-col-12 div.product div.summary{ width: 100%;/* rtl */ } .woocommerce .ts-col-12 div.product div.summary{ clear: both; padding: 0; } .woocommerce div.product div.summary{ width: 55%; padding-left: 50px; /* rtl */ float: right; /* rtl */ transition: top 400ms linear 0s; top: 0; } #ts-quickshop-modal div.product.full-slider div.summary{ max-width: 100% !important; } .woocommerce div.product.vertical-thumbnail .vc_row div.summary{ margin-bottom: 0; } body.single-product #left-sidebar{ padding-right: 50px; /*rtl*/ } body.single-product #right-sidebar{ padding-left: 50px; /*rtl*/ } /*** VERTICAL THUMBNAILS ***/ .woocommerce div.product.vertical-thumbnail div.images-thumbnails, .woocommerce div.product.vertical-thumbnail div.summary{ width: 50%; } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 130px;/* rtl */ } /*** VERTICAL THUMBNAILS RIGHT ***/ .woocommerce div.product.vertical-thumbnail.thumbnail-right{ position: relative; } .woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails{ width: 40%; position: static; } .woocommerce div.product.vertical-thumbnail.thumbnail-right div.summary{ width: 60%; padding-right: 150px;/* rtl */ } .woocommerce div.product.vertical-thumbnail.thumbnail-right .thumbnails{ position: absolute; right: 0; /*rtl*/ top: 0; } .woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails .thumbnails + div.images, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails .thumbnails + div.images{ margin-left: 0;/* rtl */ } /*** GRID STYLE ***/ div.product.thumbnail-slider div.images-thumbnails div.thumbnails, div.product.thumbnail-grid div.images-thumbnails div.thumbnails{ margin-top: 0; } .thumbnail-slider .thumbnails .thumbnails-container ul li a, .thumbnail-grid .thumbnails .thumbnails-container ul li a{ opacity: 1 !important; } .thumbnail-grid .images-thumbnails .thumbnails-container ul{ margin: 0 -5px; } .thumbnail-grid .images-thumbnails .thumbnails-container ul li, .thumbnail-grid .images-thumbnails .ts-video{ margin-bottom: 20px; } .thumbnail-grid .images-thumbnails .thumbnails-container ul li{ padding: 0 5px; width: 50%; float: left;/* rtl */ } .thumbnail-grid .images-thumbnails .thumbnails-container ul li.last-item{ width: 33.3333%; clear: none !important; } .thumbnail-grid .images-thumbnails .thumbnails-container ul li:nth-child(2n+1){ clear: both; } .thumbnail-grid .three-thumbnail.thumbnails .thumbnails-container ul li:last-child{ display: inline-block; width: auto; float: none; } .thumbnail-grid .images-thumbnails .threesixty .nav_bar { top: 10px; right: 10px; } .thumbnail-grid .threesixty .nav_bar a { box-shadow: 0 0 5px rgba(150,150,150,0.1); } /*** SLIDER STYLE ***/ .thumbnail-slider .thumbnails .thumbnails-container .owl-item{ opacity: 0.4; } .thumbnail-slider .thumbnails .thumbnails-container .owl-item.active + .owl-item.active{ opacity: 1; margin-left: 0; /*rtl*/ } .woocommerce div.product.thumbnail-slider div.summary{ width: 50%; } .woocommerce div.product.thumbnail-slider div.images-thumbnails{ width: calc( 50% + 300px ); margin-left: -300px; /*rtl*/ } .thumbnail-slider .images-thumbnails > .thumbnails .thumbnails-container ul{ margin: 0 -15px; } .thumbnail-slider .images-thumbnails > .thumbnails .thumbnails-container ul li { padding: 0 15px; } div.product.thumbnail-slider .images-thumbnails .owl-nav div { margin-top: -30px; right: -20px; /*rtl*/ width: 60px !important; height: 60px !important; line-height: 60px; } div.product.thumbnail-slider .images-thumbnails .owl-controls div.owl-prev{ left: 180px; /*rtl*/ right: auto; /*rtl*/ } /***************************************************************************************************** div.owl-prev left: 275px = 300 + 15 - 50 + 10 250: .images-thumbnails margin-left 15: ul margin-left 50: container padding-left 20: prev arrow left value 10px *****************************************************************************************************/ div.product.thumbnail-slider .thumbnails-container:hover .owl-controls div.owl-prev{ left: 275px; /*rtl*/ } div.product.thumbnail-slider .thumbnails-container:hover .owl-controls div.owl-next{ right: 25px; /*rtl*/ } div.product.thumbnail-slider .ts-product-video-button, div.product.thumbnail-slider .ts-product-360-button{ position: absolute; bottom: 10px; right: 5px; /*rtl*/ z-index: 6; } div.product.thumbnail-slider .ts-product-video-button{ right: 60px; /*rtl*/ bottom: 13px; } /*** Custom for boxed layout ***/ body.boxed div.product.thumbnail-slider .thumbnails-container:hover .owl-controls div.owl-prev { left: 290px; /*rtl*/ } /*** SIDEBAR LAYOUT ***/ .woocommerce .ts-col-18 div.product.vertical-thumbnail div.summary{ width: 45%; } .woocommerce .ts-col-18 div.product.vertical-thumbnail div.images-thumbnails{ width: 55%; } /*** VIDEO/360 ***/ .ts-product-video-button, .ts-product-360-button{ float: none !important; background: url(images/icon-video.png) center no-repeat !important; background-size: cover !important; margin: 0 7px !important; text-align: center; display: inline-block; clear: both; width: 40px !important; height: 40px !important; text-decoration: none !important; } .vertical-thumbnail .ts-product-video-button, .vertical-thumbnail .ts-product-360-button{ width: 36px !important; height: 36px !important; } .ts-product-360-button{ background-image: url(images/icon-360.png) !important; } .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; } div.product.thumbnail-default:not(.vertical-thumbnail) div.images-thumbnails div.thumbnails{ position: relative; } div.product.thumbnail-default:not(.vertical-thumbnail) .ts-product-video-button, div.product.thumbnail-default:not(.vertical-thumbnail) .ts-product-360-button{ position: absolute; top: 0; right: 5px; /*rtl*/ margin-top: -70px !important; z-index: 992; } div.product.thumbnail-default:not(.vertical-thumbnail) .ts-product-video-button{ right: 55px; /*rtl*/ margin-top: -72px !important; } /*------------------------------------------------------------- 2. PRODUCT THUMBNAILS --------------------------------------------------------------*/ div.product div.images-thumbnails div.thumbnails{ margin-top: 20px; } .vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper{ margin: -30px 0 0 0 !important; } .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 100px; float: left;/* rtl */ text-align: center; margin-top: 0; padding-top: 0; } .woocommerce div.product .thumbnails .thumbnails-container a{ width: auto; margin: 0; float: none; display: block; } .woocommerce div.product.thumbnail-border .thumbnails .thumbnails-container a, .woocommerce div.product.thumbnail-border .thumbnails .thumbnails-container .cloud-zoom-wrap{ border-width: 1px; border-style: solid; } .woocommerce div.product.thumbnail-border .thumbnails .thumbnails-container .cloud-zoom-wrap a{ border-width: 0; } .woocommerce div.product .thumbnails a img{ height: auto; max-width: 100%; display: block; } /*** PRODUCT LABEL ***/ .woocommerce div.product .images .product-label{ width: auto; right: 15px; /* rtl */ top: 15px; z-index: 991; } .woocommerce div.product .images .product-label .onsale, .woocommerce div.product .images .product-label .new, .woocommerce div.product .images .product-label .featured, .woocommerce div.product .images .product-label .out-of-stock{ font-size: 16px; } .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: 36px; line-height: 32px !important; padding-left: 15px; padding-right: 15px; min-width: 100px; } /* 360 */ .site-content > .threesixty .nav_bar, .images-thumbnails .threesixty .nav_bar{ top: 0; } .threesixty .nav_bar{ position: absolute; top: -1px; right: -43px;/* rtl */ z-index: 11; width: auto; padding: 0; width: 40px; } .threesixty .nav_bar a{ display: block; width: 40px !important; height: 40px !important; float: left;/* rtl */ margin: 1px 0 !important; text-align: center; background: rgba(150,150,150,0.1); text-decoration: none !important; overflow: hidden; transition: opacity 350ms ease 0s; } .threesixty .nav_bar a:before{ line-height: 40px; display: block; font-size: 12px; } .threesixty .nav_bar a.nav_bar_stop:before{ text-indent: 0; } .threesixty .nav_bar li{ margin: 5px; } .threesixty .nav_bar a:hover{ opacity: 1; } ol.threesixty_images li{ 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; } /*------------------------------------------------------------- 3. PRODUCT SUMMARY --------------------------------------------------------------*/ /*** SPACING ***/ .woocommerce div.product .summary > *:not(.single-navigation), .woocommerce div.product .summary > .woocommerce-product-rating > .woocommerce-review-link, .woocommerce div.product .summary .single_variation_wrap .woocommerce-variation-description:not(:empty){ margin-bottom: 28px; } .woocommerce div.product .summary form.cart .variations, .woocommerce div.product .summary > form.cart, .woocommerce div.product .summary .single_variation_wrap .woocommerce-variation-price{ margin-bottom: 35px; } .woocommerce div.product .summary .meta-content .ts-social-sharing, .woocommerce div.product .summary .meta-content .sharethis-inline-share-buttons{ margin-top: 32px; } .woocommerce div.product form.cart table.group_table{ margin-bottom: 40px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs.accordion-tabs{ margin-top: 50px; } .woocommerce div.product.no-addtocart .summary form.cart .variations, .woocommerce div.product .summary > .woocommerce-product-rating, .woocommerce div.product .summary > div.meta-content{ margin-bottom: 0 !important; } /*** STAR RATING ***/ .woocommerce .woocommerce-product-rating{ line-height: 16px; } .woocommerce .woocommerce-product-rating .star-rating{ margin: 0 20px 0 0; /*rtl*/ display: inline-block; } .main-content-fullwidth.woocommerce .woocommerce-product-rating{ line-height: 24px; } .main-content-fullwidth.woocommerce .woocommerce-product-rating .star-rating{ width: 120px; height: 24px; font-size: 24px; } .woocommerce-product-rating .woocommerce-review-link{ text-transform: lowercase; text-decoration: underline; color: inherit; display: inline-block; } .woocommerce-product-rating > .woocommerce-review-link:first-child:last-child{ display: none; } /*** PRICE ***/ .group_table del .amount, .price del .amount, .product-price del .amount { color: inherit; } .woocommerce div.product .summary > .price del, .woocommerce div.product .single_variation_wrap .price del { margin-right: 10px; } .woocommerce div.product .summary > .price del .amount, .woocommerce div.product .single_variation_wrap .price del .amount{ font-size: 85%; } .woocommerce div.product .summary > .price ins, .woocommerce div.product .single_variation_wrap .price ins{ font-weight: inherit; } /*** VARIATIONS ***/ .woocommerce div.product form.cart .variations .attribute{ display: block; margin-bottom: 15px; } .woocommerce div.product form.cart .variations .attribute:last-of-type{ margin-bottom: 0; } .woocommerce div.product form.cart .variations select { max-width: 495px; min-width: 0; margin: 0 0 15px; } .woocommerce div.product form.cart .reset_variations{ font-size: 12px; line-height: 14px; color: #ff0000; display: inline-block; vertical-align: bottom; background: transparent; border: 0; padding: 0; text-transform: none; } .woocommerce div.product form.cart .reset_variations[style*="visibility: hidden;"]{ display: none !important; } .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description, .woocommerce div.product .single_variation_wrap .woocommerce-variation-availability{ margin-bottom: 35px; } .single_variation_wrap .single_variation > *:empty{ display: none; } .single_variation_wrap .woocommerce-variation-description{ flex-basis: 100%; order: 1; } .single_variation_wrap .woocommerce-variation-description p{ margin-bottom: 15px; } div.product .single_variation_wrap .woocommerce-variation-price { display: none !important; } .woocommerce div.product .single_variation_wrap .woocommerce-variation-price{ margin-right: 10px; /*rtl*/ } div.product .single_variation_wrap .woocommerce-variation .woocommerce-variation-description:not(:empty) ~ .woocommerce-variation-availability{ margin-top: -25px; } .woocommerce div.product .woocommerce-variation-availability .stock{ color: green; } .woocommerce div.product .summary > form.cart div.quantity, .woocommerce div.product .summary > form.cart .button{ float: left; /*rtl*/ } .woocommerce div.product .summary > form.cart .button{ width: 250px; padding-left: 5px; padding-right: 5px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:after, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.added:after {display: none;} .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:before, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.added:before, .woocommerce div.product .summary > form.cart .button.added:before{ display: inline-block; margin-right: 10px; /*rtl*/ line-height: 1; vertical-align: -1px; } .woocommerce div.product:not(.sold-individually) .summary > form.cart .quantity.hidden + .button{ width: 350px; } /*** WISHLIST/COMPARE BUTTON ***/ .woocommerce div.product .summary .button-in{ float: left; /* rtl */ overflow: hidden; } .woocommerce div.product .summary .ts-add-to-compare, .woocommerce div.product .summary .ts-add-to-wishlist{ width: 50px; height: 50px; border-width: 1px; border-style: solid; text-align: center; min-width: 0; padding: 0; display: block; position: relative; box-shadow: none !important; text-decoration: none !important; line-height: 48px; } .woocommerce div.product .summary .ts-add-to-wishlist:before, .woocommerce div.product .summary .ts-add-to-wishlist.added:before, .woocommerce div.product .summary .ts-add-to-wishlist.loading:after { font-size: 22px; } .woocommerce div.product .summary .ts-add-to-compare:before, .woocommerce div.product .summary .ts-add-to-compare.added:before, .woocommerce div.product .summary .ts-add-to-compare.loading:after { font-size: 24px; } .woocommerce div.product .summary .button-in .ts-tooltip {display: none;} .woocommerce div.product:not(.no-addtocart) .summary > form.cart ~ .button-in{ margin-top: -85px; } .woocommerce div.product:not(.no-addtocart) .summary > form.cart + .button-in.wishlist{ margin-left: 375px; /* rtl */ } .woocommerce div.product:not(.no-addtocart) .summary > form.cart + .button-in.wishlist + .button-in.compare{ margin-left: 445px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist{ margin-left: 270px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist + .button-in.compare{ margin-left: 340px; /* rtl */ } /*** Fix No Wishlist ***/ .woocommerce div.product:not(.no-addtocart) .summary > form.cart + .button-in.compare{ margin-left: 375px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.compare{ margin-left: 270px; /* rtl */ } /*** SWATCHES ***/ .ts-product-attribute{ margin: 0 -10px; line-height: 24px; } .ts-product-attribute > div.option{ margin: 0 10px; display: inline-block; position: relative; line-height: 24px; } .ts-product-attribute > div.option > a{ display: inline-block; vertical-align: middle; text-decoration: none; transition: 300ms ease 0s; } /*** Size ***/ .ts-product-attribute > div.option:not(.color) a{ padding: 0 0 0 23px; /*rtl*/ } .ts-product-attribute > div.option:not(.color) a:before{ content: ""; width: 14px; height: 14px; border-width: 1px; border-style: solid; border-radius: 100%; position: absolute; top: 6px; left: 0; /*rtl*/ transition: 300ms ease 0s; } .ts-product-attribute > div.option:not(.color).selected a:after{ content: ""; width: 6px; height: 6px; background: #202020; border-radius: 100%; position: absolute; top: 10px; left: 4px; /*rtl*/ } /*** Color ***/ .ts-product-attribute > div.color > a > span:first-child{ width: 20px; height: 20px; border-radius: 100%; display: block; transition: 300ms ease 0s; } .ts-product-attribute > div.color:not(:hover):not(.selected) > a > span:first-child{ transform: scale(0.7); } /*** PRODUCT META ***/ .woocommerce div.product .meta-content{ clear: both; } .woocommerce div.product .meta-content > *{ margin: 0 0 10px 0; line-height: 24px; } .woocommerce div.product .meta-content > *:last-child{ margin-bottom: 0; } .meta-content .sku-wrapper > span, .meta-content .availability > label, .meta-content .availability > span, .meta-content .brands-link > span, .meta-content .cats-link > span, .meta-content .tags-link > span{ display: inline; } .meta-content .sku-wrapper > span:first-child, .meta-content .brands-link > span:first-child, .meta-content .cats-link > span:first-child, .meta-content .ts-social-sharing > span:first-child{ margin-right: 8px; /*rtl*/ } .meta-content .tags-link > span:first-child, .meta-content .availability > label{ margin-right: 4px; /*rtl*/ } .meta-content .availability > label{ padding: 0; } .woocommerce div.product .cats-link a, .woocommerce div.product .tags-link a, .woocommerce div.product .brands-link a{ color: inherit; } .woocommerce div.product .tags-link a{ background: transparent; padding: 0; margin: 0 0 0 5px; /*rtl*/ float: none; } .woocommerce div.product p.stock { font-size: 100%; } .stock.out-of-stock > span, .woocommerce .stock.out-of-stock > span, .woocommerce div.product .stock.out-of-stock > span{ color: red; } /*** ADS BANNER ***/ .woocommerce div.product .ads-banner{ clear: both; } /*** SOCIAL SHARING ***/ .ts-social-sharing > span{ display: none; } .ts-social-sharing ul{ margin: 0 -10px; position: relative; } .ts-social-sharing ul:after{ content: ''; display: table; clear: both; } .ts-social-sharing li{ list-style: none; padding: 0; margin: 0 10px; float: left;/* rtl */ } .ts-social-sharing li a{ font-size: 15px; display: inline-block; } .meta-content .ts-social-sharing ul{ margin: 0 -5px; } .meta-content .ts-social-sharing li{ margin: 0 5px; } .meta-content .ts-social-sharing li a{ width: 30px; height: 30px; line-height: 30px; text-align: center; background: #e1e1e1; border-radius: 100%; } .ts-social-sharing li.facebook a:hover{ color: #3B5998; } .ts-social-sharing li.twitter a:hover{ color: #2CAAE1; } .ts-social-sharing li.flickr a:hover{ color: #E30761; } .ts-social-sharing li.vimeo a:hover{ color: #17B3E8; } .ts-social-sharing li.mailchimp a:hover{ color: #176DBA; } .ts-social-sharing li.youtube a:hover{ color: #CC181E; } .ts-social-sharing li.viber a:hover{ color: #7C529E; } .ts-social-sharing li.skype a:hover{ color: #009EE5; } .ts-social-sharing li.instagram a:hover{ color: #d32558; } .ts-social-sharing li.feedburner a:hover{ color: #125688; } .ts-social-sharing li.linkedin a:hover{ color: #0177B5; } .ts-social-sharing li.wordpress a:hover{ color: #cb2027; } .ts-social-sharing li.pinterest a:hover{ color: #cb2027; } .ts-social-sharing li.reddit a:hover{ color: #516AE8; } /*** PRODUCT SHARING ***/ .meta-content .ts-social-sharing li.facebook a:hover{ background-color: #3B5998; color: #ffffff; } .meta-content .ts-social-sharing li.twitter a:hover{ background-color: #2CAAE1; color: #ffffff; } .meta-content .ts-social-sharing li.flickr a:hover{ background-color: #E30761; color: #ffffff; } .meta-content .ts-social-sharing li.vimeo a:hover{ background-color: #17B3E8; color: #ffffff; } .meta-content .ts-social-sharing li.mailchimp a:hover{ background-color: #176DBA; color: #ffffff; } .meta-content .ts-social-sharing li.youtube a:hover{ background-color: #CC181E; color: #ffffff; } .meta-content .ts-social-sharing li.viber a:hover{ background-color: #7C529E; color: #ffffff; } .meta-content .ts-social-sharing li.skype a:hover{ background-color: #009EE5; color: #ffffff; } .meta-content .ts-social-sharing li.instagram a:hover{ 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 ); color: #ffffff; } .meta-content .ts-social-sharing li.feedburner a:hover{ background-color: #125688; color: #ffffff; } .meta-content .ts-social-sharing li.linkedin a:hover{ background-color: #0177B5; color: #ffffff; } .meta-content .ts-social-sharing li.wordpress a:hover{ background-color: #cb2027; color: #ffffff; } .meta-content .ts-social-sharing li.pinterest a:hover{ background-color: #cb2027; color: #ffffff; } .meta-content .ts-social-sharing li.reddit a:hover{ background-color: #516AE8; color: #ffffff; } /*** GROUP PRODUCT ***/ .woocommerce div.product form.cart table.group_table{ border: 0; max-width: 640px; } .woocommerce div.product div.summary form.cart table.group_table th, .woocommerce div.product div.summary form.cart table.group_table td{ border-width: 0 0 1px; border-style: dotted; padding: 15px 0; vertical-align: middle; } .woocommerce div.product div.summary form.cart table.group_table tr:first-child th, .woocommerce div.product div.summary form.cart table.group_table tr:first-child td{ padding-top: 0; } .woocommerce div.product div.summary form.cart table.group_table tr:last-child th, .woocommerce div.product div.summary form.cart table.group_table tr:last-child td{ padding-bottom: 0; border-width: 0; } table.group_table tr label{ padding-bottom: 0; } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__label{ width: 45%; text-align: left; /*rtl*/ } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__price{ width: 30%; } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity{ width: 25%; text-align: right; /*rtl*/ } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .quantity, .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button{ display: inline-block; width: auto; float: none; margin: 0; text-align: left; /*rtl*/ } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button{ width: 85px; height: 50px; font-size: 0; letter-spacing: 0; border: 1px solid; text-align: center; } .woocommerce div.product div.summary form.cart table.group_table td.woocommerce-grouped-product-list-item__quantity .button:before{ font-size: 20px; } .group_table del{ margin-right: 10px; /*rtl*/ } /*** WOOCOMMERCE TABS ***/ .woocommerce-tabs .wc-tab:after{ display: table; clear: both; content: ""; } .woocommerce div.product .woocommerce-tabs{ padding: 0; border: 0; max-width: 1170px; margin-left: auto; margin-right: auto; } body #comments .description { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; display: block; } /*** Tab Heading ***/ .woocommerce div.product .woocommerce-tabs ul.tabs{ display: block !important; margin: 0 -30px 50px -30px;/* rtl */ padding: 0; overflow: visible; } .woocommerce div.product:not(.tabs-in-summary) .woocommerce-tabs:not(.accordion-tabs) ul.tabs{ text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ margin: 0 30px;/* rtl */ padding: 0; position: relative; z-index: 1; border-width: 0; border-radius: 0; background: transparent !important; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs{ margin-left: -6px;/* rtl */ margin-right: -6px;/* rtl */ } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li { margin: 0 6px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs:before{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a{ width: 100%; line-height: 26px; color: inherit !important; text-transform: uppercase; display: inline-block; margin: 0; padding: 0; z-index: 1; position: relative; } .style-horizontal .column-tabs ul.tabs li:not(:hover):not(.current), .ts-product-in-product-type-tab-wrapper ul.tabs li:not(:hover):not(.current), .woocommerce div.product .woocommerce-tabs ul.tabs li:not(:hover):not(.active) > a{ opacity: 0.4; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a:before{ content: ""; width: 30px; height: 4px; border-width: 4px 0 0 0; border-style: solid; position: absolute; left: 0; right: 0; bottom: -7px; margin: 0 auto; transform: scale(0,1); transition: transform 350ms; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover > a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active > a:before{ transform: scale(1,1); } /*** Tab Description ***/ .woocommerce div.product .woocommerce-tabs .panel{ padding: 0 0 30px 0; margin-bottom: 0; } .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%); } .more-less-buttons a{ display: inline-block; } .more-less-buttons a:hover{ text-decoration: none; } /*** Tab Attribute ***/ .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information{ border: 1px solid; padding: 10px 30px; } .woocommerce .woocommerce-tabs table.shop_attributes{ margin: 0; } .woocommerce .woocommerce-tabs table.shop_attributes tr:last-child td, .woocommerce .woocommerce-tabs table.shop_attributes tr:last-child th, .woocommerce .woocommerce-tabs table.shop_attributes{ border-width: 0; } .woocommerce .woocommerce-tabs table.shop_attributes tr, .woocommerce .woocommerce-tabs table.shop_attributes tr:nth-child(even) td, .woocommerce .woocommerce-tabs table.shop_attributes tr:nth-child(even) th{ background: transparent; } .woocommerce .woocommerce-tabs table.shop_attributes td, .woocommerce .woocommerce-tabs table.shop_attributes th{ padding: 15px 0; border-style: solid; font-style: normal; } .woocommerce .woocommerce-tabs table.shop_attributes th{ width: 300px; text-transform: uppercase; } .woocommerce table.shop_attributes td p:first-child{ padding-top: 0; } .woocommerce table.shop_attributes td p:last-child{ padding-bottom: 0; } /*** Tab Reviews ***/ .woocommerce-tabs #comments > h2{ display: none; } .woocommerce-tabs #comments{ width: 50%; float: left;/* rtl */ padding: 0 50px 0 0;/* rtl */ } .woocommerce-tabs #review_form_wrapper{ width: 50%; float: right;/* rtl */ padding: 0 0 0 50px; /* rtl */ } .woocommerce #reviews #comments ol.commentlist > li{ list-style: none; border: 0; } .woocommerce #reviews #comments ol.commentlist > li:not(:last-child){ margin: 0 0 50px 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ width: 30px; height: 30px; padding: 0; border: 0; border-radius: 100%; margin-bottom: 7px; } .woocommerce #reviews #comments ol.commentlist > li .comment-text p.meta{ margin: 0 0 7px 40px; /*rtl*/ } .woocommerce #reviews #comments ol.commentlist .woocommerce-review__dash{ font-size: 0; } .woocommerce #reviews #comments ol.commentlist .woocommerce-review__author { text-transform: capitalize; font-size: 115%; } .woocommerce #reviews #comments ol.commentlist > li .comment-text{ border-radius: 0; padding: 0; border: 0; margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p{ margin: 0; } /*** Review Form ***/ #review_form .comment-form-rating label, #review_form .comment-notes{ display: none; } .comment-respond #reply-title{ text-transform: uppercase; display: block; } #reviews #comments .woocommerce-noreviews, .comment-respond #reply-title{ line-height: 20px; margin-top: -5px; } .comment-respond #reply-title, .comment-respond .comment-form-rating{ margin-bottom: 35px; } .woocommerce #review_form #respond p{ margin: 0; } .comment-respond .comment-form-rating p.stars:after{ content: ''; display: table; clear: both; } .comment-respond .comment-form-rating p.stars a{ width: 24px; height: 24px; font-size: 24px; text-indent: -9999px; display: block; float: left; /*rtl*/ } .woocommerce #review_form #respond .comment-form > p:not(.form-submit){ margin: 0 0 25px; position: relative; } .woocommerce #review_form #respond .comment-form > p:not(.form-submit) input, .woocommerce #review_form #respond .comment-form > p:not(.form-submit) textarea{ display: inline-block; vertical-align: bottom; width: 100%; max-width: 100%; } .woocommerce #review_form #respond p.form-submit{ margin: 40px 0 0; text-align: right; /*rtl*/ } /*** Fix Inside Summary Case ***/ .tabs-in-summary .woocommerce-tabs #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; } .tabs-in-summary .woocommerce-tabs #comments{ width: 100% !important; padding: 0 !important; order: 1; } .tabs-in-summary .woocommerce-tabs #review_form_wrapper{ width: 100% !important; padding: 15px 0 40px 0 !important; } /*** Fix Product Sidebar Case ***/ .ts-col-18 .woocommerce-tabs #comments{ width: 55%; } .ts-col-18 .woocommerce-tabs #review_form_wrapper{ width: 45%; } .ts-col-12 .woocommerce-tabs #comments{ width: 100%; padding-right: 0;/* rtl */ margin-bottom: 20px; } .ts-col-12 .woocommerce-tabs #review_form_wrapper{ width: 100%; border-width: 0;/* rtl */ padding: 20px 0 0 0; /* rtl */ } /*** ACCORDION STYLE ***/ div.product.accordion-tab .vc_tta-accordion .vc_tta-panels-container .vc_tta-panel-body{ padding: 20px 30px 0; border: 0; display: none; } div.product.accordion-tab .vc_tta-accordion .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-body{ display: block; } div.product.accordion-tab .vc_tta-panel-body .product-content{ padding: 10px 0; } div.product.accordion-tab .vc_tta-panel-body .product-content > *:last-child{ margin-bottom: 0; } .woocommerce .accordion-tab #review_form #respond p.form-submit { margin: 20px 0 0; } .accordion-tab .comment-respond #reply-title, .accordion-tab .comment-respond .comment-form-rating { margin-bottom: 20px; } .woocommerce .accordion-tab #reviews #comments ol.commentlist > li:not(:last-child){ margin-bottom: 20px; } .woocommerce .accordion-tab #reviews #comments ol.commentlist li img.avatar, .woocommerce .accordion-tab #reviews #comments ol.commentlist > li .comment-text p.meta{ margin-bottom: 15px; } /*** 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 */ } .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-wrapper, .heading-shortcode, .theme-title, .cross-sells, .up-sells, .related{ 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; } .ads-banner > *{ margin-bottom: 100px; } /*------------------------------------------------------------- VIII. CHECK OUT --------------------------------------------------------------*/ /*** Coupon ***/ .woocommerce .checkout-login-wrapper ~ .checkout-coupon-wrapper{ margin-top: 20px; } .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login{ display: none !important; } .woocommerce .checkout-login-coupon-wrapper form.login{ border-radius: 0; border-width: 0; margin: 0 0 50px 0; display: none; } .woocommerce .checkout-login-coupon-wrapper .woocommerce-info{ margin-bottom: 20px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first, .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ float: left; /*rtl*/ } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first{ width: calc( 100% - 230px ); margin: 0; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ width: 220px; margin-left: 10px; /*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; padding-top: 40px; 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: 59%; margin-right: 5%; /*rtl*/ } .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 36%; } .woocommerce > form.checkout #customer_details .col-1, .woocommerce > form.checkout #customer_details .col-2, .woocommerce > form.checkout .form-row-first, .woocommerce > form.checkout .form-row-last{ width: 100%; float: none; } .woocommerce > form.checkout .form-row{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; } .woocommerce > form.checkout .form-row label{ width: 32%; } .woocommerce > form.checkout .form-row .woocommerce-input-wrapper{ width: 67%; display: inline-block; } .woocommerce-checkout form.checkout .form-row .woocommerce-password-strength, .woocommerce-checkout form.checkout .form-row .woocommerce-password-hint { margin-left: 32%; width: 67%; } .woocommerce > form.checkout #billing_address_2_field label.screen-reader-text, .woocommerce > form.checkout #shipping_address_2_field label.screen-reader-text{ position: static !important; height: auto; } .woocommerce > form.checkout #billing_address_2_field label.screen-reader-text .optional, .woocommerce > form.checkout #shipping_address_2_field label.screen-reader-text .optional{ display: none; } .woocommerce > form.checkout #account_password_field label{ color: inherit; } .woocommerce > form.checkout .form-row textarea{ height: 100px; } /*** Payment Process ***/ .woocommerce table.shop_table.woocommerce-checkout-review-order-table{ margin-bottom: 20px; } .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; position: relative; } .woocommerce-checkout #payment:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin-left: -50px; margin-right: -50px; 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: 40px 0; border-width: 0; } .woocommerce > form.checkout #order_review_heading{ margin: 50px 0 0; padding: 0 50px; position: relative; } .woocommerce > form.checkout #order_review{ background: rgba(232, 232, 232, 0.5); padding: 80px 50px 50px; margin-top: -70px; } .woocommerce > form.checkout #order_review div.blockUI.blockOverlay:before{ background: rgb(243, 243, 243); } .woocommerce > form.checkout #order_review .woocommerce-checkout-payment div.blockUI.blockOverlay:before{ top: 1px; } #order_review .shop_table.woocommerce-checkout-review-order-table thead th{ text-transform: uppercase; font-weight: normal; } #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-top: 17px; padding-bottom: 17px; } #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 div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 18px 25px; margin: 10px 0; font-size: 100%; line-height: 24px; border-radius: 0; background-color: rgba(230, 230, 230, 0.8); 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; } #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; } .woocommerce > form.checkout .woocommerce-terms-and-conditions-wrapper .form-row label{ width: 100%; } /*------------------------------------------------------------- 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 div.cart-count, .woocommerce-cart .cart-collaterals .cart_totals > h2{ margin-bottom: 20px; } .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 30px; } /*** Cart Form ***/ .woocommerce .woocommerce-cart-form{ width: 75%; padding-right: 30px; /*rtl*/ } .woocommerce-cart-form table thead th, .woocommerce .cart-collaterals table.shop_table tbody tr.cart-subtotal th, .woocommerce .cart-collaterals table.shop_table tbody tr.cart-subtotal td{ border-top-width: 1px; border-style: solid; } .woocommerce table.shop_table{ margin: 0; border-width: 0; table-layout: auto; } .woocommerce table.shop_table.cart tr{ background: transparent; } .woocommerce table.shop_table th{ padding: 15px 10px; } .woocommerce table.shop_table.cart th{ text-transform: uppercase; } .woocommerce table.shop_table td{ padding: 30px 10px;/* rtl */ vertical-align: middle; border-top-width: 0px; } .woocommerce table.shop_table td.actions{ border-bottom-width: 0px; padding-bottom: 0; } .woocommerce table.shop_table td.actions:after{ content: ''; display: table; clear: both; } .woocommerce-cart button.button[name="update_cart"]{ float: right; /*rtl*/ } .woocommerce table.shop_table th:first-child, .woocommerce table.shop_table tr td:first-child{ padding-left: 0;/* rtl */ } .woocommerce table.shop_table th:last-child, .woocommerce table.shop_table tr td:last-child{ padding-right: 0;/* rtl */ } .woocommerce .woocommerce-MyAccount-content table.shop_table tr th, .woocommerce .woocommerce-MyAccount-content table.shop_table tr td { border-top: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin: 0; } ul.wc-item-meta li{ list-style: none; } ul.wc-item-meta li > *{ display: inline-block; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ border-top-width: 0; } .woocommerce-cart table.cart img{ width: 80px; } .woocommerce table.shop_table .product-remove a{ display: inline-block; width: 24px; height: 20px; font-size: 0; text-align: center; letter-spacing: 0; float: none; padding: 0 !important; margin: 0; } .woocommerce table.shop_table td.actions button{ margin-left: 5px; /*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 0 1px; padding: 10px 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%; } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { margin: 0 0 30px; } #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: 15px 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; } .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*/ } .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"]{ min-width: 140px; } .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: 0.9em; } /*** 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; } body .wc-proceed-to-checkout .button.continue-shopping:before{ border-color: #9c9c9c; } .wc-proceed-to-checkout .button.continue-shopping:after{ display: inline-block; margin-left: 5px; /*rtl*/ } .wc-proceed-to-checkout a.button.checkout-button, .woocommerce .wc-proceed-to-checkout a.button.checkout-button{ padding-left: 5px; padding-right: 5px; } /*** Cross Sells ***/ .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ max-width: 100%; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; display: inline-block; clear: both; position: relative; overflow: hidden; } .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2{ text-align: center; position: relative; text-transform: uppercase; width: 100%; } .up-sells .products .owl-item .product, .cross-sells .products .owl-item .product, .related .products .owl-item .product{ width: 100% !important; margin-bottom: 0; } .woocommerce .cross-sells:after{ display: table; content: ""; clear: both; } /*------------------------------------------------------------- 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; } /*** Icon Close ***/ .ts-floating-sidebar .close, .ts-popup-modal .close{ width: 50px; height: 50px; min-width: 0; font-size: 0; letter-spacing: 0; text-indent: 0; text-transform: none; color: #ffffff; text-align: center; position: absolute; top: -50px; right: -14px; /*rtl*/ z-index: 999; background: none; transition: 350ms ease 0s; } .ts-popup-modal .product-video-container .close:after{ color: inherit !important; } .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ line-height: 50px; } .ts-floating-sidebar .close:hover:after, .ts-popup-modal .close:hover:after{ opacity: 0.6; } 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{ line-height: 50px; position: relative; display: inline-block; } 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: 36px; /*rtl*/ } .ts-floating-sidebar.search-fullwidth .close, .ts-floating-sidebar.search-fullscreen .close, #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; } /*** QUICKSHOP ***/ #ts-quickshop-modal span.close, #ts-add-to-cart-popup-modal span.close{ right: 10px;/* rtl */ top: 10px; } #ts-add-to-cart-popup-modal span.close{ top: 6px; } .ts-popup-modal .quickshop-container{ overflow: hidden; } .ts-popup-modal .quickshop-content{ max-height: 100%; overflow: hidden; } .ts-popup-modal .quickshop-content .images-thumbnails{ padding: 30px 0 30px 30px;/* rtl */ } .quickshop-content .images-slider-wrapper > .thumbnail{ width: 100%; margin: 0; padding: 0; } #ts-quickshop-modal .images-slider-wrapper{ width: 50%; overflow: hidden; } #ts-quickshop-modal div.product.full-slider div.summary{ width: 50%; padding: 0 35px;/* rtl */ margin-bottom: 0; overflow: auto; top: 50px; bottom: 50px; } #ts-quickshop-modal .small-thumbnails > *{ width: 43%; float: left;/* rtl */ margin: 0; } #ts-quickshop-modal .small-thumbnails > .summary{ width: 56%; padding: 0 30px;/* rtl */ } #ts-quickshop-modal .small-thumbnails.vertical-thumbnail > .images-thumbnails, #ts-quickshop-modal .small-thumbnails.vertical-thumbnail > .summary{ width: 50%; } #ts-quickshop-modal div.product.vertical-thumbnail .thumbnails{ width: 80px; } #ts-quickshop-modal .vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 92px;/* rtl */ } #ts-quickshop-modal div.product.small-thumbnails .summary > form.cart .button, .woocommerce #ts-quickshop-modal div.product.small-thumbnails .summary > form.cart .button{ width: 230px; } #ts-quickshop-modal div.product.small-thumbnails.vertical-thumbnail .images-thumbnails > .thumbnails .thumbnails-container ul li { margin-top: 15px; } #ts-quickshop-modal .small-thumbnails.vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper{ margin: -15px 0 0 0 !important; } .woocommerce div.product:after{ display: table; clear: both; content: ""; } #ts-quickshop-modal div.product > .summary{ position: absolute; right: 0;/* rtl */ top: 30px; bottom: 30px; overflow: auto; } #ts-quickshop-modal div.product > .summary .tags-link a{ margin: 0; } /*** ADD TO CART POPUP ***/ body .ts-popup-modal .add-to-cart-popup-container{ width: 360px; } .add-to-cart-popup-content .heading h6{ text-transform: uppercase; padding: 20px; margin: 0; border-width: 0 0 1px 0; border-style: solid; } .add-to-cart-popup-content .item{ display: table; table-layout: auto; width: 100%; padding: 20px; } .add-to-cart-popup-content .item > *{ display: table-cell; vertical-align: top; } .add-to-cart-popup-content .item .product-image{ width: 100px; } .add-to-cart-popup-content .product-image img{ margin-right: 20px;/* rtl */ width: 80px; } .add-to-cart-popup-content .action{ padding: 0 20px 21px 20px; clear: both; overflow: hidden; } .add-to-cart-popup-content .action > a{ width: 49%; float: left; /* rtl */ } .add-to-cart-popup-content .action > a:first-child{ margin-right: 2%;/* rtl */ } /*------------------------------------------------------------- XI. MINI SHORTCODE --------------------------------------------------------------*/ .has-icon a, .has-plus-icon a{ display: inline-block; vertical-align: bottom; position: relative; } .has-plus-icon a:after{ content: '+'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 48px; line-height: 48px; color: #fff; opacity: 0; visibility: hidden; transition: 350ms ease; } .has-icon a:after{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 36px; line-height: 36px; color: #fff; opacity: 0; visibility: hidden; transition: 350ms ease; } .has-icon a:hover:after, .has-plus-icon a:hover:after{ opacity: 1; visibility: visible; z-index: 2; } .style-horizontal.heading-center .column-tabs, .heading-center .shortcode-heading-wrapper, .heading-center .heading-tab, .ts-product-in-product-type-tab-wrapper.heading-center .column-tabs{ text-align: center; } .ts-banner-button a:hover{ background: transparent !important; } .text-light .ts-banner-button a:hover{ color: #fff !important; border-color: #fff !important; } .text-light .vertical-button-icon .subscribe-email .button{ color:#ffffff; } /*** Google maps ***/ .google-map-container.grayscale{ filter: grayscale(1); } /*** Portfolio ***/ .ts-portfolio-wrapper .item .portfolio-meta a, .ts-portfolio-wrapper .filter-bar li{ position: relative; display: inline-block; } .ts-portfolio-wrapper .filter-bar li{ transition: 0.5s cubic-bezier(0.2,1,0.3,1); } .ts-portfolio-wrapper .filter-bar li:hover{ opacity: 0.6; } .ts-portfolio-wrapper .filter-bar li.current{ font-weight: bold; } .ts-portfolio-wrapper.ts-shortcode .load-more-wrapper{ margin: 20px auto 30px auto; } .ts-portfolio-wrapper .item .portfolio-meta .icon-group a:after{ display: none; } /*** Testimonials ***/ .ts-testimonial-wrapper.ts-shortcode .owl-carousel{ width: 100%; } .ts-testimonial-wrapper.ts-shortcode .items{ margin-left: 0; margin-right: 0; } .ts-testimonial-wrapper.ts-shortcode .items .item { padding-left: 0; padding-right: 0; } .ts-testimonial-wrapper:not(.ts-slider) .items .item{ margin-bottom: 40px; } .ts-testimonial-wrapper.show-dots.dots-verticle { padding-right: 60px; /*rtl*/ } /*** Twitter ***/ .ts-twitter-slider .owl-dots{ text-align: center; } /*** Product Brands ***/ .ts-product-brand-wrapper .meta-wrapper{ text-align: center; } /*** TS Button ***/ .ts-button-wrapper.text-only a.ts-button{ padding: 0; margin: 0; min-width: 0; background: transparent; border: 0; } .ts-button-wrapper.text-only a.ts-button:hover{ background: transparent; } /*** TS Heading (custom for home 7) ***/ .big-title .heading{ font-size: 80px; line-height: 80px; opacity: 0.2; text-transform: uppercase; letter-spacing: 12px; } /*** Logos slider ***/ .ts-logo-slider-wrapper .owl-carousel .owl-stage{ display: flex; align-items: center; } .widget-container.ts-social-icons.text-light ul li > a{ color: #adadad; } .style-horizontal-icons .list-categories .owl-carousel .owl-item, .style-horizontal-icons .list-categories .owl-carousel .owl-stage{ display: flex; } .style-horizontal-icons .list-categories .owl-carousel .owl-item .icon img{ max-height: 50px; } .ts-banner.style-category.small-heading .banner-wrapper h2{ font-size: 100%; line-height: 20px; } .discount-grow:hover .box-content .discount{ -webkit-animation-name: grow; animation-name: grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-moz-keyframes grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .style-text-center.discount-grow .banner-wrapper h2, .style-text-center.discount-grow .banner-wrapper h6, .style-text-center.discount-grow .banner-wrapper .ts-banner-button, .style-text-center.discount-grow .banner-wrapper .ts-banner-button a{ backface-visibility: visible; -webkit-backface-visibility: visible; } .ts-banner.style-default .box-content h6{ line-height: 1; } .vc_row.vc_row-flex > .vc_column_container > .wpb_wrapper{ width: 100%; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs{ text-align: left; /*rtl*/ } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li{ font-weight: 700; position: relative; padding-left: 40px; padding-right: 40px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li:first-child{ padding-left: 0; /*rtl*/ } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li:last-child{ padding-right: 0; /*rtl*/ } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li:not(:last-child):after{ content: ''; width: 1px; height: 18px; line-height: 1; border-right: 4px solid; /*rtl*/ position: absolute; top: 50%; right: 0; /*rtl*/ margin-top: -5px; } .ts-shortcode.ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs{ margin: 0 0 40px 0; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .woocommerce .products{ position: static; overflow: visible; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .owl-nav{ position: absolute; top: 0; right: 0; /*rtl*/ } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .loading{ position: static; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .owl-nav > div{ width: auto; height: 40px; top: 0; background: transparent; box-shadow: none; margin: 0; color: #a3a3a3; text-align: right; /*rtl*/ position: relative; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .owl-nav > div, .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .products:hover .owl-nav > div{ left: auto; right: auto; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .owl-nav > div:before{ font-size: 14px; line-height: 40px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .products .owl-nav > .owl-prev{ padding-right: 20px; /*rtl*/ margin-right: 20px; /*rtl*/ } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.nav-middle .products .owl-nav > .owl-prev:after{ content: ''; width: 1px; height: 12px; border-width: 0 1px 0 0; border-style: solid; position: absolute; top: 50%; right: 0; /*rtl*/ margin-top: -6px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.show-nav-as-text .owl-nav > div{ font-size: 14px; line-height: 40px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text.show-nav-as-text .owl-nav > div:before{ display: none; } .ts-banner.has-description .box-content{ max-width: 80%; } .ts-banner.has-description .box-content header h2{ line-height: 32px; margin-bottom: 12px; } .ts-banner.has-description .box-content header{ padding: 40px 30px; } .ts-banner .box-content header h6, .ts-banner .box-content header .description{ line-height: 22px; } .ts-banner.has-description.content-has-background .box-content, .ts-banner.has-description.content-has-background .box-content header{ padding: 35px; } .ts-banner.content-has-background.center-top .box-content, .ts-banner.content-has-background.center-center .box-content, .ts-banner.content-has-background.center-bottom .box-content{ max-width: 100%; } .ts-banner.content-has-background.center-top .box-content{ top: 0; } .ts-banner.content-has-background.center-bottom .box-content{ bottom: 0; } /*------------------------------------------------------------- XII. WOOCOMMERCE MESSAGE --------------------------------------------------------------*/ body #ts-ajax-add-to-cart-message{ position: fixed; right: 0;/* rtl */ top: 0; width: 400px; z-index: 1000001; visibility: hidden; transform: translate(0,-100%); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } body #ts-ajax-add-to-cart-message.show{ transform: translate(0,0); visibility: visible; } 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; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a, .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a{ text-decoration: underline; color: #202020; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button, .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button, .woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-message a.button{ text-decoration: none; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ clear: both; padding: 5px 8px; margin: 0 0 0 5px;/* rtl */ float: right;/* rtl */ font-weight: normal !important; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button:before, .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, #ts-ajax-add-to-cart-message:before{ top: 12px; background: none; border-radius: 0; position: absolute; left: 20px;/* rtl */ height: 26px; line-height: 26px; width: 20px; text-shadow: none; padding: 0; box-shadow: none; text-align: center; letter-spacing: 0; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content{ padding: 12px 23px !important; border-radius: 0; box-shadow: none; text-shadow: none; width: 100%; margin-left: auto; margin-right: auto; position: relative; min-height: 50px; overflow: hidden; line-height: 26px; margin-bottom: 20px; border-width: 0; display: flex; flex-flow: row wrap; align-items: center; gap: 13px; } body .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button){margin-left: -8px; /*rtl*/} .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info, #ts-ajax-add-to-cart-message{ padding: 12px 30px 12px 50px !important;/* rtl */ border-radius: 0; box-shadow: none; text-shadow: none; max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; position: relative; min-height: 50px; overflow: hidden; line-height: 26px; margin-bottom: 20px; border-width: 0; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{width: 100%;} body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li{ list-style: none; padding: 0; line-height: 26px; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary, body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content{margin: 0;} body .wc-block-components-notice-banner{ border: 0; border-radius: 0; font-size: 1em; gap: 0; margin: 0 0 20px; padding: 0 !important; } :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) { 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; } body .wc-block-components-notice-banner svg{display: none;} body .wc-block-components-notice-banner strong, .woocommerce-message strong, .woocommerce-error strong, .woocommerce-info strong{ color: inherit; } .cart-empty.woocommerce-info, .return-to-shop{ text-align: center; } .woocommerce > .return-to-shop{ margin-bottom: 10%; } 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 .woocommerce-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content, body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content{ flex-direction: column; text-align: center; gap: 0; padding: 0; max-width: 100%; } body .wc-empty-cart-message .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content: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; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ padding: 0; line-height: 26px; } 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; } body .woocommerce-no-products-found .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before, .woocommerce.archive #primary > .woocommerce-info:before{ width: auto; height: auto; font-size: 50px; line-height: 1; display: block; position: static; color: inherit !important; margin: 0 auto 30px; } body .wc-block-components-notice-banner:focus, .woocommerce-message:focus, .woocommerce .woocommerce-message:focus, .woocommerce-error:focus, .woocommerce .woocommerce-error:focus, .woocommerce-info:focus, .woocommerce .woocommerce-info:focus, .woocommerce-error li:focus, .woocommerce .woocommerce-error li:focus, .woocommerce .woocommerce-info li:focus, .woocommerce .woocommerce-message li:focus { outline: none; } /* ALERT */ .alert{ padding: 9px 15px; margin-bottom: 40px; border-radius: 0; box-shadow: none; text-shadow: none; } body .wc-block-components-notice-banner.is-success, .woocommerce-message, .woocommerce .woocommerce-message, .alert.alert-success, div.wpcf7-mail-sent-ok, #ts-ajax-add-to-cart-message{ background: #f3f3f3; color: #42924d; } body .wc-block-components-notice-banner.is-success a, .woocommerce-message a, .woocommerce .woocommerce-message a{ color: #42924d; } body .wc-block-components-notice-banner.is-success>.wc-block-components-notice-banner__content:before, .woocommerce-message:before, .woocommerce .woocommerce-message:before, .alert.alert-success:before, .mailchimp-subscription .mc4wp-success:before, .mailchimp-subscription .mc4wp-success{ color: #42924d; } .woocommerce-message a.button, .woocommerce .woocommerce-message a.button{ background: #33a342; color: #ffffff; border-color: #33a342; } .woocommerce-message a.button:hover, .woocommerce .woocommerce-message a.button:hover{ background: transparent; color: #33a342; border-color: #33a342; } body .wc-block-components-notice-banner.is-info, .woocommerce-info, .woocommerce .woocommerce-info, .alert.alert-info{ background: #f3f3f3; color: #202020; } body .wc-block-components-notice-banner.is-info:before, .woocommerce-info:before, .woocommerce .woocommerce-info:before, .alert.alert-info:before{ color: #202020; } body .wc-block-components-notice-banner.is-info a, .woocommerce-info a, .woocommerce .woocommerce-info a{ color: #202020; } .woocommerce-info a.button, .woocommerce .woocommerce-info a.button{ background: #202020; color: #ffffff; border-color: #202020; } .woocommerce-info a.button:hover, .woocommerce .woocommerce-info a.button:hover{ background: transparent; color: #202020; border-color: #202020; } body .wc-block-components-notice-banner.is-warning, body .wc-block-components-notice-banner.is-error, .alert.alert-warning, div.wpcf7-spam-blocked, .woocommerce-error, .woocommerce .woocommerce-error, .alert.alert-error, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, #ts-ajax-add-to-cart-message.error{ background: #f3f3f3; color: #e5534c; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button{ opacity: 1; padding: 5px 8px !important; order: 10; margin-left: auto; /*rtl*/ border: 1px solid; } body .wc-block-components-notice-banner.is-success>.wc-block-components-notice-banner__content .button{ background: #33a342 !important; color: #ffffff !important; border-color: #33a342 !important; } body .wc-block-components-notice-banner.is-success>.wc-block-components-notice-banner__content .button:hover{ background: transparent !important; color: #33a342 !important; border-color: #33a342 !important; } body .wc-block-components-notice-banner.is-info>.wc-block-components-notice-banner__content .button{ background: #202020 !important; color: #ffffff !important; border-color: #202020 !important; } body .wc-block-components-notice-banner.is-info>.wc-block-components-notice-banner__content .button:hover{ background: transparent !important; color: #202020 !important; border-color: #202020 !important; } body .wc-block-components-notice-banner.is-error>.wc-block-components-notice-banner__content .button{ background: #e5534c !important; color: #ffffff !important; border-color: #e5534c !important; } body .wc-block-components-notice-banner.is-error>.wc-block-components-notice-banner__content .button:hover{ background: transparent !important; color: #e5534c !important; border-color: #e5534c !important; } div.wpcf7-response-output{ border-color: #ff0000; } div.wpcf7-mail-sent-ok{ border-color: #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border-color: #ff0000; } div.wpcf7-spam-blocked{ border-color: #ffa500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border-color: #e5534c; } span.wpcf7-not-valid-tip { color: #f00; } .use-floating-validation-tip span.wpcf7-not-valid-tip{ border-color: #ff0000; } body .wc-block-components-notice-banner.is-warning>.wc-block-components-notice-banner__content:before, body .wc-block-components-notice-banner.is-error>.wc-block-components-notice-banner__content:before, .mailchimp-subscription .mc4wp-error, .woocommerce-error:before, .woocommerce .woocommerce-error:before, .alert.alert-error:before, .mailchimp-subscription .mc4wp-error:before, .mailchimp-subscription .mc4wp-error a, .alert.alert-warning:before, .woocommerce-error a, .woocommerce .woocommerce-error a, .alert.alert-warning a, div.wpcf7-spam-blocked a{ color: #e5534c; } .woocommerce-error a.button, .woocommerce .woocommerce-error a.button{ background: #e5534c; color: #ffffff; border-color: #e5534c; } .woocommerce-error a.button:hover, .woocommerce .woocommerce-error a.button:hover{ background: transparent; color: #e5534c; border-color: #e5534c; } body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ font-size: 12px; line-height: 14px;/* default */ } /*------------------------------------------------------------- XIII. MY ACCOUNT --------------------------------------------------------------*/ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border-width: 0; padding: 0; margin: 0; line-height: 26px; } .woocommerce-account .woocommerce-MyAccount-navigation{ width: 25%; } .woocommerce-account .woocommerce-MyAccount-content{ width: 75%; padding-left: 60px; /*rtl*/ } /*** 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 */ } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{ margin-top: 22px; padding: 0; } .login-remember label:hover, .woocommerce-form-login__rememberme:hover{ cursor: pointer; } form.login p.lost_password{ margin-bottom: 0; } .woocommerce form.login .button, .woocommerce form.register .button{ margin-top: 7px; } /*** My Account Navigation ***/ .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style: none; width: 100%; margin-bottom: 20px; padding-left: 5px; padding-right: 5px; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ display: inline-block; width: 100%; line-height: 30px; color: inherit; } .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 { text-align: left; /*rtl*/ } .woocommerce .woocommerce-customer-details address { padding: 0; border: none; } .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: 2px; border-style: solid; } .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; } /*------------------------------------------------------------- XIV. WISHLIST --------------------------------------------------------------*/ .ts-remove-from-wishlist:before{ content: '\e870'; font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: inherit; display: inline-block; width: 21px; height: 21px; line-height: 21px; text-align: center; } .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: 100px !important; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) { display: flex; padding: 30px 0; gap: 20px; align-items: center; border-bottom: 1px solid rgba(215,215,215,1); position: relative; } .ts-wishlist-table-wrapper .wishlist-item:last-child { border-bottom: 0; padding-bottom: 0; } .ts-wishlist-table-wrapper .heading-row { padding: 15px 0; border-top: 1px solid rgba(215,215,215,1); } .ts-wishlist-table-wrapper .heading-row, .ts-compare-table-wrapper > div .heading { font-weight: 700; color: rgba(32, 32, 32, 1); text-transform: uppercase; } .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: 200px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-name { flex: 1; } .ts-wishlist-table-wrapper .wishlist-item > .product-thumbnail { width: 80px; } .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: #ffb91f; } .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 > .product-name {order: -1;font-weight:inherit;color: inherit;} .ts-wishlist-table-wrapper .product-add-to-cart, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { min-width: 200px; } .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: 20px 0; 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; opacity: 0.8; } /*** 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; text-transform: uppercase; box-shadow: none; text-shadow: none; border-radius: 0; filter: none; cursor: pointer; background-image: none; text-align: center; font-size: 0.8rem; border-width: 1px; border-style: solid; font-weight: bold; background-color: rgba(32, 32, 32, 1); color: rgba(255, 255, 255, 1); border-color: rgba(32, 32, 32, 1); } .ts-stick-compare-button:hover { box-shadow: 0 0.25em 0.25em -0.1em rgba(0,0,0,0.3); background-color: rgba(255, 255, 255, 1); color: #202020; border-color: #202020; 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: 250px; 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: 0; border-bottom: 1px solid; transition: 300ms ease; } .empty-compare-button:hover:after { width: 0; } .ts-compare-popup .items { flex: 1; display: flex; gap: 10px; } .ts-compare-popup .items .item { position: relative; flex: 1; outline: 1px dashed rgba(215,215,215,1); padding: 10px; } .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: rgba(215,215,215,1); } .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: #e8b294; } .ts-compare-popup .items .item .product-name { font-size: 1em; 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 .close, .ts-compare-popup .item .remove { width: 30px; height: 30px; font-size: 16px; position: absolute; top: 5px; right: 5px;/* rtl */ display: inline-block; text-align: center; } .ts-compare-popup .close:hover, .ts-compare-popup .item .remove:hover { color: #ffb91f; cursor: pointer; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { content: '\e870'; font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px; } .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-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; 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; display: block; } .ts-compare-table-wrapper .product-thumbnail > div h6 { font-size: 1em; margin-bottom: 6px; line-height: 1.5; font-weight: inherit; } .ts-wishlist-table-wrapper .wishlist-item .product-price, .ts-compare-table-wrapper .product-price, .ts-compare-popup .items .item .product-price{ line-height: 20px; } .ts-compare-table-wrapper .product-price { margin-bottom: 16px; } .ts-compare-table-wrapper .product-name {font-size: 1em;line-height: inherit;} .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: '\e870'; font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; } .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-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button, .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { transition: none; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button { min-width: 230px; } .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){ .ts-wishlist-table-wrapper { font-size: calc(1rem - 1px); } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-bottom: 60px !important; } .ts-compare-popup .close { right: 6px;/* rtl */ } .ts-compare-popup .item .remove { top: 3px; right: 1px;/* 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: auto; } .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; } } @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 { min-width: 100px; } .ts-wishlist-table-wrapper :where(.heading-row, .wishlist-item) > .product-price { min-width: 140px; } .ts-wishlist-table-wrapper .product-add-to-cart {min-width: 150px;} .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { min-width: 0; padding: 7px 15px; } 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) {gap: 15px;} .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; } .ts-remove-from-compare:before { font-size: 16px; } } @media only screen and (max-width: 767px){ .ts-wishlist-table-wrapper .heading-row{ display: none; } .ts-empty-compare-message, .ts-wishlist-table-wrapper, .ts-compare-table-wrapper { margin-top: -15px; } .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button { padding: 7px 5px; font-size: 0.8rem; } .ts-wishlist-table-wrapper .items .item{ display: grid; grid-template-columns: [left] 100px [right] 1fr;/* rtl */ align-items: center; gap: 5px 20px; border: 1px solid rgba(215,215,215,1); margin-bottom: 10px; padding: 15px 30px 15px 15px;/* rtl */ position: relative; } .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 .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.product-add-to-cart{ margin-top: 6px; } .ts-remove-from-wishlist:before { font-size: 16px; } .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; line-height: 20px; } .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; padding: 10px; } .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 .button.add_to_cart_button { width: 36px; height: 36px; padding: 0; min-width: 0; text-align: center; margin: 0 auto; display: block; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button:before { content: "\e82e"; font-family: 'Linearicons-Free'; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 34px; margin: 0; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.loading:after, .ts-wishlist-table-wrapper.woocommerce .product-add-to-cart a.button.loading:after { font-size: 16px; } .ts-compare-table-wrapper.woocommerce .button.add_to_cart_button.added:before { content: "\e87f"; line-height: 34px; margin: 0; } .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: 14px; } .ts-compare-popup .close:before, .ts-compare-popup .item .remove:before { line-height: 20px; } } @media only screen and (max-width: 480px){ .ts-compare-table-wrapper { font-size: calc(1rem - 1px); } .ts-compare-popup .items .item .product-name { -webkit-line-clamp: 2; } } /*------------------------------------------------------------- XV. BLOG --------------------------------------------------------------*/ .site-content > article:after{ content: ""; clear: both; display: table; } .list-posts article{ margin-bottom: 60px; position: relative; } .list-posts article a.thumbnail.quote{ margin-bottom: 0; } .list-posts article.sticky{ padding: 44px 50px; border-width: 5px 0 0; border-style: solid; background: rgba(138, 138, 138, 0.1); } .list-posts{ clear: both; } .list-posts article:after{ content: ""; display: table; clear: both; } .list-posts .heading-title a:hover{ text-decoration: none } article .thumbnail.gallery{ width: 100%; display: block; margin-bottom: 0; } .list-posts article.format-gallery .thumbnail .owl-item{ opacity: 0 } .list-posts article.format-gallery .thumbnail .owl-item.active{ opacity: 1; } .list-posts article .entry-format blockquote{ margin: 0; } article .thumbnail{ position: relative; z-index: 2; } article .thumbnail figure{ overflow: hidden; } .list-posts .entry-format img{ width: 100%; } .list-posts article .entry-content:not(.no-featured-image){ padding-top: 26px; } .entry-meta-top, .entry-meta-middle, .entry-meta-bottom{ line-height: 24px; } .entry-meta-top, .entry-meta-middle{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin-left: -3px; margin-right: -3px; } .entry-meta-top{ justify-content: space-between; } .no-featured-image .entry-meta-top{ justify-content: flex-start; } .no-featured-image .entry-meta-top .date-time:not(:last-child):after{ content: '|'; padding-left: 10px; /*rtl*/ margin-right: 10px; /*rtl*/ } .entry-meta-top > *, .entry-meta-middle > *{ padding: 0 3px; } .entry-meta-top, .entry-meta-middle, .entry-content header{ margin-bottom: 13px; } .entry-content .excerpt, .entry-content .entry-summary{ margin-bottom: 20px; } .author > a, .cats-link > a, .cat-links > a{ display: inline-block; position: relative; text-decoration: none; } .author > a, .cats-link > a{ text-transform: uppercase; } /*** Effect Button Readmore ***/ form.login p.lost_password a, .woocommerce-info a:not(.button), .woocommerce div.product .cats-link a, .woocommerce div.product .tags-link a, .woocommerce div.product .brands-link a, .ts-button-wrapper.text-only a.ts-button, .woocommerce-shipping-calculator .shipping-calculator-button{ display: inline-block; position: relative; text-decoration: none !important; } .ts-portfolio-wrapper .filter-bar li:after, form.login p.lost_password a:after, .woocommerce-info a:not(.button):after, .woocommerce-shipping-calculator .shipping-calculator-button:before{ content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; border-top: 1px solid #9c9c9c; transform: scale3d(1,1,1); transform-origin: 0 50%; transition: transform 0.5s cubic-bezier(0.2,1,0.3,1); } .woocommerce-info a:not(.button):after{ border-color: #202020; } .ts-portfolio-wrapper .filter-bar li.current:after, .ts-portfolio-wrapper .filter-bar li:hover:after, form.login p.lost_password a:hover:after, .woocommerce-info a:not(.button):hover:after, .woocommerce-shipping-calculator .shipping-calculator-button:hover:before{ transform: scale3d(0,1,1); } .ts-button-wrapper.text-only.font-body a.ts-button{ color: inherit !important; text-transform: initial !important; font-weight: inherit !important; } /* Reverse */ .woocommerce div.product .tags-link a:before, .woocommerce div.product .brands-link a:before, .wc-proceed-to-checkout .button.continue-shopping:before, .ts-button-wrapper.text-only a.ts-button:before, .ts-portfolio-wrapper .item .portfolio-meta a:after{ content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; border-top: 1px solid #9c9c9c; transform: scale3d(0,1,1); transform-origin: 0 50%; transition: transform 0.5s cubic-bezier(0.2,1,0.3,1); } .woocommerce div.product .tags-link a:hover:before, .woocommerce div.product .brands-link a:hover:before, .wc-proceed-to-checkout .button.continue-shopping:hover:before, .ts-button-wrapper.text-only a.ts-button:hover:before, .ts-portfolio-wrapper .item .portfolio-meta a:hover:after{ transform: scale3d(1,1,1); } .author > a:after, .cats-link > a:after, .cat-links > a:after{ content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; border-top: 1px solid #9c9c9c; transform: scale3d(1,1,1); transform-origin: 0 50%; transition: transform 0.5s cubic-bezier(0.2,1,0.3,1); } .author > a:hover:after, .cats-link > a:hover:after, .cat-links > a:after{ transform: scale3d(0,1,1); } .cat-links > a:hover:after{ transform: scale3d(1,1,1); } blockquote .author > a:after{ display: none; } /******/ .list-posts .entry-title, article.single .entry-title, .ts-blogs .entry-title{ margin-bottom: 0; } .list-posts .entry-meta-top .date-time, .entry-header .entry-meta-top .date-time, .entry-meta-top .comment-count{ display: inline-block; position: relative; } .entry-meta-top .comment-count:before, .list-posts .entry-meta-top .date-time:before, .entry-header .entry-meta-top .date-time:before{ display: inline-block; vertical-align: bottom; margin-right: 5px; /*rtl*/ } .list-posts article blockquote, .ts-shortcode .item blockquote{ margin: 0; } .list-posts article.format-quote blockquote{ padding: 50px; } body:not(.blog-list-style) .list-posts article:not(.sticky) .entry-content, body.author:not(.blog-list-style) .list-posts article:not(.sticky) .entry-content{ border-width: 1px; border-style: solid; padding: 45px 50px 50px 50px; } body:not(.blog-list-style) .list-posts article.has-post-thumbnail:not(.sticky) .entry-content:not(.no-featured-image), body.author:not(.blog-list-style) .list-posts article.has-post-thumbnail:not(.sticky) .entry-content:not(.no-featured-image){ border-width: 0 1px 1px; } a.button-readmore{ display: inline-block; vertical-align: top; padding-top: 5px; padding-bottom: 5px; } .list-posts article .short-content:after{ content: ''; clear: both; display: table; } .list-posts article .short-content > *:last-child, .list-posts article .short-content > *:last-child figcaption, .list-posts article .short-content > *:last-child .alignleft, .list-posts article .short-content > *:last-child .alignright{ margin-bottom: 0 !important; } /*** Blog List ***/ .blog-list-style .list-posts > article{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: row-reverse; } .blog-list-style .list-posts > article{ position: relative; } .blog-list-style .list-posts > article > *{ vertical-align: middle; } .blog-list-style .list-posts article .entry-format{ width: 57%; margin: 0; } .blog-list-style .list-posts article .entry-content{ width: 43%; margin: 0; padding-top: 0; padding-right: 60px; /*rtl*/ } .blog-list-style .list-posts article.format-standard .entry-content.no-featured-image, .blog-list-style .list-posts article .entry-content.no-featured-image{ width: 100%; padding: 0;/* rtl */ flex: 1 0 auto; } /*** TS Blogs ***/ .ts-blogs article{ margin-bottom: 60px; } .ts-blogs-wrapper.ts-shortcode .load-more-wrapper, .ts-portfolio-wrapper.ts-shortcode .load-more-wrapper{ width: 100%; padding-top: 50px; margin-top: 0; border-width: 1px 0 0; border-style: solid; } .ts-portfolio-wrapper.ts-shortcode .load-more-wrapper{ margin-top: 30px; } /*** Masonry List ***/ .ts-blogs.list .article-content{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: row-reverse; } .ts-blogs.list .article-content .thumbnail-content, .ts-blogs.list .article-content .entry-content{ width: 50%; margin: 0; } .ts-blogs.list .article-content .entry-content{ padding-right: 30px; /*rtl*/ } .ts-blogs.list article.format-standard .article-content .entry-content.no-featured-image, .ts-blogs.list article .article-content .entry-content.no-featured-image{ width: 100%; padding: 0;/* rtl */ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .wpb_text_column > .wpb_wrapper > blockquote:first-child:last-child{ margin-top: 0; margin-bottom: 0; } table thead th, table thead th:first-child{ padding-top: 0; } /*------------------------------------------------------------- 1. BLOG DETAIL The following classes are used for both single post and single portfolio. - .single .entry-header - .single .entry-header .entry-title-left, - .single .entry-header .entry-format - .entry-meta-top --------------------------------------------------------------*/ .single .entry-header{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; } .single .entry-header .entry-title-left.no-featured-image{ border-width: 0 0 1px; border-style: solid; margin-bottom: 40px; padding: 0; } .single .entry-header .entry-title-left.no-featured-image .entry-meta-middle{ margin-bottom: 25px; } .single .entry-header .entry-title-left{ width: 40%; padding-left: 0; /*rtl*/ padding-right: 35px; /*rtl*/ } .single .entry-header .entry-format{ width: 60%; } .single .entry-header .entry-title-left.no-featured-image{ width: 100%; padding: 0;/* rtl */ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .entry-title-left .entry-meta-top, .entry-title-left header{ margin-bottom: 20px; } .single .entry-header .thumbnail{ width: 100%; margin-bottom: 0; overflow: hidden; } .single .entry-header .thumbnail img{ width: 100%; } .entry-title-left header .entry-title{ font-weight: 600; margin-bottom: 0; } .entry-meta-middle .cats-link{ display: inline-block; } .entry-content > *:last-child, .entry-content .content-wrapper > *:last-child{ margin-bottom: 0; } .single .content-wrapper + .entry-meta-bottom{ margin-top: 60px; border-width: 1px 0 0; border-style: solid; padding: 13px 0; } .single .entry-meta-bottom .meta-bottom-1{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; } .single .entry-meta-bottom .meta-bottom-1 .social-sharing{ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; } .single .entry-meta-bottom .meta-bottom-1 .social-sharing .ts-social-sharing{ margin-top: 9px; } .entry-author{ border-width: 1px; border-style: solid; position: relative; padding: 70px 30px 10px 30px; text-align: center; } .entry-author .author-avatar{ position: absolute; top: -50px; left: 50%; /*rtl*/ margin-left: -50px; /*rtl*/ } .entry-author .author-avatar img{ border: 5px solid #f3f3f3; border-radius: 100%; } .entry-author .role, .entry-author .author{ display: block; } .entry-author .role{ margin-bottom: 15px; text-transform: capitalize; font-style: italic; font-size: 90%; font-weight: bold; } .single .navigation-top { margin-bottom: 50px; } .single-navigation-1, .single-navigation-2{ font-size: 115%; line-height: 24px; width: 50%; float: left; /*rtl*/ } .single-navigation-2{ text-align: right; /*rtl*/ } @media only screen and (min-width: 1700px){ .single:not(.layout-fullwidth):not(.main-content-fullwidth) .navigation-top{ padding-left: 100px; padding-right: 100px; position: absolute; left: 0; /*rtl*/ right: 0; /*rtl*/ margin-top: -7px; margin-bottom: 0; } } .single-navigation-1 a:before{ margin-right: 10px; /*rtl*/ margin-left: 0; /*rtl*/ } .single-navigation-2 a:after{ margin-left: 10px; /*rtl*/ margin-right: 0; /*rtl*/ } .single-navigation-1 a, .single-navigation-2 a{ transition: 350ms ease; } .single-navigation-1 a:hover, .single-navigation-2 a:hover{ text-decoration: none; opacity: 0.5; } .single .related-posts .item{ margin-bottom: 0; } .single .related-posts .owl-item .item{ width: 100%; max-width: 100%; } .wp-block-image > figcaption{ font-style: italic; font-size: 85%; line-height: 1.2; text-align: center; } .wp-block-image.alignleft > figcaption{ text-align: left; /*rtl*/ } .wp-block-image.alignright > figcaption{ text-align: right; /*rtl*/ } blockquote{ background: rgba(155,155,155,0.15); padding: 30px; } .single blockquote.style-2, blockquote.style-2{ background: transparent; padding: 0; } blockquote.style-2:before{ content: "\“"; display: block; font-size: 90px; line-height: 90px; color: #000000; width: 50px; height: 50px; text-align: center; margin: 0 auto 15px; } blockquote .author, blockquote cite{ font-weight: 400; display: block; margin-top: 20px; font-size: 12px; line-height: 20px; } blockquote .author a{ text-transform: capitalize; } body.single-post blockquote { margin: 40px auto; } .wp-block-image{ margin-top: 40px; margin-bottom: 40px; } .wp-block-gallery{ margin-top: 26px; margin-bottom: 40px; } .single blockquote, blockquote.wp-block-quote.is-style-large{ padding: 50px; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 16px 16px 0 0; } /*** COMMENTS AREA ***/ .commentlist{ margin-bottom: 0; } .commentlist .comment-wrapper .comment-detail { padding: 0 0 0 75px; /*rtl*/ } .commentlist .comment-wrapper .comment-text p{ margin-bottom: 0; } .comments-area{ clear: both; display: inline-block; width: 100%; overflow: hidden; } .comments-area > .commentlist > li.pingback{ list-style: none; border-width: 0; margin: 0; padding: 0; } .commentlist li{ padding-top: 34px; } .comment-text li{ padding-top: 8px; } .commentlist > li:first-child{ padding-top: 0; } .commentlist .children .children .children .children .comment-meta .reply:before{ display: none; } .commentlist .children > li{ list-style: none; position: relative; } .commentlist li #comment-wrapper{ margin-top: 35px; margin-left: 75px; /*rtl*/ } .commentlist li #comment-wrapper .heading-wrapper{ margin: 0 0 15px 0; } .comments-area div.comment-detail .comment-text{ margin-bottom: 10px; } .commentlist li .comment-awaiting-moderation{ margin: 10px 0; display: block; opacity: 0.5; } .comments-area div.avatar .entry-meta-top{ display: inline-block; vertical-align: middle; } .comments-area div.avatar img{ width: 60px; height: 60px; margin-left: 0; /*rtl*/ margin-right: 10px; /*rtl*/ border-radius: 100%; display: inline-block; vertical-align: middle; } .comment-meta .edit, .comment-meta .reply{ margin-left: 0; /*rtl*/ margin-right: 15px; /*rtl*/ text-transform: uppercase; font-size: 90%; line-height: 20px; display: inline-block; vertical-align: middle; } .comment-meta .edit:before, .comment-meta .reply:before{ display: inline-block; margin-right: 7px; /*rtl*/ } .commentlist .children{ margin: 40px 0 0 50px; } .commentlist .author a{ text-transform: capitalize; font-size: 115%; } .commentlist .author a:after{ display: none; } .comment-meta .reply:empty{ display: none; } #comment-wrapper .info-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-flow: row wrap; margin: 0 -15px; } #comment-wrapper .info-wrapper > p{ padding: 0 15px; flex: 1; margin-bottom: 20px; } #comment-wrapper .message-wrapper > p{ margin-bottom: 20px; } #comment-wrapper .message-wrapper textarea{ height: 150px; vertical-align: top; } #comment-wrapper .info-wrapper > p input{ margin-bottom: 0; } #comment-wrapper .form-submit{ margin-bottom: 0; } #comment-wrapper .form-submit button, #comment-wrapper .form-submit input[type="submit"]{ min-width: 140px; font-weight: bold; } #comments > p.nocomments{ margin-top: 30px; } #commentform > p.logged-in-as{ margin-bottom: 15px; } .wp-block-button { margin-bottom: 10px; } body .wp-block-button__link, body .wp-block-button__link:active, body .wp-block-button__link:focus, body .wp-block-button__link:hover, body .wp-block-button__link:visited { color: inherit !important; } /*------------------------------------------------------------- 2. PORTFOLIO DETAIL --------------------------------------------------------------*/ .single-portfolio .entry-meta-middle{ margin-left: 0; margin-right: 0; } .single-portfolio .entry-header .portfolio-info{ width: 100%; padding: 0; } .single-portfolio .entry-header .portfolio-info:not(:last-child){ margin-bottom: 15px; } .single-portfolio .portfolio-info .portfolio-like{ display: inline-block; } .single-portfolio .portfolio-like .ic-like{ margin-top: -3px; } .portfolio-like .ic-like{ margin-right: 5px; /*rtl*/ } .portfolio-like:hover{ cursor: pointer; } .single-portfolio .portfolio-content{ margin: 0 0 60px; } .single-portfolio .meta-content{ padding: 20px 0 0; margin: 0 0 60px; border-width: 1px 0 0; border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; } .single-portfolio .meta-content > div:last-child{ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; } .single-portfolio .meta-content > div:first-child:last-child{ justify-content: flex-start; } .single-portfolio .social-sharing > span{ display: none; } .single-portfolio .entry-header a{ color: inherit; } .portfolio-inner .icon-group a, .single-portfolio .portfolio-like .ic-like{ width: 24px; height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; position: relative; text-align: center; transition: 350ms ease; } .single-portfolio .portfolio-like, .portfolio-inner .icon-group a:before, .single-portfolio .portfolio-like .ic-like:before{ line-height: 24px; } .portfolio-info .custom-field{ display: inline-block; vertical-align: top; } .portfolio-info .custom-field p{ margin-bottom: 10px; } .portfolio-info .custom-field p:last-child{ margin-bottom: 0; } .single-portfolio .vc_row[data-vc-full-width].vc_hidden.loaded { opacity: 1; } .single .entry-header .entry-title-left:first-child:last-child{ width: 100%; padding-right: 0; /*rtl*/ } /*** Style Gallery ***/ .single-portfolio.gallery .entry-format .thumbnail figure:after{ content: ''; display: table; clear: both; } .single-portfolio.gallery .entry-format .thumbnail figure{ margin: 0 -15px; } .single-portfolio.gallery .entry-format .thumbnail figure > a{ width: 50%; float: left; padding: 30px 15px 0; } .single-portfolio.gallery .entry-format .thumbnail figure > a:nth-child(1), .single-portfolio.gallery .entry-format .thumbnail figure > a:nth-child(2){ padding-top: 0; } .single-portfolio.gallery .entry-format .thumbnail figure > a:nth-child(odd):last-child{ width: 100%; } /*------------------------------------------------------------- XVI. 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; } /* cloud zoom wrapper styles */ .cloud-zoom-wrap{ top: 0; z-index: 990; position: relative; } /* This is the zoom window. */ .cloud-zoom-big{ border-width: 1px; border-style: solid; overflow: hidden; margin: 4px 0 0 0; background-color: #fff; } /* This is the loading message */ .cloud-zoom-loading{ display: none !important; } @media screen and (min-width: 768px){ .header-v2.header-transparent .header-middle > .container > .logo-wrapper, .header-v10.header-transparent .header-middle > .container > .logo-wrapper{ width: 100%; } .header-v2.header-transparent .header-middle > .container > .header-right, .header-v10.header-transparent .header-middle > .container > .header-right{ position: absolute; left: auto; /*rtl*/ right: 30px; /*rtl*/ top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; align-items: flex-end; justify-content: center; } .header-v10.header-transparent .header-middle > .container > .header-right{ position: static; margin-top: 10px; } .header-v10.header-transparent .header-sticky .container > *, .header-v10.header-transparent .header-middle .container > *{ vertical-align: top; } .header-v10.header-transparent .header-sticky .logo-wrapper, .header-v10.header-transparent .header-middle .logo-wrapper{ padding-top: 15px; padding-bottom: 15px; } .header-v2.header-transparent .is-sticky .header-middle > .container > .header-right, .header-v10.header-transparent .is-sticky .header-middle > .container > .header-right{ top: 18px; } .header-v2.header-transparent.menu-header-active .header-middle > .container .header-right, .header-v10.header-transparent.menu-header-active .header-middle > .container .header-right{ max-height: 40px; } .header-v10.header-transparent .sticky-wrapper{ height: auto !important; } .header-v2.header-transparent .header-middle div.header-right > div, .header-v10.header-transparent .header-middle div.header-right > div{ width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin-left: 0; margin-right: 0; transition: 0.5s ease; } .header-v2.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon, .header-v10.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon{ width: 40px; right: 0; /*rtl*/ } .header-v2.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon span, .header-v2.header-transparent .header-middle div.header-right > .ts-icon-toggle-header-top span, .header-v10.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon span, .header-v10.header-transparent .header-middle div.header-right > .ts-icon-toggle-header-top span{ left: 50%; /*rtl*/ right: auto; /*rtl*/ margin-left: -10px; /*rtl*/ } .header-v2.header-transparent .header-middle div.header-right > div:not(:first-child), .header-v10.header-transparent .header-middle div.header-right > div:not(:first-child){ margin-top: 7px; } .header-v2.header-transparent .shopping-cart-wrapper .cart-control .cart-number, .header-v2.header-transparent .header-middle .header-right .my-wishlist-wrapper > a .wishlist-number, .header-v10.header-transparent .shopping-cart-wrapper .cart-control .cart-number, .header-v10.header-transparent .header-middle .header-right .my-wishlist-wrapper > a .wishlist-number{ right: 2px; /*rtl*/ } .header-v9 .header-middle .header-right > div, .header-v9 .header-middle .header-right .ts-group-meta-icon-toggle .icon span, .header-v2.header-transparent .header-right > div:not(.ts-group-meta-icon-toggle), .header-v2.header-transparent .header-middle .header-right > div:not(.ts-group-meta-icon-toggle), .header-v10.header-transparent .header-right > div:not(.ts-group-meta-icon-toggle), .header-v10.header-transparent .header-middle .header-right > div:not(.ts-group-meta-icon-toggle), .header-v10 .header-middle .header-right .ts-group-meta-icon-toggle .icon span{ transition: none; } .header-v9.floating-sidebar-active .header-middle .header-right > div:not(.ts-group-meta-icon-toggle), .header-v2.header-transparent .is-sticky .header-right > div:not(.ts-group-meta-icon-toggle), .header-v2.header-transparent.floating-sidebar-active .header-middle .header-right > div:not(.ts-group-meta-icon-toggle){ opacity: 0; visibility: hidden; } .header-v10.header-transparent .is-sticky .header-right > div:not(.ts-group-meta-icon-toggle), .header-v10.header-transparent.floating-sidebar-active .header-middle .header-right > div:not(.ts-group-meta-icon-toggle){ display: none; } .header-v2.header-transparent #group-icon-header .ts-sidebar-content .visible-phone:not(.mobile-menu-wrapper), .header-v10.header-transparent #group-icon-header .ts-sidebar-content .visible-phone:not(.mobile-menu-wrapper){ display: block !important; } .header-v2.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v2.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v10.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v10.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container{ margin-left: 0; /*rtl*/ top: 0; right: 100% !important; /*rtl*/ left: auto !important; /*rtl*/ width: 350px; padding-top: 35px; padding-right: 70px; /*rtl*/ } .header-v2.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v10.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container{ width: 470px; } .header-v2.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v2.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before, .header-v10.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v10.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before{ top: 0; right: 30px; /*rtl*/ } .header-v2.header-transparent.header-fullwidth .breadcrumb-title-wrapper, .header-v10.header-transparent.header-fullwidth .breadcrumb-title-wrapper{ width: calc( 100% - 100px ); } body.header-v9, body.header-v2, body.header-v10{ counter-reset: menu-counter; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li{ counter-increment: menu-counter; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li{ padding-top: 20px; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li:after, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li:after, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li:after{ content: "0" counter(menu-counter) "."; opacity: 0.4; padding: 0; position: absolute; top: 0; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > a, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > a, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > a{ font-size: 30px; line-height: 36px; font-weight: 700; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > .ts-menu-drop-icon, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > .ts-menu-drop-icon, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > .ts-menu-drop-icon{ top: 26px; } body.header-v9 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul ul.sub-menu li > .ts-menu-drop-icon, body.header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul ul.sub-menu li > .ts-menu-drop-icon, body.header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul ul.sub-menu li > .ts-menu-drop-icon{ top: 0; } body.header-v9.menu-header-active .header-middle > .container > .header-right, body.header-v10.menu-header-active .header-middle > .container > .header-right{ position: static; } body.header-v9.menu-header-active .header-middle > .container > .header-right .ts-group-meta-icon-toggle{ position: fixed; right: 40px; /*rtl*/ } body.header-v10.menu-header-active .header-middle > .container > .header-right .ts-group-meta-icon-toggle{ position: fixed; right: 28px; /*rtl*/ top: 50px; } body.header-v10.menu-header-active.admin-bar .header-middle > .container > .header-right .ts-group-meta-icon-toggle{ top: 70px; } body.header-v9.menu-header-active .is-sticky .header-middle.header-sticky .logo-wrapper, body.header-v9.menu-header-active .header-middle > .container > .header-right > div:not(.ts-group-meta-icon-toggle), body.header-v10.menu-header-active .is-sticky .header-middle.header-sticky .logo-wrapper, body.header-v10.menu-header-active .header-middle > .container > .header-right > div:not(.ts-group-meta-icon-toggle){ opacity: 0; visibility: hidden; } body.header-v9.menu-header-active .header-middle, body.header-v9.menu-header-active .is-sticky .header-middle.header-sticky, body.header-v10.menu-header-active .header-middle, body.header-v10.menu-header-active .is-sticky .header-middle.header-sticky{ background: transparent; } .ts-floating-sidebar .main-menu-sidebar-wrapper .ts-megamenu-static-html-container > .tab-heading + .ts-home-tabs { width: 100%; } .ts-floating-sidebar .main-menu-sidebar-wrapper .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items{ width: 100%; float: none; margin-bottom: 35px; } .ts-floating-sidebar .main-menu-sidebar-wrapper .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content{ width: 100%; float: none; } } @media only screen and (min-width: 992px){ .ts-blogs-wrapper.partial-view.columns-2 .owl-stage, .ts-blogs-wrapper.partial-view.columns-4 .owl-stage{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ts-blogs-wrapper.partial-view .owl-item .item .thumbnail figure{ overflow: hidden; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item .item .thumbnail img{ -o-object-fit: cover; object-fit: cover; height: 360px; width: 100%; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active:not(.center) .item .thumbnail img{ height: 480px; } .ts-blogs-wrapper.partial-view.columns-2 .owl-item .item{ padding-right: 0; padding-left: 0; } .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active.center .item{ padding-right: 40px; padding-left: 40px; } .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active:not(.center) .item{ -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center right; /*rtl*/ -ms-transform-origin: center right; /*rtl*/ transform-origin: center right; /*rtl*/ } .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active.center + .owl-item.active .item{ -webkit-transform-origin: center left; /*rtl*/ -ms-transform-origin: center left; /*rtl*/ transform-origin: center left; /*rtl*/ } .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active.center .item .article-content{ box-shadow: 0 0 27px rgba(126,126,126,0.14); } .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active.center .item .entry-content{ padding: 25px 35px 35px; } body:not(.rtl) .ts-blogs-wrapper.partial-view.columns-4 .owl-item:not(.active) + .owl-item.active .entry-content, .ts-blogs-wrapper.partial-view.columns-4 .owl-item.active.center + .owl-item.active + .owl-item.active .entry-content, .ts-blogs-wrapper.partial-view.columns-2 .owl-item:not(.center) .entry-content{ display: none; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > .owl-prev, .ts-blogs-wrapper.partial-view.nav-middle .items:hover .owl-nav > .owl-prev{ left: 50px; /*rtl*/ } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > .owl-next, .ts-blogs-wrapper.partial-view.nav-middle .items:hover .owl-nav > .owl-next{ right: 50px; /*rtl*/ } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div{ margin-top: -45px; } .vc_row[data-vc-stretch-content] .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content] .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-prev{ left: 17vw; /*rtl*/ } .vc_row[data-vc-stretch-content] .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-next, .vc_row[data-vc-stretch-content] .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-next{ right: 17vw; /*rtl*/ } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-prev{ left: 20vw; /*rtl*/ } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-next{ right: 20vw; /*rtl*/ } } @media only screen and (min-width: 1279px){ /*** Hover ***/ .search-button:hover .icon:before, .shopping-cart-wrapper:hover a > .ic-cart:before, .ts-tiny-account-wrapper:hover .account-control:before, .my-wishlist-wrapper:hover a:before, .ts-group-meta-icon-toggle:hover span, .ts-icon-toggle-header-top:hover span, /*** Remove ***/ .woocommerce table.shop_table .product-remove:hover a:before, .cart_list li .cart-item-wrapper a.remove:hover:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover:before{ opacity: 0.6; } body .pp_pic_holder a.pp_close:hover{ opacity: 0.6 !important; } .ts-header .menu-wrapper nav.main-menu > ul ul.sub-menu li .ts-menu-drop-icon:before{ content: '\e876'; /* rtl */ } header .ts-tiny-account-wrapper .account-control > a { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; } .menu-wrapper ul.menu > li .ts-menu-drop-icon{ padding: 6px 10px; } nav.main-menu > ul.menu > li.parent > a{ padding-right: 15px; /*rtl*/ } .ts-header .menu-wrapper nav > ul.menu > li, .ts-header .menu-wrapper nav>ul>li { margin: 0 25px 0 0; /*rtl*/ } nav.main-menu > ul.menu > li.parent > .ts-menu-drop-icon{ right: 0; /*rtl*/ } body:not(.header-v2):not(.header-v6):not(.header-v9):not(.header-v10) #group-icon-header{ display: none; } .header-v9.header-transparent #group-icon-header .ts-sidebar-content, .header-v10.header-transparent #group-icon-header .ts-sidebar-content, .header-v2.header-transparent #group-icon-header .ts-sidebar-content{ padding-top: 110px !important; } body.header-v9 .ts-floating-sidebar .group-button-header, body.header-v10 .ts-floating-sidebar .group-button-header, body.header-v2 .ts-floating-sidebar .group-button-header{ margin-top: 50px; } .header-v2 #group-icon-header:not(.search-sidebar) .ts-search-by-category, .header-v10 #group-icon-header:not(.search-sidebar) .ts-search-by-category, .header-v9 #group-icon-header:not(.search-sidebar) .ts-search-by-category{ display: none; } .header-v5.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon, .header-v6.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon{ width: 40px; } .header-v5.header-transparent .header-middle div.header-right > div, .header-v6.header-transparent .header-middle div.header-right > div{ width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin-left: 0; margin-right: 0; transition: 0.5s ease; } .header-v5.header-transparent .header-middle div.header-right > div:not(:first-child), .header-v6.header-transparent .header-middle div.header-right > div:not(:first-child){ margin-top: 7px; } .header-v5.header-transparent .shopping-cart-wrapper .cart-control .cart-number, .header-v6.header-transparent .shopping-cart-wrapper .cart-control .cart-number, .header-v5.header-transparent .header-middle .header-right .my-wishlist-wrapper > a .wishlist-number, .header-v6.header-transparent .header-middle .header-right .my-wishlist-wrapper > a .wishlist-number{ right: 2px; /*rtl*/ } .header-v6.header-transparent .header-right > div:not(.ts-group-meta-icon-toggle), .header-v6.header-transparent .header-middle .header-right > div:not(.ts-group-meta-icon-toggle){ transition: 500ms ease; } .header-v5.header-transparent .header-right > div:not(.ts-group-meta-icon-toggle), .header-v5.header-transparent .header-middle .header-right > div:not(.ts-group-meta-icon-toggle){ transition: none; } .header-v5.header-transparent .is-sticky .header-right > div:not(.ts-group-meta-icon-toggle), .header-v5.header-transparent.floating-sidebar-active .header-middle .header-right > div:not(.ts-group-meta-icon-toggle), .header-v6.header-transparent .is-sticky .header-right > div:not(.ts-group-meta-icon-toggle), .header-v6.header-transparent.floating-sidebar-active .header-middle .header-right > div:not(.ts-group-meta-icon-toggle){ opacity: 0; visibility: hidden; } .header-v6.header-transparent #group-icon-header .ts-sidebar-content .visible-phone:not(.mobile-menu-wrapper){ display: block !important; } .header-v5.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v5.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v6.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v6.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container{ margin-left: 0; /*rtl*/ top: 0; right: 100% !important; /*rtl*/ left: auto !important; /*rtl*/ width: 350px; padding-top: 35px; padding-right: 70px; /*rtl*/ } .header-v5.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v6.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container{ width: 470px; } .header-v5.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v5.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before, .header-v6.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v6.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before{ top: 0; right: 20px; /*rtl*/ } .header-v6 #group-icon-header.active{ display: none; } .header-v6.header-transparent .is-sticky .header-middle .header-right, .header-v6.header-transparent.menu-header-active .header-middle .header-right{ width: 50px; } .header-v6 .header-bottom{ width: 100%; padding: 145px 50px 22px; position: fixed; top: 0; transform: translateY(-100%); opacity: 0; visibility: hidden; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); background: #ffffff; } .header-v6.menu-header-active .header-bottom{ transform: translateY(0); visibility: visible; opacity: 1; box-shadow: -4px 0 10px rgba(0,0,0,0.1); } .header-v6 .header-bottom .container{ opacity: 0; visibility: hidden; transition: visibility 0.8s cubic-bezier(0.94, 0.21, 0.67, 1.13),opacity 0.8s cubic-bezier(0.94, 0.21, 0.67, 1.13); } .header-v6.menu-header-active .header-bottom .container{ visibility: visible; opacity: 1; } .header-v5.header-transparent .header-middle .container .header-right, .header-v6.header-transparent .header-middle .container .header-right{ position: absolute; left: auto; /*rtl*/ right: 40px; /*rtl*/ top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; align-items: flex-end; justify-content: center; } .header-transparent:not(.header-v8) .is-sticky .header-middle .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-transparent:not(.header-v8) .is-sticky .header-middle .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .header-transparent:not(.header-v8) .is-sticky .header-middle .header-currency ul{ padding-top: 50px; } .header-v6.header-transparent .is-sticky .header-middle .container .header-right{ top: 19px; } .header-v5.header-transparent .menu-wrapper{ z-index: 9; } .header-v5.header-transparent .header-middle div.header-right > div.search-button{ margin-top: 90px; } .header-v6.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon { right: 0; /*rtl*/ } .header-v6.header-transparent .header-middle div.header-right > .ts-group-meta-icon-toggle .icon span, .header-v6.header-transparent .header-middle div.header-right > .ts-icon-toggle-header-top span { left: 50%; /*rtl*/ right: auto; /*rtl*/ margin-left: -10px; /*rtl*/ } .header-v2 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > .ts-menu-drop-icon:before, .header-v10 .ts-floating-sidebar .main-menu-sidebar-wrapper nav > ul > li > .ts-menu-drop-icon:before, .header-v8 .menu-wrapper ul li .ts-menu-drop-icon{ font-size: 14px; line-height: 20px; } .header-v8 .header-currency a:hover{ color: inherit; } /*** SHOP FILTERS ***/ .main-content-fullwidth .ts-col-24 .zoom-in-out-button{ display: block; } .woocommerce-result-count ~ .zoom-in-out-button:before, .product-per-page-form ~ .zoom-in-out-button:before{ display: inline; } .main-content-fullwidth .ts-col-24 .woocommerce-result-count ~ .product-per-page-form:before{ display: inline; } /* PRODUCT DEFAULT IMAGE */ .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: 20px; width: 140px; 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; } 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); } /*** BLOG ***/ .post-template-default:not(.main-content-fullwidth):not(.layout-fullwidth) #main > .page-container, .single-post:not(.main-content-fullwidth):not(.layout-fullwidth) #main > .page-container, .page-template-blog-template:not(.main-content-fullwidth):not(.layout-fullwidth) #main > .page-container{ width: 1250px; } .post-template-default #left-sidebar, .post-template-default #right-sidebar, .post-template-default #main-content, .single-post #left-sidebar, .single-post #right-sidebar, .single-post #main-content, .page-template-blog-template #left-sidebar, .page-template-blog-template #right-sidebar, .page-template-blog-template #main-content{ padding-left: 25px; padding-right: 25px; } /* SHORTCODE */ /*** Team member ***/ .ts-team-members .team-content .image-thumbnail img{ opacity: 1; transform: scale(1); transition: opacity 350ms, transform 350ms; } .ts-team-members .team-content .image-thumbnail:hover img{ opacity: 0.5; transform: scale(1.1); } /*** Testimonials ***/ .ts-testimonial-wrapper.show-dots.dots-verticle{ padding-right: 150px; /*rtl*/ } } @media only screen and (min-width: 1400px){ /*** Header ***/ .ts-megamenu-static-html-container > .tab-heading { width: 30%; padding-right: 12%; /*rtl*/ } .ts-megamenu-static-html-container > .tab-heading + .ts-home-tabs { width: 70%; } .header-v2.header-transparent #group-icon-header .ts-sidebar-content, .header-v10.header-transparent #group-icon-header .ts-sidebar-content{ padding-top: 140px !important; } .header-v5.header-transparent .header-middle .container .header-right, .header-v6.header-transparent .header-middle .container .header-right{ right: 90px; /*rtl*/ } .header-v5.header-transparent:not(.header-fullwidth):not(.layout-fullwidth) .header-middle .container .header-right, .header-v6.header-transparent:not(.header-fullwidth):not(.layout-fullwidth) .header-middle .container .header-right{ right: 15px; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li:nth-child(1){ width: 28%; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li:nth-child(2){ width: 34%; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth .ts-megamenu-widgets-container > ul > li.ts-single-image{ width: 38%; } .header-v8 .header-middle .menu-wrapper .ts-menu{ width: 400px; padding-left: 100px; /*rtl*/ padding-right: 100px; /*rtl*/ transform: translateX(-400px); } .header-v8.menu-header-active .ts-header .logo-wrapper, .header-v8.menu-header-active .ts-header .header-right, .header-v8.menu-header-active div#main, .header-v8.menu-header-active footer { transform: translateX(400px); } .header-v8 .group-meta{ left: 100px; right: 100px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu{ padding-left: 154px !important; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu { padding-left: 184px !important; /*rtl*/ padding-right: 80px !important; /*rtl*/ } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu:before { left: 104px; /*rtl*/ } .header-v8.menu-header-active .ts-header .logo-wrapper, .header-v8.menu-header-active .ts-header .header-right, .header-v8.menu-header-active div#main, .header-v8.menu-header-active footer{ transform: translateX(400px); } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu{ width: calc(100vw - 316px) !important; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li ul.sub-menu, .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu{ width: 350px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu{ width: 1400px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu{ width: 1050px; } .header-v8 .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu{ width: 700px; } .header-v8 .ts-megamenu-fullwidth .ts-megamenu-widgets-container .widgettitle + div { padding-left: 80px; /*rtl*/ } .header-v8 .ts-megamenu-fullwidth .ts-megamenu-widgets-container .widgettitle{ left: 15px; /*rtl*/ } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-items{ width: 40%; } .ts-megamenu-static-html-container > .ts-home-tabs > .tab-content{ width: 60%; } .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth.sub-padding-60 .ts-megamenu-widgets-container > ul > li { padding: 0 60px; } /*** FOOTER ***/ footer .vc_col-md-4 .ts-mailchimp-subscription-shortcode .subscribe-widget, footer .vc_col-md-4 .ts-image-gallery-wrapper{ max-width: 450px; } /*** SHOP FILTERS ***/ .woocommerce .products .product-category{ padding: 0 15px; } .woocommerce .woocommerce-result-count{ display: block; } /*** PRODUCT DETAIL ***/ .single-navigation .product-info img { width: 100px; } .woocommerce div.product div.images-thumbnails{ width: 40%; } .woocommerce div.product div.summary{ width: 60%; } /*** VERTICAL THUMBNAIL ***/ .layout-fullwidth.woocommerce div.product.vertical-thumbnail div.images-thumbnails, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail div.images-thumbnails{ width: 45%; } .layout.woocommerce div.product.vertical-thumbnail div.summary, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail div.summary{ width: 55%; } .layout-fullwidth.woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 150px; /* rtl */ } .layout-fullwidth.woocommerce div.product.vertical-thumbnail .thumbnails, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail .thumbnails{ width: 120px; } .layout-fullwidth.woocommerce .ts-col-24 div.product div.summary, .main-content-fullwidth.woocommerce .ts-col-24 div.product div.summary{ padding-left: 120px; /* rtl */ } /*** VERTICAL THUMBNAILS RIGHT ***/ .layout-fullwidth.woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails{ width: 36%; } .layout-fullwidth.woocommerce div.product.vertical-thumbnail.thumbnail-right div.summary, .main-content-fullwidth.woocommerce div.product.vertical-thumbnail.thumbnail-right div.summary{ width: 64%; padding-right: 200px;/* rtl */ } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs{ margin-left: -15px;/* rtl */ margin-right: -15px;/* rtl */ } .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li { margin: 0 15px; } /*** PRODUCT SLIDER STYLE ***/ .thumbnail-slider .images-thumbnails > .thumbnails .thumbnails-container ul{ width: calc( 100% + 46px ); margin: 0 -23px; } .thumbnail-slider .images-thumbnails > .thumbnails .thumbnails-container ul li { padding: 0 23px; } .layout-fullwidth.woocommerce .ts-col-24 div.product.thumbnail-slider div.summary, .main-content-fullwidth.woocommerce .ts-col-24 div.product.thumbnail-slider div.summary{ padding-left: 90px; /* rtl */ } div.product.thumbnail-slider .thumbnails-container:hover .owl-controls div.owl-prev{ left: 233px; /*rtl*/ } div.product.thumbnail-slider .thumbnails-container:hover .owl-controls div.owl-next{ right: 33px; /*rtl*/ } /*** QUICKSHOP ***/ #ts-quickshop-modal.ts-popup-modal .popup-container{ width: 1100px; } #ts-quickshop-modal .images-slider-wrapper, #ts-quickshop-modal div.product.full-slider div.summary{ width: 50%; } #ts-quickshop-modal div.product.full-slider div.summary{ width: 50%; padding: 0 50px; top: 70px; bottom: 70px; } #ts-quickshop-modal .vertical-thumbnail > .images-thumbnails{ } #ts-quickshop-modal .vertical-thumbnail > .summary{ padding-left: 50px;/* rtl */ padding-right: 30px;/* rtl */ } /*** MAIN CONTENT ***/ body.error404 article{ padding: 6% 0 8% 0; } body.error404 article > h1.heading-1{ font-size: 250px; } body.error404 article > h1.heading-1 + img{ margin-top: -120px; margin-bottom: 45px; max-width: 100%; } body.error404 article > p{ margin-bottom: 40px; } /*** Furniture 2 ***/ .drile-banner-style-2 .vc_inner:nth-child(1) > .wpb_column > .vc_column-inner{ padding: 80px 75px; border-bottom-left-radius: 200px; } .drile-banner-style-2 .vc_inner .ts-button-wrapper{ bottom: -185px; left: 130px; /*rtl*/ } .drile-banner-style-2 .vc_inner .vc_custom_heading{ margin-bottom: 50px; } .drile-banner-style-2 .vc_inner .wpb_single_image{ margin-top: -315px; } .drile-banner-style-2 > .wpb_column > .wpb_wrapper > .wpb_text_column{ font-size: 368px; } .drile-banner-style-2 span.h1-big{ font-size: 120px; line-height: 120px; } /*** Furniture 5 ***/ .drile-banner-discount{ padding: 100px 0; } .drile-banner-discount > .wpb_column:first-child{ margin-top: -160px; } /*** Coming Soon ***/ .blank-page-template .ts-countdown.style-2 .counter-wrapper .number { font-size: 62px; line-height: 80px; } .h2-big { font-size: 62px; line-height: 62px; } .blank-page-template .ts-countdown.style-2 .counter-wrapper > div { min-width: 120px; } .footer-container .ts-social-icons.fixed-bottom{ bottom: 25px; } /*** POPUP/MODAL ***/ #ts-quickshop-modal div.product.vertical-thumbnail .thumbnails{ width: 90px; } #ts-quickshop-modal .vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 108px;/* rtl */ } #ts-quickshop-modal div.product.small-thumbnails.vertical-thumbnail .images-thumbnails > .thumbnails .thumbnails-container ul li { margin-top: 20px; } #ts-quickshop-modal .small-thumbnails.vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper{ margin: -20px 0 0 0 !important; } /*** SHORTCODE ***/ .style-verticle .list-categories ul.tabs li{ padding: 18px 50px; } .ts-testimonial-wrapper.dots-verticle .content { font-size: 24px; } .style-verticle .list-categories ul.tabs li > .icon{ margin-right: 30px; /*rtl*/ } /*** Testimonials ***/ .ts-testimonial-wrapper.show-dots.dots-verticle{ padding-right: 250px; /*rtl*/ } .layout-fullwidth .products .product.product-category .product-wrapper .meta-wrapper, .main-content-fullwidth .products .product.product-category .product-wrapper .meta-wrapper, .reverse-effect .products .product.product-category:hover .product-wrapper .meta-wrapper{ transform: translateY(-50%) scale(5); } .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav > div{ top: 40%; } /*** Shortcode Banners ***/ .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-center .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-bottom .box-content{ left: 9%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-center .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-bottom .box-content{ right: 9%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-top .box-content{ top: 9%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-bottom .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-bottom .box-content{ bottom: 9%; /*rtl*/ } .style-text-center .discount{ font-size: 216px; } .style-text-center.has-discount .box-content header { padding-top: 90px; } .ts-banner-image.max-width img.text-image{ max-width: 100%; } /*** Shortcode Product In category Tabs ***/ .style-verticle-icons .column-tabs{ left: -94px; /*rtl*/ } .style-verticle-icons .column-content{ margin-left: 0; /*rtl*/ } .vc_row.vc_row-no-padding[data-vc-stretch-content] .style-verticle-icons .column-tabs{ left: 0; /*rtl*/ } .vc_row.vc_row-no-padding[data-vc-stretch-content] .style-verticle-icons .column-content{ margin-left: 94px; /*rtl*/ } .style-verticle.ts-slider.show-nav.nav-middle > .column-content{ padding-left: 120px; padding-right: 120px; } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav .owl-prev, .ts-logo-slider-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-prev, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav .owl-prev, .ts-testimonial-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-prev, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-prev, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-prev{ left: -75px; /*rtl*/ } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav .owl-next, .ts-logo-slider-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-next, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav .owl-next, .ts-testimonial-wrapper.show-nav.nav-middle .items:hover .owl-nav .owl-next, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-next, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-next{ right: -75px; /*rtl*/ } .ts-heading.style-multiple-heading .heading-2{ margin-top: -66px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item .item .thumbnail img{ height: 480px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active:not(.center) .item .thumbnail img{ height: 600px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active.center .item{ padding-right: 70px; padding-left: 70px; } } @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; } } @media only screen and (max-width: 1600px){ .header-fullwidth .page-container, .header-fullwidth .dokan-store #page > #main, .header-fullwidth .breadcrumb-title-wrapper .breadcrumb-content, .header-fullwidth .ts-sidebar-content .filter-widget-area, .header-fullwidth .breadcrumb-title-wrapper .breadcrumb-content, .header-fullwidth .ts-header .container{ width: 100%; max-width: 100%; } .header-fullwidth .ts-header .container, .header-fullwidth .breadcrumb-content, .layout-fullwidth .breadcrumb-content, .header-fullwidth .footer-container .container, .footer-fullwidth .footer-container .container, .layout-fullwidth .footer-container .container, .header-fullwidth .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .layout-fullwidth .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, body.header-fullwidth > #ts-search-result-container, body.layout-fullwidth > #ts-search-result-container{ padding-left: 50px;/* responsive */ padding-right: 50px; } .header-fullwidth .page-container, .layout-fullwidth .page-container, .header-fullwidth .dokan-store #page > #main, .layout-fullwidth .dokan-store #page > #main{ padding-left: 35px; padding-right: 35px; } } /*------------------------------------------------------------- XVII. IPAD RESPONSIVE --------------------------------------------------------------*/ @media only screen and (max-width: 1279px){ /*** RESET ***/ .hidden-ipad{ display: none !important; } .visible-ipad{ display: block !important; } .header-fullwidth .ts-header .container, .header-fullwidth .breadcrumb-content, .layout-fullwidth .breadcrumb-content, .header-fullwidth .footer-container .container, .footer-fullwidth .footer-container .container, .layout-fullwidth .footer-container .container, .header-fullwidth .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, .layout-fullwidth .ts-header .menu-wrapper nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu, body.header-fullwidth > #ts-search-result-container, body.layout-fullwidth > #ts-search-result-container{ padding-left: 30px;/* responsive */ padding-right: 30px; } .header-fullwidth .page-container, .layout-fullwidth .page-container, .header-fullwidth .dokan-store #page > #main, .layout-fullwidth .dokan-store #page > #main{ padding-left: 15px; padding-right: 15px; } .header-v2.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v2.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container, .header-v10.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v10.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container{ padding: 30px 50px 30px 30px; } .header-v2.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v2.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before, .header-v10.header-transparent .header-middle .header-right .shopping-cart-wrapper .dropdown-container:before, .header-v10.header-transparent .header-middle .header-right .my-account-wrapper .dropdown-container:before{ right: 20px; /*rtl*/ } .vc_row.row-slider .ts-social-icons{display: none;} /*** ICON SIZE ***/ .search-button .icon:before, .ts-search-by-category .search-button:before, .shopping-cart-wrapper a > .ic-cart:before, .ts-tiny-account-wrapper .account-control:before, .my-wishlist-wrapper > a:before, .product-group-button > div a:before, body .pp_pic_holder a.pp_close:after, body .pp_pic_holder a.pp_expand:after, body .pp_pic_holder a.pp_contract:after, /*** Loading ***/ .woocommerce .product-wrapper a.button.loading:after, .woocommerce .product-wrapper button.button.loading:after, .woocommerce .product-wrapper input.button.loading:after, .woocommerce tr.remove div.blockUI.blockOverlay:after, tr.remove div.blockUI.blockOverlay:after, .product-wrapper .button-in a div.blockUI.blockOverlay:after, /*** Remove ***/ .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{ font-size: 18px; } .product-group-button > div.wishlist a:after, .woocommerce .product-wrapper a.button.added:before, .woocommerce .product-wrapper button.button.added:before, .woocommerce .product-wrapper input.button.added:before, .portfolio-inner .icon-group a:before, .single-portfolio .portfolio-like .ic-like:before, .single-portfolio .ic-like.loading:before, .portfolio-inner .icon-group a.loading:before{ font-size: 16px; } .woocommerce div.product .summary > form.cart .button.loading:after, .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 22px; } .thumbnail-slider .thumbnails-container.loading:after { left: 50%; /*rtl*/ } /*** Container Spacing ***/ #main > .page-container{ padding-top: 60px; } .woocommerce-cart #main > .page-container{ padding-top: 50px; } .woocommerce-account #primary .woocommerce, .single .entry-header .entry-title-left, .single .entry-header .entry-format, article.single > .entry-author, .ts-pagination, .woocommerce form.track_order, .woocommerce div.product div.images-thumbnails, .woocommerce div.product div.summary, .woocommerce.woocommerce-page .cross-sells, .woocommerce.woocommerce-page .up-sells, .woocommerce.woocommerce-page .related, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information, .woocommerce div.product div.images-thumbnails, .woocommerce .after-loop-wrapper:not(:empty), #main > .page-container.blog-template .site-content > .list-posts:first-child:last-child{ margin-bottom: 60px; } article.single > .related-posts, article.single > .comments-area, body.page:not(.woocommerce) .site-content > .comments-area:last-child{ margin-bottom: 50px; } body.page:not(.woocommerce) .site-content > .comments-area{ margin-top: 26px; } .commentlist + #comment-wrapper{ margin-top: 50px; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related, .ts-product-category-banner-wrapper > .category-column > .category-item:first-child, .woocommerce div.product .woocommerce-tabs, article.single > .entry-content{ margin-bottom: 40px; } .entry-author{ margin-top: 90px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin-top: 60px; } .ts-pagination { padding-top: 10px; } .single-portfolio .ts-portfolio-wrapper{ margin-top: 60px; margin-bottom: 60px; } .header-v7 .row-slider-wrapper{ margin-top: -61px; } .breadcrumb-title-wrapper.breadcrumb-v2{ margin-bottom: 15px; } /*** Heading Spacing ***/ .ts-heading, .ts-shortcode .heading-tab, .vc_custom_heading, .heading-shortcode, .theme-title, .cross-sells, .up-sells, .related, .woocommerce .cross-sells > h2, .woocommerce .up-sells > h2, .woocommerce .related > h2, .ts-shortcode .shortcode-heading-wrapper, .ts-heading.style-multiple-heading, .ts-product-in-category-tab-wrapper.style-horizontal .column-tabs, .ts-shortcode.ts-product-in-product-type-tab-wrapper .column-tabs{ margin: 0 0 30px 0; } .heading-wrapper{ margin: 0 0 30px 0; } .woocommerce div.product .woocommerce-tabs ul.tabs{ margin-bottom: 30px; } .style-horizontal .list-categories ul.tabs li, .ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li { padding-left: 20px; padding-right: 20px; } .ts-product-wrapper.ts-slider.nav-middle.middle-thumbnail .owl-nav > div { top: 30%; } /*** BUTTON ***/ .woocommerce .woocommerce-ordering .orderby-current { min-width: 240px; } .quantity .qty, .woocommerce .quantity .qty { font-size: 18px; line-height: 32px; } .woocommerce div.product .summary .ts-add-to-compare, .woocommerce div.product .summary .ts-add-to-wishlist { width: 44px; height: 44px; font-size: 18px; line-height: 42px; } body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-1 .vc_tta-panel-title>a { padding: 12px 44px 12px 20px; /*rtl*/ } body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-1 .vc_tta-panel-title .vc_tta-controls-icon { width: 44px; height: 44px; line-height: 44px; } .vc_col-sm-12 .ts-mailchimp-subscription-shortcode .newsletter { margin-bottom: 15px; } /*** HEADER ***/ .menu-header-active .header-template > div:not(.is-sticky) .header-middle, .menu-header-active .header-template > .header-middle{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 500ms; -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fade; -moz-animation-name: fade; animation-name: fade; } .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: 10px; padding-bottom: 10px; } .menu-wrapper nav > ul.menu > li{ margin: 0 20px 0 0;/* rtl */ } .menu-wrapper nav > ul.menu > li:last-child{ margin: 0;/* rtl */ } .ts-header .menu-wrapper nav > ul.menu li:hover > ul.sub-menu{ display: none; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .sub-menu .ts-menu-drop-icon{ left: auto;/* rtl */ width: 20px; } #group-icon-header .main-menu-sidebar-wrapper{ display: none !important; } #group-icon-header .mobile-menu-wrapper{ display: block !important; cursor: pointer; } body.header-v4 .ts-header .ts-group-meta-icon-toggle{ display: table-cell !important; } .header-top, .ts-icon-toggle-header-top{ display: none; } .header-language *{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } .my-account-wrapper .dropdown-container, .header-v8 .header-middle .header-right .my-account-wrapper .dropdown-container, .is-sticky .header-middle .header-right .my-account-wrapper .dropdown-container{ margin-left: -170px; /*rtl*/ } .header-v8 .header-middle .header-right .my-account-wrapper .dropdown-container{ margin-left: -220px; /*rtl*/ } .header-v4 .header-middle .header-right .my-account-wrapper .dropdown-container, .header-v7 .header-middle .header-right .my-account-wrapper .dropdown-container { margin-left: -218px; /*rtl*/ } .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container:before, .sticky-wrapper.is-sticky .my-account-wrapper .dropdown-container:before { top: 21px; } .header-v6 .header-middle .header-right .my-account-wrapper .dropdown-container{ margin-left: -207px; /*rtl*/ } .header-v6 .header-middle .header-right .shopping-cart-wrapper .dropdown-container { right: -58px; /*rtl*/ } .header-v2.header-transparent .ts-header .container, .header-v10.header-transparent .ts-header .container{ width: 100%; } .header-v2.header-transparent.menu-header-active .logo-wrapper .normal-logo, .header-v10.header-transparent.menu-header-active .logo-wrapper .normal-logo{ display: none; } .header-v2.header-transparent.menu-header-active img.sticky-logo, .header-v10.header-transparent.menu-header-active img.sticky-logo{ display: block; } .header-v2.header-transparent.menu-header-active .logo-wrapper .mobile-logo, .header-v10.header-transparent.menu-header-active .logo-wrapper .mobile-logo{ display: none; } .header-v3 .header-meta-wrapper > .menu-wrapper{ width: 0; } .header-v3 .header-meta-wrapper > .header-right{ width: 100%; } .header-v4 .ts-group-meta-icon-toggle .icon span{ left: 0; /*rtl*/ right: auto; /*rtl*/ } .header-v4 .header-middle .ts-group-meta-icon-toggle{ display: table-cell !important; } .header-v4 .header-middle .ts-group-meta-icon-toggle .icon{ margin-top: 0; } .header-v4 .header-top, .header-v4 .header-middle .ts-icon-toggle-header-top, .header-v4 .header-middle .search-button, .header-v4 .header-middle .ts-search-by-category, .header-v4 .header-middle .menu-wrapper{ display: none; } .header-v4 #group-icon-header{ display: block; } .header-v4 #group-icon-header .visible-phone { display: block !important; } .header-v4 .header-middle > .container > .ts-group-meta-icon-toggle, .header-v4 .header-middle > .container > .logo-wrapper, .header-v4 .header-middle > .container > .header-right{ width: 33.33333%; } .header-v4 #group-icon-header .ts-sidebar-content{ width: 100%; } .header-middle div.header-right > div.header-currency, .header-middle div.header-right > div.header-language { display: none; } .header-v5.header-transparent .header-middle .header-right .shopping-cart-wrapper, .header-v5.header-transparent .header-middle .header-right .search-button, .header-v5.header-transparent .header-middle .header-right .my-wishlist-wrapper, .header-v5.header-transparent .header-middle .header-right .my-account-wrapper { display: block; } .header-v6 .group-button-header{ display: none; } .header-v7 header .header-middle .logo-wrapper, .header-v7 header .header-middle .header-right{ width: 50%; } #group-icon-header .ts-sidebar-content { width: 100%; padding: 0 30px 30px 30px; } .header-v8 .ts-floating-sidebar.active { display: block !important; } .header-v8 .header-middle .menu-wrapper .ts-menu{ display: none !important; } .header-v8.menu-header-active .ts-header .logo-wrapper, .header-v8.menu-header-active .ts-header .header-right, .header-v8.menu-header-active div#main, .header-v8.menu-header-active footer{ transform: translateX(0); } .header-v8 .header-language, .header-v8 .header-currency { width: 100%; float: none; } /*** MAIN CONTENT ***/ .breadcrumb-title-wrapper .breadcrumb-title .breadcrumbs{ padding: 30px 0 20px; } .breadcrumb-title-wrapper .breadcrumb-title .page-title{ padding: 5px 0 20px; } .breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumb-title > .breadcrumbs:first-child:last-child{ padding-bottom: 20px; } .single-portfolio .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .ts-portfolio-wrapper.ts-masonry.loading, .vc_row.loading, .column-products.loading .vc_col-sm-9 .column-products.loading, .show-color-swatch .column-products.loading{ height: 300px; } #left-sidebar, #right-sidebar{ float: left; min-height: 1px; margin-bottom: 10px; } div#main{ min-height: 300px; } .container{ padding-left: 0; padding-right: 0; } .woocommerce .products{ -webkit-box-pack: center; justify-content: center; } .woocommerce .products, .single-portfolio.gallery .entry-format .thumbnail figure{ margin-left: -10px; margin-right: -10px; } .woocommerce .products .product{ padding-left: 10px; padding-right: 10px; } .single-portfolio.gallery .entry-format .thumbnail figure > a{ padding: 20px 10px 0; } .woocommerce .products.owl-carousel{ width: calc(100% + 20px); } .related-posts .items, .ts-blogs .items, .related-portfolio .items, .ts-shortcode .items{ margin-left: -10px; margin-right: -10px; } body .nav-middle .products .owl-nav .owl-prev, body .nav-middle .products:hover .owl-nav .owl-prev{ left: 20px; /*rtl*/ transition: none; } body .nav-middle .products .owl-nav .owl-next, body .nav-middle .products:hover .owl-nav .owl-next{ right: 20px; /*rtl*/ transition: none; } .single-product .product:not(.vertical-thumbnail) .images-thumbnails > .thumbnails .owl-controls div.owl-prev{ left: 10px; /*rtl*/ } .single-product .product:not(.vertical-thumbnail) .images-thumbnails > .thumbnails .owl-controls div.owl-next{ right: 10px; /*rtl*/ } /*** BREADCRUMB ***/ .breadcrumb-title-wrapper.ts-breadcrumb-parallax{ background-attachment: scroll; } /*** FOOTER ***/ .vc_row.footer-1 > .wpb_column:nth-child(2){ padding-left: 50px; padding-right: 50px; } .wpb_column.column-gap-default-on-device{ padding-left: 70px !important; padding-right: 70px !important; } ul.info-content.horizontal li{ display: block; padding-left: 0; padding-right: 0; } ul.info-content.horizontal li:not(:last-child):after{ display: none; } .ts-social-icons.style-2 .social-icons.style-icon li, .end-footer .ts-social-icons.style-2 .social-icons.style-icon li { margin-left: 15px; margin-right: 15px; } /*** SHOP FILTER ***/ .product-per-page-form, .filter-widget-area-button{ padding: 9px 0; } .filter-widget-area.style-default { padding-right: 260px; /*rtl*/ max-width: 80%; margin: -35px 0 0 0; } .filter-widget-area.style-default .widget-title-wrapper { padding-right: 12px; /*rtl*/ } .filter-widget-area.style-default .widget-title-wrapper a.block-control { line-height: 25px; } .filter-widget-area > .widget-container { padding: 0 0 0 25px; /*rtl*/ } .woocommerce .woocommerce-ordering .orderby-current:after { margin-left: 5px; /*rtl*/ } .product-per-page-form:after{ display: none; } .filter-widget-area.style-dropdown > .widget-container, .ts-floating-sidebar.style-bottom .filter-widget-area > .widget-container { padding: 0 20px; } .filter-widget-area.style-default .widget-title-wrapper a.block-control:after{ font-size: 8px; } .widget_categories > ul > li, .widget_pages > ul > li, .widget_nav_menu .menu-menu-main-container > 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-brand .product-filter-by-brand-wrapper > ul > li, .widget-container.product-filter-by-price .product-filter-by-price-wrapper > ul > li, .widget-container.product-filter-by-color > ul > li, .widget-container.product-filter-by-material > ul > li, .widget-container.product-filter-by-availability .product-filter-by-availability-wrapper > ul > li { margin: 0 0 14px 0; } .widget-container .widget-title-wrapper, .widget-title-wrapper { margin-bottom: 16px; } .ts-floating-sidebar.style-sidebar .ts-sidebar-content { max-width: 216px; } .woocommerce .products > .list-categories:after{ left: 10px; right: 10px; } /*** FLOATING SIDEBAR ***/ .floating-sidebar-active{ width: 100%; height: 100%; position: fixed; overflow: hidden; } .ts-sidebar-content .dropdown-container ul.cart_list{ overflow: auto; } .ts-floating-sidebar .ts-sidebar-content{ right: 0 !important;/* rtl */ } .ts-sidebar-content .dropdown-container ul.cart_list{ margin: 0;/* 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; } .woocommerce .products.zoom-in { margin-left: 0; margin-right: 0; } .ts-search-by-category .search-button, .ts-search-by-category .search-button:before, .ts-search-by-category input[type="submit"]{ height: 42px; line-height: 42px; } .header-currency > .title, .header-language > .title, .group-button-header h6.title { margin-bottom: 8px; } /*** SHOP ***/ .woocommerce .after-loop-wrapper .ts-shop-result-count { margin: 0 auto 15px; } .woocommerce.load-more-button .after-loop-wrapper:not(:empty){ margin-top: 0; } .products .product .product-sku{ margin-bottom: 2px; } .product-category .meta-wrapper .icon, .products .product h3, .woocommerce .products .product h3, .product-brands, .woocommerce .products .product .product-categories, .woocommerce .products .star-rating, .woocommerce .star-rating{ margin-bottom: 8px; } .woocommerce .products .product .short-description{ margin-top: 8px; } .woocommerce .products .product .price{ margin-bottom: 10px; } html .woocommerce .product .product-label .onsale, html .woocommerce .product .product-label .new, html .woocommerce .product .product-label .featured, html .woocommerce .product .product-label .out-of-stock{ font-size: 85%; } .woocommerce .product .product-label .onsale, .woocommerce .product .product-label .new, .woocommerce .product .product-label .featured, .woocommerce .product .product-label .out-of-stock{ width: 40px; height: 40px; } .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; height: 20px; min-width: 53px; padding-left: 5px; padding-right: 5px; line-height: 16px !important; } .product-label-square .product .product-label .out-of-stock, .product-label-circle .product .product-label .out-of-stock{ line-height: 14px !important; } .woocommerce .product .product-label > div { margin-top: 5px; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display: none !important; } .woocommerce .products .product .product-wrapper { position: relative; } .woocommerce .products .product:not(.product-category) .product-wrapper { padding-bottom: 50px; } .vc_col-sm-8 .woocommerce.columns-3 .ts-product-wrapper.nav-middle.middle-thumbnail .owl-nav > div { top: 30%; } /*** PRODUCT GROUP BUTTON ***/ /*** Hide group button on thumbnail ***/ .thumbnail-wrapper .product-group-button, .product-group-button .button-tooltip, .ts-product-attribute .button-tooltip{ display: none !important } .product-style-3 .thumbnail-wrapper:hover figure { transition: none !important; transform: translate3d(0,0,0); } /*** Show group button on meta ***/ .woocommerce .product .meta-wrapper .loop-add-to-cart{ display: block !important; } .meta-wrapper .button-in{ display: block; } .product-group-button-meta{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .product-group-button-meta > div{ width: 40px; height: 40px; position: relative; border: 1px solid #d7d7d7; border-radius: 5px; margin: 5px; } .product-group-button-meta > div.loop-add-to-cart{ order: 1; } .product-group-button-meta > div.loop-add-to-cart *{ transition: none !important; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; } .product-group-button-meta > div.wishlist{ order: 2; } .product-group-button-meta > div a, .product-group-button-meta > div.loop-add-to-cart a, .product-group-button-meta > div.wishlist a{ 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; } .product-group-button-meta > div.loop-add-to-cart a{ border-width: 0 !important; padding: 0 !important; line-height: 38px !important; } .product-group-button-meta > div a:before{ font-size: 18px; line-height: 38px !important; } .product-group-button-meta > div.loop-add-to-cart a.button.added:before, .product-group-button-meta > div.wishlist a:before{ font-size: 16px; } /*** PRODUCT DETAIL ***/ .cloud-zoom-big{ margin: 0; } /*** Product Navigation ***/ 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; } /*** Product Images ***/ .vertical-thumbnail .thumbnails-container.loading{ height: 200px; } .images-thumbnails .owl-controls{ margin-left: -17px;/* rtl */ } .woocommerce div.product div.summary{ padding-left: 30px;/* rtl */ } .woocommerce div.product.vertical-thumbnail.thumbnail-right div.summary { padding-right: 120px;/* rtl */ } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images, .woocommerce .ts-col-18 div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 95px;/* rtl */ } body.woocommerce div.product .images .product-label span{ font-size: 16px !important; line-height: 18px !important; height: 60px; } body.woocommerce div.product .images .product-label span.out-of-stock{ font-size: 15px !important; } /*** Thumbnail Grid/Slider ***/ .woocommerce div.product.thumbnail-slider div.summary{ width: 100%; padding: 0; } .woocommerce div.product.thumbnail-slider div.images-thumbnails { width: 100%; margin-left: 0; /*rtl*/ } .thumbnails .thumbnails-container ul li a, .thumbnail-slider .thumbnails .thumbnails-container .owl-item.active{ opacity: 1 !important; } div.product .thumbnails-container .owl-controls div { visibility: visible; opacity: 1; transition: none; } div.product.thumbnail-slider .images-thumbnails .owl-nav div { margin-top: -25px; width: 50px !important; height: 50px !important; line-height: 50px; } div.product.thumbnail-slider .images-thumbnails .owl-controls div.owl-prev{ left: 10px !important; /*rtl*/ } div.product.thumbnail-slider .images-thumbnails .owl-controls div.owl-next{ right: 10px !important; /*rtl*/ } .vertical-thumbnail .images-thumbnails > .thumbnails .thumbnails-container ul li { margin-top: 20px; } /*** Product Summary ***/ .woocommerce div.product .summary > .single-navigation{ margin-bottom: 20px; display: none; } .woocommerce div.product .summary > *:not(.single-navigation), .woocommerce div.product .summary > .woocommerce-product-rating > .woocommerce-review-link, .woocommerce div.product .summary .single_variation_wrap .woocommerce-variation-description:not(:empty){ margin-bottom: 20px; } .woocommerce div.product .summary form.cart .variations, .woocommerce div.product .summary > form.cart, .woocommerce div.product .summary .single_variation_wrap .woocommerce-variation-price{ margin-bottom: 27px; } .woocommerce div.product .summary .meta-content .ts-social-sharing{ margin-top: 24px; } .woocommerce div.product form.cart table.group_table{ margin-bottom: 32px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs.accordion-tabs{ margin-top: 50px; } .woocommerce div.product:not(.no-addtocart) .summary > form.cart ~ .button-in { margin-top: -71px; } .woocommerce div.product .summary > form.cart .button{ width: 220px; } .woocommerce div.product .summary > form.cart div.quantity .qty, .woocommerce div.product .summary > .button-in.wishlist, .woocommerce div.product .summary > form.cart .button{ margin-right: 10px; /*rtl*/ } .woocommerce div.product .summary > form.cart .quantity .minus,.woocommerce div.product .summary > form.cart .quantity .plus{right: 10px; /*rtl*/} .woocommerce div.product:not(.no-addtocart) .summary > form.cart + .button-in.wishlist{ margin-left: 325px; /* rtl */ } .woocommerce div.product:not(.no-addtocart) .summary > form.cart + .button-in.wishlist + .button-in.compare{ margin-left: 379px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist{ margin-left: 230px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist + .button-in.compare{ margin-left: 284px; /* rtl */ } #ts-product-360-modal:not(.show){ display: none; } /*** Woocommerce Tabs ***/ .woocommerce .woocommerce-tabs table.shop_attributes th { width: 200px; } .ts-product-video-button, .ts-product-360-button{ width: 32px !important; height: 32px !important; margin: 0 !important; } div.product.thumbnail-default .ts-product-video-button { right: 50px; /*rtl*/ } .woocommerce-tabs #comments { padding: 0 15px 0 0; /*rtl*/ } .woocommerce-tabs #review_form_wrapper { padding: 0 0 0 15px; /*rtl*/ } .woocommerce #review_form #respond p.form-submit { margin: 20px 0 0; } .comment-respond #reply-title, .comment-respond .comment-form-rating, .accordion-tab .comment-respond #reply-title, .accordion-tab .comment-respond .comment-form-rating{ margin-bottom: 20px; } .woocommerce #reviews #comments ol.commentlist > li:not(:last-child), .woocommerce .accordion-tab #reviews #comments ol.commentlist > li:not(:last-child), .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments ol.commentlist > li .comment-text p.meta, .woocommerce .accordion-tab #reviews #comments ol.commentlist li img.avatar, .woocommerce .accordion-tab #reviews #comments ol.commentlist > li .comment-text p.meta{ margin-bottom: 15px; } .threesixty .nav_bar { top: 8px; right: 0; /*rtl*/ } /*** SHOPPING CART ***/ .woocommerce-cart article .woocommerce{ margin: 0; } .woocommerce .woocommerce-cart-form, .woocommerce-cart article .woocommerce .cart-collaterals{ width: 100%; padding-left: 0; padding-right: 0; margin: 0 0 60px 0; } body.woocommerce-cart #main > .breadcrumb-title-wrapper ~ .page-container { padding-top: 20px; } .woocommerce .cross-sells, .woocommerce .up-sells, .woocommerce .related{ margin: 0 0 70px 0; } .woocommerce-cart .cart-collaterals .cart_totals > h2 { margin-bottom: 5px; } /*** CHECKOUT ***/ .woocommerce .checkout-coupon-wrapper { margin-top: 0; } .woocommerce > form.checkout { padding-top: 20px; } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review { margin-bottom: 46px; } .woocommerce .checkout-login-coupon-wrapper form.login { margin: 0 0 30px 0; } #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: auto; } #order_review table.shop_table ul#shipping_method { margin-left: -70%; /*rtl*/ } /*** MY ACCOUNT ***/ .woocommerce form.track_order, .woocommerce-account #primary .woocommerce{ margin-bottom: 70px; } .woocommerce-account .woocommerce-MyAccount-content{ padding-left: 30px; /*rtl*/ } .woocommerce ul.order_details.woocommerce-thankyou-order-details{ margin-left: -15px; margin-right: -15px; } .woocommerce ul.order_details.woocommerce-thankyou-order-details li{ padding-left: 15px; padding-right: 15px } /*** 360 ***/ body .ts-popup-modal .product-360-container { width: 550px; max-height: 90%; } /*** Video ***/ .ts-popup-modal .popup-container{ width: 80%; } /*** BLOG ***/ .list-posts article { margin-bottom: 40px; } .blog-list-style .list-posts article .entry-format, .blog-list-style .list-posts article .entry-content{ width: 50%; } .blog-list-style .list-posts article .entry-content{ padding-right: 30px; /*rtl*/ } body blockquote { font-size: 18px; } .single-post blockquote { margin: 40px auto; } body:not(.blog-list-style) .list-posts article:not(.sticky) .entry-content{ padding: 25px 30px 30px 30px; } /*** BLOG DETAIL ***/ .single .meta-bottom-2:after{ content: ''; display: table; clear: both; } .single .entry-header .entry-title-left { width: 40%; padding-right: 30px; /*rtl*/ } .single .entry-header .entry-format { width: 60%; } #comment-wrapper .info-wrapper{ margin: 0 -10px; } #comment-wrapper .info-wrapper > p{ padding: 0 10px; } .related-posts article, .ts-blogs article, .related-portfolio article, .ts-shortcode .items .item{ padding-left: 10px; padding-right: 10px; } /*** PORTFOLIO ***/ .ts-portfolio-wrapper .filter-bar { margin-bottom: 40px; } .portfolio-inner .item{ margin-bottom: 20px; } .ts-portfolio-wrapper .item figure .portfolio-meta { height: 80px; } .ts-portfolio-wrapper .item figure .portfolio-meta > *, .ts-portfolio-wrapper .item figure .portfolio-meta > *:nth-child(2){ opacity: 1; transform: translate3d(0,0,0); transition: none; transition-delay: 0s; } .single-portfolio .portfolio-content { margin: 0 0 40px; } .single-portfolio .ts-portfolio-wrapper { margin-top: 60px; margin-bottom: 40px; } .ts-portfolio-wrapper .filter-bar li:after{ bottom: 2px; } /*** MAIN CONTENT ***/ body.error404 article{ padding: 40px 0 70px; } body.error404 article > h1.heading-1{ font-size: 180px; } body.error404 article > h1.heading-1 + img{ margin-top: -80px; max-width: 360px; } /*** Custom Home ***/ .h1-big { font-size: 90px; line-height: 90px; } .drile-banner-discount > .wpb_column:first-child { margin-top: -110px; } .drile-banner-style-2 .vc_inner:nth-child(1) > .wpb_column > .vc_column-inner{ padding: 50px 50px 40px; max-width: 90%; border-bottom-left-radius: 100px; } .drile-banner-style-2 .vc_inner .vc_custom_heading{ margin-bottom: 15px; } .drile-banner-style-2 .vc_inner .wpb_single_image{ margin-top: -160px; margin-bottom: 50px; } .drile-banner-style-2 .vc_inner .ts-button-wrapper { bottom: -115px; left: 60px; /*rtl*/ } .drile-banner-style-2 span.h1-big{ font-size: 80px; line-height: 80px; } .vc_column-gap-80 > .wpb_column, .vc_column-gap-100 > .wpb_column{ padding-left: 10px; padding-right: 10px; } .drile-banner-discount > .wpb_column:first-child .ts-countdown { bottom: 40px; } body.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination { margin-top: 30px; } .vc_row.column-3-4-3{ margin-left: -20px; margin-right: -20px; } .vc_row.column-3-4-3 > .wpb_column{ padding-left: 20px; padding-right: 20px; } .vc_row.column-3-4-3 > .wpb_column .ts-single-image:not(:last-child) { margin-bottom: 30px; } /*** Coming Soon ***/ .blank-page-template .vc_col-sm-12 .ts-mailchimp-subscription-shortcode .subscribe-widget { max-width: 500px; } .ts-mailchimp-subscription-shortcode.style-2 .vertical-button-icon .subscribe-email .button { margin-left: 0; /*rtl*/ width: 180px !important; } .blank-page-template .ts-countdown.style-2 .counter-wrapper > div { min-width: 100px; } .h2-big, .blank-page-template .ts-countdown.style-2 .counter-wrapper .number { font-size: 36px; line-height: 40px; } .blank-page-template .ts-countdown.style-2 .counter-wrapper .ref-wrapper{ font-size: 14px; } /*** PARALLAX ***/ .ts-parallax-bg{ background-position: 50% 50% !important; background-attachment: scroll !important; } /*** 404 ***/ body.error404 article > h1.heading-font-1{ font-size: 100px; line-height: 100px; } /*** WIDGET ***/ /*** Widget Product ***/ .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{ margin-bottom: 20px; } .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total{ margin-bottom: 20px; } .ts-sidebar-content .ts-tiny-cart-wrapper .dropdown-footer{ padding-top: 24px; } .ts-sidebar-content .dropdown-container ul.cart_list{ max-height: calc(100% - 180px); } /*** Widget Menu ***/ .ts-menu-widget .widget-title-wrapper h3{ padding: 14px 20px; } /*** SHORTCODE ***/ /*** Team member ***/ .ts-team-members .team-content .image-thumbnail img{ opacity: 1; transform: scale(1); transition: opacity 350ms, transform 350ms; } .ts-team-members .team-content .image-thumbnail:hover img{ opacity: 0.5; transform: scale(1.1); } .ts-team-members.ts-shortcode .items{ margin-left: -10px; margin-right: -10px; } .ts-team-members.ts-shortcode .items .item{ padding: 0 10px; } .ts-team-members.ts-shortcode.ts-slider .owl-carousel{ width: calc(100% + 30px) } .ts-team-members.ts-slider.nav-middle .items:hover .owl-nav .owl-prev { left: 25px; /*rtl*/ } .ts-team-members.ts-slider.nav-middle .items:hover .owl-nav .owl-next { right: 25px; /*rtl*/ } /*** Tab ***/ body.wpb-js-composer .vc_tta-tabs.vc_tta-style-1 .vc_tta-tab > a, body.wpb-js-composer .vc_tta-tabs.vc_tta-style-2 .vc_tta-tab > a{ padding-left: 20px; padding-right: 20px; } body.wpb-js-composer .vc_general.vc_tta-tabs .vc_tta-tab > a{ min-width: 100px; } /*** Background Video ***/ .ts-video-bg::-webkit-media-controls-panel{ display: none!important; -webkit-appearance: none; } .ts-video-bg::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } .ts-video-bg::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } .ts-video-bg{ padding-top: 150px; padding-bottom: 200px; } .ts-hosted-video-bg .video-control{ bottom: 150px; } /*** Shortcode Portfolio ***/ .ts-portfolio-wrapper.columns-3 .item, .ts-portfolio-wrapper.columns-4 .item{ width: 50%; float: left;/* rtl */ } .ts-portfolio-wrapper.columns-3 .item:nth-child(2n+1), .ts-portfolio-wrapper.columns-4 .item:nth-child(2n+1){ clear: both; } /*** Product Categories ***/ .products .product.product-category .product-wrapper > a img{ opacity: 0.4; transition: none; } .products .product.product-category .product-wrapper .meta-wrapper{ transform: translateY(-50%) scale(1); transition: none; opacity: 1; visibility: visible; } .ts-slider .products .owl-item.first-item .product.product-category .product-wrapper .meta-wrapper, .ts-slider .products .owl-item.last-item .product.product-category .product-wrapper .meta-wrapper{ opacity: 0; visibility: hidden; } /*** Product In Category Tabs ***/ .cross-sells .products .owl-stage, .up-sells .products .owl-stage, .related .products .owl-stage, .ts-product .products .owl-stage{ clear: both; 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; } .cross-sells .products .owl-stage section.product, .up-sells .products .owl-stage section.product, .related .products .owl-stage section.product{ height: 100%; } .ts-product .products .owl-stage section.product{ height: 100%; margin-bottom: 0; } .ts-product .products.owl-carousel, .ts-product.ts-slider.rows-2 .products .owl-stage section.product{ margin-bottom: 40px; } .ts-product.ts-slider.rows-2 .products.owl-carousel{ margin-bottom: 20px; } .style-verticle.ts-product .products.owl-carousel, .ts-product-category-wrapper .products.owl-carousel, .dots-line.ts-product .products.owl-carousel{ margin-bottom: 0; } .dots-line .owl-dots{ margin-top: 20px; } .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-prev, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-prev{ left: 25vw; /*rtl*/ } .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-next, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-next{ right: 25vw; /*rtl*/ } .style-verticle > .column-content{ padding-bottom: 30px; } .style-verticle .list-categories ul.tabs li { padding: 12px 20px; } .style-verticle .list-categories ul.tabs li > .icon.has-hover-icon > img{ max-height: 40px; width: auto; } .style-verticle.ts-slider.show-nav.nav-middle > .column-content{ padding-left: 70px; padding-right: 70px; } .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-prev, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-prev{ left: -50px; /*rtl*/ } .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav .owl-next, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products:hover .owl-nav .owl-next{ right: -50px; /*rtl*/ } .ts-logo-slider-wrapper.show-nav.nav-middle .items .owl-nav > div:before, .ts-testimonial-wrapper.show-nav.nav-middle .items .owl-nav > div:before, .ts-product-in-category-tab-wrapper.style-verticle.nav-middle .products .owl-nav > div:before, .style-horizontal-icons .list-categories ul.tabs.owl-carousel .owl-nav > div:before { font-size: 24px; } .style-horizontal-icons .list-categories ul.tabs.owl-carousel .owl-nav > .owl-prev{ left: -20px; /*rtl*/ } .style-horizontal-icons .list-categories ul.tabs.owl-carousel .owl-nav > .owl-next{ right: -20px; /*rtl*/ } .style-horizontal-icons .list-categories { margin: 0 0 40px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li { padding-left: 20px; padding-right: 20px; } .ts-product-in-product-type-tab-wrapper.ts-slider.show-nav-as-text .column-tabs ul.tabs li:not(:last-child):after { height: 14px; border-right-width: 3px; margin-top: -2px; } /*** Product Category Banners ***/ .ts-product-category-banner-wrapper .shortcode-heading-wrapper .shortcode-title { right: 45px; /*rtl*/ font-size: 60px; letter-spacing: 10px; } /*** TS Banners ***/ .ts-banner-button{ margin-top: 20px; } .style-text-center .ts-banner h6 { margin-bottom: 5px; } .ts-banner h6 { margin-bottom: 10px; } .ts-banner-button a{ padding-top: 6px; padding-bottom: 6px; min-width: 0; } .left-top .box-content, .left-center .box-content, .left-bottom .box-content{ left: 0; /*rtl*/ } .right-top .box-content, .right-center .box-content, .right-bottom .box-content{ right: 0; /*rtl*/ } .left-top .box-content, .right-top .box-content{ top: 0; /*rtl*/ } .left-bottom .box-content, .right-bottom .box-content{ bottom: 0; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-center .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-bottom .box-content{ left: 4%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-center .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-bottom .box-content{ right: 4%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-top .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-top .box-content{ top: 4%; /*rtl*/ } .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .left-bottom .box-content, .vc_row[data-vc-stretch-content] .vc_col-sm-12 > .wpb_wrapper > .right-bottom .box-content{ bottom: 4%; /*rtl*/ } .style-text-center.has-discount .box-content header { padding-top: 30px; } .style-text-center .discount { font-size: 100px; line-height: 100px; } .vc_row.banner-categories { max-width: 90%; } .ts-banner.style-category.center-bottom .box-content { bottom: 0; } .ts-banner.has-description .box-content .description br{ display: none; } .big-title .heading { font-size: 60px; line-height: 60px; letter-spacing: 7px; } .vc_col-sm-4 .ts-banner-image img.text-image { max-width: 70%; } .ts-testimonial-wrapper .owl-dots { margin-top: 20px; } .ts-shortcode .load-more-wrapper .load-more.loading, .ts-shop-load-more.loading .load-more { border-width: 3px 1px; } .ts-team-members .item .member-social { opacity: 1; visibility: visible; } .vc_col-lg-3.vc_col-md-6 .ts-feature-wrapper .feature-excerpt{ max-width: 380px; margin-left: auto; margin-right: auto; } /*** TS Heading ***/ .ts-heading.style-multiple-heading .heading-2 { margin-top: -45px; } .ts-banner.style-category .banner-wrapper .banner-bg:after{ font-size: 30px; } /*** TS Gallery Images ***/ .ts-image-gallery-wrapper.has-margin .images.owl-carousel, .ts-image-gallery-wrapper.style-masonry.ts-slider .images.owl-carousel{ width: calc(100% + 20px); } .ts-image-gallery-wrapper.has-margin .images, .ts-image-gallery-wrapper.style-masonry.ts-slider .images{ margin-left: -10px; margin-right: -10px; } .ts-image-gallery-wrapper.has-margin .images .item, .ts-image-gallery-wrapper.style-masonry.ts-slider .images .item{ padding: 10px; } } @media only screen and (max-width: 991px){ /*** ICON SIZE ***/ .search-button .icon:before, .ts-search-by-category .search-button:before, .shopping-cart-wrapper a > .ic-cart:before, .ts-tiny-account-wrapper .account-control:before, .my-wishlist-wrapper > a:before, .product-group-button > div a:before, body .pp_pic_holder a.pp_close:after, body .pp_pic_holder a.pp_expand:after, body .pp_pic_holder a.pp_contract:after, /*** Loading ***/ .woocommerce .product-wrapper a.button.loading:after, .woocommerce .product-wrapper button.button.loading:after, .woocommerce .product-wrapper input.button.loading:after, .woocommerce tr.remove div.blockUI.blockOverlay:after, tr.remove div.blockUI.blockOverlay:after, .product-wrapper .button-in a div.blockUI.blockOverlay:after, /*** Remove ***/ .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{ font-size: 18px; } .product-group-button > div.wishlist a:after, .woocommerce .product-wrapper a.button.added:before, .woocommerce .product-wrapper button.button.added:before, .woocommerce .product-wrapper input.button.added:before{ font-size: 16px; } .ts-floating-sidebar .close:after, .ts-popup-modal .close:after{ font-size: 20px; } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist{ margin-left: 235px; /* rtl */ } .woocommerce div.product:not(.no-addtocart).sold-individually .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-external .summary > form.cart + .button-in.wishlist + .button-in.compare, .woocommerce div.product:not(.no-addtocart).product-type-grouped .summary > form.cart + .button-in.wishlist + .button-in.compare{ margin-left: 288px; /* rtl */ } /*** RESET ***/ body .padding-120{ padding-top: 80px; padding-bottom: 80px; } body .padding-110, body .padding-100{ padding-top: 70px; padding-bottom: 70px; } body .padding-90, body .padding-80, body .padding-70{ padding-top: 60px; padding-bottom: 60px; } /*** FOOTER ***/ footer .vc_col-md-4 .ts-image-gallery-wrapper { max-width: 100%; width: 100%; } .footer-container .ts-social-icons.fixed-bottom { position: static; margin: 35px 0 20px; } footer .vc_col-sm-12.vc_col-lg-4.vc_col-md-4 .ts-mailchimp-subscription-shortcode .subscribe-widget{ max-width: 100%; margin-left: 0; /*rtl*/ } /*** SHOP FILTERS ***/ .filter-widget-area.style-default { padding-right: 0; /*rtl*/ max-width: 100%; margin: 10px 0 0; justify-content: flex-start; /*rtl*/ } .filter-widget-area > .widget-container { padding: 0 40px 0 0; /*rtl*/ } .archive .woocommerce .products { padding-top: 15px; } .ts-active-filters .widget_layered_nav_filters .widgettitle { margin: 6px 25px 6px 0; } .ts-active-filters .widget_layered_nav_filters ul li{ margin-top: 6px; margin-bottom: 6px; } .ts-floating-sidebar.style-sidebar .ts-sidebar-content { max-width: 150px; } /*** SHOP ***/ .woocommerce form .form-row-first, .woocommerce form .form-row-last{ width: 100%; float: none;/* rtl */ } .woocommerce form .form-row-first{ margin-right: 0; /* rtl */ } #order_review_heading, .ts-col-18 #order_review_heading, .woocommerce .checkout #order_review, .ts-col-18 .woocommerce .checkout #order_review, .woocommerce .checkout .col2-set{ width: 100%; clear: both; } .woocommerce .checkout .col2-set{ padding-left: 0; /* rtl */ padding-right: 0;/* rtl */ } /*** PRODUCT DETAIL ***/ .woocommerce div.product div.images-thumbnails, .woocommerce div.product div.summary, .woocommerce div.product.vertical-thumbnail div.images-thumbnails, .woocommerce div.product.vertical-thumbnail div.summary, .woocommerce div.product.vertical-thumbnail.thumbnail-right div.images-thumbnails, .woocommerce div.product.vertical-thumbnail.thumbnail-right div.summary{ width: 100%; float: none; /*rtl*/ padding: 0; } .woocommerce div.product.vertical-thumbnail.thumbnail-right .thumbnails { position: static; float: right; /*rtl*/ } .woocommerce div.product.vertical-thumbnail.thumbnail-right .thumbnails + .images{ margin-right: 120px; /*rtl*/ } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images, .woocommerce .ts-col-18 div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-left: 120px;/* rtl */ } .woocommerce div.product .summary > form.cart .button { width: 225px; } /*** SHOPPING CART ***/ .quantity .number-button .qty{ width: 80px; } .quantity .qty, .woocommerce .quantity .qty{ font-size: 16px; line-height: 32px; } .woocommerce table.shop_table_responsive.cart tr td.product-quantity{ overflow: hidden; } table.shop_table_responsive.cart .quantity { overflow: hidden; float: right;/* rtl */ } .woocommerce table.shop_table_responsive.cart .quantity{ display: inline-block; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{ background: transparent !important; } .woocommerce table.shop_table_responsive.cart tr td.product-remove, .woocommerce-page table.shop_table_responsive.cart tr td.product-remove{ text-align: center !important; padding-top: 10px; padding-bottom: 10px; } .woocommerce table.shop_table_responsive.cart tr td.product-remove, .woocommerce-page table.shop_table_responsive.cart tr td.product-remove{ text-align: center !important; padding-top: 10px; padding-bottom: 10px; } .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 #content table.cart.shop_table_responsive tbody .product-thumbnail, .woocommerce table.cart.shop_table_responsive tbody .product-thumbnail, .woocommerce-page #content table.cart.shop_table_responsive tbody .product-thumbnail, .woocommerce-page table.cart.shop_table_responsive tbody .product-thumbnail{ display: block; text-align: center !important; width: 100%; } .woocommerce table.shop_table_responsive.cart tr{ margin-bottom: 20px; border-width: 1px; border-style: solid; } .woocommerce table.shop_table_responsive.cart tr:last-child{ margin-bottom: 0; } .woocommerce table.shop_table_responsive.cart tr th, .woocommerce table.shop_table_responsive.cart tr td{ padding: 15px 20px; } .woocommerce table.shop_table_responsive.cart tr td{ border-width: 0 0 1px 0; border-style: solid; } .woocommerce table.shop_table_responsive.cart tbody tr:last-child, .woocommerce table.shop_table_responsive.cart tbody tr:last-child td{ border-width: 0; background: transparent; } .woocommerce table.shop_table_responsive.cart tbody tr:last-child, .woocommerce table.shop_table_responsive.cart tbody tr:last-child td{ padding: 0; } .woocommerce-cart table.cart td.actions .coupon { width: 100%; margin: 30px 0 20px; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button{ width: 30%; } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button{ margin: 10px 0 0; float: none; /*rtl*/ } .woocommerce .cart-collaterals table.shop_table_responsive tr.shipping td, .woocommerce-page .cart-collaterals table.shop_table_responsive tr.shipping td{ text-align: left !important;/* rtl */ } /*** CHECKOUT ***/ .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ left: 12px;/* rtl */ } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ padding: 12px 20px 12px 35px !important;/* rtl */ } .woocommerce > form.checkout #customer_details{ margin: 0; } .woocommerce > form.checkout #customer_details, .woocommerce > form.checkout #order_review_heading, .woocommerce > form.checkout #order_review{ width: 100%; float: none; } #order_review table.shop_table ul#shipping_method { margin-left: -80%; /*rtl*/ } /*** MY ACCOUNT ***/ .woocommerce-account .woocommerce-MyAccount-navigation{ margin-bottom: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{ width: 100%; float: none; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 -10px; } .woocommerce-account .woocommerce-MyAccount-navigation ul:after{ content: ''; clear: both; display: table; } .woocommerce-account .woocommerce-MyAccount-navigation li { width: calc(50% - 20px); float: left; margin: 0 10px 20px 10px; } .woocommerce table.my_account_orders tr td, .woocommerce table.my_account_orders tr td:first-child, .woocommerce table.my_account_orders tr td:last-child{ padding: 10px 0; } .woocommerce table.my_account_orders tr:nth-child(2n) td, .woocommerce-page table.my_account_orders tr:nth-child(2n) td{ background: transparent !important; } .woocommerce table.my_account_orders tr{ margin-bottom: 50px; } .woocommerce table.my_account_orders tr td:last-child .button{ font-size: 0; line-height: 0; padding: 0 !important; min-width: 24px; height: 24px; border-width: 1px; letter-spacing: 0; } .woocommerce table.my_account_orders tr td:last-child .button:before{ content: "+"; font-weight: 500; font-family: 'Arial'; font-size: 16px; line-height: 24px; } .woocommerce .woocommerce-customer-details .col2-set .col-1, .woocommerce .woocommerce-customer-details .col2-set .col-2{ float: left; /*rtl*/ width: 50%; } /*** BLOG ***/ .blog-list-style .list-posts article{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-list-style .list-posts article .entry-format, .blog-list-style .list-posts article .entry-content{ width: 100%; } .blog-list-style .list-posts article .entry-content{ padding-right: 0; /*rtl*/ } .blog-list-style .list-posts article .entry-content{ margin-top: 20px; } .single .navigation-top{ width: 100%; margin-bottom: 30px; } .single.single-portfolio .navigation-top{ padding-left: 0; padding-right: 0; } .comments-area div.avatar img { width: 30px; height: 30px; vertical-align: top; } .commentlist .comment-wrapper .comment-detail { padding: 0 0 0 45px; /*rtl*/ } .commentlist li #comment-wrapper{ margin-left: 45px; /*rtl*/ } /*** PORTFOLIO ***/ .ts-portfolio-wrapper .filter-bar{ margin: 0 -10px 35px 0 } .ts-portfolio-wrapper .filter-bar li{ margin: 0 10px 10px 0 } /*** CUSTOM HOME ***/ .h1-big { font-size: 80px; line-height: 80px; } /*** Furniture 2 ***/ .drile-banner-style-2 .vc_inner:nth-child(2) > .wpb_column{ width: 100%; } .drile-banner-style-2 .vc_inner .wpb_single_image{ margin-top: -50px; } .drile-banner-style-2 .vc_inner:nth-child(1) > .wpb_column > .vc_column-inner { max-width: 100%; } .drile-banner-style-2 .vc_inner .ts-button-wrapper{ position: static; margin-left: 60px; margin-top: 15px; } .drile-banner-style-2 .vc_inner .wpb_single_image{ text-align: center !important; } /*** Furniture 5 ***/ .drile-banner-discount > .wpb_column:first-child { margin-bottom: 40px; } .drile-banner-discount > .wpb_column:last-child { text-align: center; } .drile-banner-discount .wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 33%; } .drile-banner-discount .wpb_image_grid .wpb_image_grid_ul .isotope-item img { margin: 0 auto; } .drile-banner-discount > .wpb_column:first-child .ts-single-image{ text-align: center; } .ts-banner.style-category{ margin-top: 20px; } /*** coming soon ***/ .blank-page-template .vc_row.hidden-ipad{ display: none !important; } .blank-page-template .vc_row.visible-ipad{ display: block !important; } /*** SHORTCODE ***/ .vc_col-sm-12 .ts-mailchimp-subscription-shortcode .subscribe-widget { max-width: 560px; } .style-verticle .column-tabs { flex-direction: column; } .style-verticle .column-tabs > .list-categories, .style-verticle .column-tabs > a, .style-verticle .column-tabs > div:not(.list-categories){ width: 100%; max-width: 100%; } .style-verticle .column-tabs > .list-categories{ order: 1; } .style-verticle .column-tabs > a, .style-verticle .column-tabs > div:not(.list-categories){ min-height: 40vw; margin-bottom: 10px; } .style-verticle .list-categories ul.tabs li { margin-right: 0; /*rtl*/ } .style-horizontal .list-categories ul.tabs li, .ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li { padding-left: 15px; padding-right: 15px; } .style-verticle .list-categories ul.tabs:after{ content: ''; clear: both; display: table; } .style-verticle .list-categories ul.tabs{ margin: 0 -5px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; } .style-verticle .list-categories ul.tabs > li{ width: calc(50% - 10px); float: left; /*rtl*/ margin: 0 5px 10px; } .style-verticle:not(.has-banner) .column-tabs > .list-categories > .tabs li{ flex-basis: calc(50% - 10px); } .style-verticle .list-categories ul.tabs > li:nth-child(odd):last-child{ width: calc(100% - 10px); } .ts-banner.has-description .box-content{ max-width: 100%; } /*** Product Category Banners ***/ .ts-product-category-banner-wrapper .shortcode-heading-wrapper .shortcode-title { right: 25px; /*rtl*/ } /*** Testimonials ***/ .ts-testimonial-wrapper.show-dots.dots-verticle { padding-right: 40px; } .ts-testimonial-wrapper.dots-verticle .content, .ts-testimonial-wrapper.dots-verticle .author{ font-size: 16px; } .ts-banner.style-text-center h6{ margin-bottom: 5px; } .ts-testimonial-wrapper.dots-horizontal.align-left blockquote.style-2:before { font-size: 70px; width: 40px; height: 40px; line-height: 70px; margin-bottom: 5px; } .ts-testimonial-wrapper.dots-horizontal.align-left .content { font-size:100%; line-height: 24px; margin-bottom: 12px; } .ts-testimonial-wrapper.dots-horizontal.align-left .owl-dots { margin-top: 10px; } .ts-blogs-wrapper.partial-view.nav-middle .items:hover .owl-nav > .owl-prev, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-prev, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-3.nav-middle .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-3.nav-middle .items:hover .owl-nav > .owl-prev{ left: 0; /*rtl*/ } .ts-blogs-wrapper.partial-view.nav-middle .items:hover .owl-nav > .owl-next, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-next, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-3.nav-middle .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-3.nav-middle .items:hover .owl-nav > .owl-next{ right: 0; /*rtl*/ } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:after{ background: rgba(191,191,191,0.4); transform: scale(1); transition: none; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:before{ font-size: 16px; } } @media only screen and (max-width: 768px){ .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; color: inherit; } .woocommerce .woocommerce-MyAccount-content table.shop_table.account-orders-table tbody tr th:first-child { padding-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: normal; font-size: 1em; display: block !important; } .woocommerce table.shop_table_responsive.cart tr td:last-child{ border-width: 0; } } @media only screen and (max-width: 1279px) and (min-width: 768px){ /*** WIDGET ***/ .widget_shopping_cart .total > span{ width: 100%; } .ts-banner.has-description.content-has-background .box-content, .ts-banner.has-description.content-has-background .box-content header{ padding: 25px; } .ts-banner.has-description .box-content header { padding: 30px 20px; } } @media only screen and (max-width: 1279px) and (min-width: 992px){ .woocommerce div.product.vertical-thumbnail .thumbnails { width: 75px; } .woocommerce > form.checkout #order_review_heading { margin: 30px 0 0; padding: 0 30px; } .woocommerce > form.checkout #order_review { padding: 60px 30px 30px; margin-top: -50px; } .woocommerce-checkout #payment:before { margin-left: -30px; margin-right: -30px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item .item .thumbnail img{ height: 290px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2 .owl-item.active:not(.center) .item .thumbnail img{ height: 360px; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div{ width: 50px; height: 50px; } .ts-blogs-wrapper.partial-view.nav-middle .owl-nav > div:before { font-size: 20px; line-height: 50px; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-prev{ left: 18vw; /*rtl*/ } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .owl-nav > .owl-next, .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view.columns-2.nav-middle .items:hover .owl-nav > .owl-next{ right: 18vw; /*rtl*/ } .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-prev, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-prev{ left: 50px; /*rtl*/ } .ts-blogs-wrapper.partial-view.columns-4.nav-middle .owl-nav > .owl-next, .ts-blogs-wrapper.partial-view.columns-4.nav-middle .items:hover .owl-nav > .owl-next{ right: 50px; /*rtl*/ } } @media only screen and (max-width: 991px) and (min-width: 768px){ /*** MAIN CONTENT ***/ #left-sidebar, #right-sidebar{ width: 30%; } #main-content.ts-col-18{ width: 70%; } #main-content.ts-col-12{ width: 40%; } /*** HEADER ***/ .ts-header .menu-wrapper nav > ul.menu > li, .ts-header .menu-wrapper nav > ul > li{ margin: 0 30px 0 0;/* rtl */ } body header .logo img{ max-width: 100%; } /*** SHOP ***/ /*** 3 Columns Responsive ***/ .woocommerce .columns-8 .products .product.first, .woocommerce.columns-8 .products .product.first, .woocommerce .columns-7 .products .product.first, .woocommerce.columns-7 .products .product.first, .woocommerce .columns-6 .products .product.first, .woocommerce.columns-6 .products .product.first, .woocommerce .columns-5 .products .product.first, .woocommerce.columns-5 .products .product.first, .woocommerce .columns-4 .products .product.first, .woocommerce.columns-4 .products .product.first{ clear: none; } #main-content .woocommerce .columns-8 .products .product, #main-content .woocommerce.columns-8 .products .product, #main-content .woocommerce .columns-7 .products .product, #main-content .woocommerce.columns-7 .products .product, #main-content .woocommerce .columns-6 .products .product, #main-content .woocommerce.columns-6 .products .product, #main-content .woocommerce .columns-5 .products .product, #main-content .woocommerce.columns-5 .products .product, #main-content .woocommerce .columns-4 .products .product, #main-content .woocommerce.columns-4 .products .product{ width: 33.33333%; float: left; /* rtl */ } #main-content .woocommerce .columns-8 .products .product:nth-child(3n+1), #main-content .woocommerce.columns-8 .products .product:nth-child(3n+1), #main-content .woocommerce .columns-7 .products .product:nth-child(3n+1), #main-content .woocommerce.columns-7 .products .product:nth-child(3n), #main-content .woocommerce .columns-6 .products .product:nth-child(3n+1), #main-content .woocommerce.columns-6 .products .product:nth-child(3n+1), #main-content .woocommerce .columns-5 .products .product:nth-child(3n+1), #main-content .woocommerce.columns-5 .products .product:nth-child(3n+1), #main-content .woocommerce .columns-4 .products .product:nth-child(3n+1), #main-content .woocommerce.columns-4 .products .product:nth-child(3n+1){ clear: both; float: left; /* rtl */ } #main-content.ts-col-18 .woocommerce .columns-8 .products .product, #main-content.ts-col-18 .woocommerce.columns-8 .products .product, #main-content.ts-col-18 .woocommerce .columns-7 .products .product, #main-content.ts-col-18 .woocommerce.columns-7 .products .product, #main-content.ts-col-18 .woocommerce .columns-6 .products .product, #main-content.ts-col-18 .woocommerce.columns-6 .products .product, #main-content.ts-col-18 .woocommerce .columns-5 .products .product, #main-content.ts-col-18 .woocommerce.columns-5 .products .product, #main-content.ts-col-18 .woocommerce .columns-4 .products .product, #main-content.ts-col-18 .woocommerce.columns-4 .products .product{ width: 50%; } #main-content.ts-col-18 .woocommerce .columns-8 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce.columns-8 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce .columns-7 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce.columns-7 .products .product:nth-child(3n), #main-content.ts-col-18 .woocommerce .columns-6 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce.columns-6 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce .columns-5 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce.columns-5 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce .columns-4 .products .product:nth-child(3n+1), #main-content.ts-col-18 .woocommerce.columns-4 .products .product:nth-child(3n+1){ clear: none; } #main-content.ts-col-18 .woocommerce .columns-8 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce.columns-8 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce .columns-7 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce.columns-7 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce .columns-6 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce.columns-6 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce .columns-5 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce.columns-5 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce .columns-4 .products .product:nth-child(2n+1), #main-content.ts-col-18 .woocommerce.columns-4 .products .product:nth-child(2n+1){ clear: both; } /*** 2 Columns Responsive ***/ .ts-col-12 .woocommerce .columns-8 .products .product.first, .ts-col-12 .woocommerce.columns-8 .products .product.first, .ts-col-12 .woocommerce .columns-7 .products .product.first, .ts-col-12 .woocommerce.columns-7 .products .product.first, .ts-col-12 .woocommerce .columns-6 .products .product.first, .ts-col-12 .woocommerce.columns-6 .products .product.first, .ts-col-12 .woocommerce .columns-5 .products .product.first, .ts-col-12 .woocommerce.columns-5 .products .product.first, .ts-col-12 .woocommerce .columns-4 .products .product.first, .ts-col-12 .woocommerce.columns-4 .products .product.first, #main-content.ts-col-18 .woocommerce .columns-8 .products .product.first, #main-content.ts-col-18 .woocommerce.columns-8 .products .product.first, #main-content.ts-col-18 .woocommerce .columns-7 .products .product.first, #main-content.ts-col-18 .woocommerce.columns-7 .products .product.first, #main-content.ts-col-18 .woocommerce .columns-6 .products .product.first, #main-content.ts-col-18 .woocommerce.columns-6 .products .product.first, #main-content.ts-col-18 .woocommerce .columns-5 .products .product.first, #main-content.ts-col-18 .woocommerce.columns-5 .products .product.first, #main-content.ts-col-18 .woocommerce .columns-4 .products .product.first, #main-content.ts-col-18 .woocommerce.columns-4 .products .product.first{ clear: none; } #main-content.ts-col-12 .woocommerce .columns-8 .products .product, #main-content.ts-col-12 .woocommerce.columns-8 .products .product, #main-content.ts-col-12 .woocommerce .columns-7 .products .product, #main-content.ts-col-12 .woocommerce.columns-7 .products .product, #main-content.ts-col-12 .woocommerce .columns-6 .products .product, #main-content.ts-col-12 .woocommerce.columns-6 .products .product, #main-content.ts-col-12 .woocommerce .columns-5 .products .product, #main-content.ts-col-12 .woocommerce.columns-5 .products .product, #main-content.ts-col-12 .woocommerce .columns-4 .products .product, #main-content.ts-col-12 .woocommerce.columns-4 .products .product, #main-content.ts-col-12 .woocommerce .columns-3 .products .product, #main-content.ts-col-12 .woocommerce.columns-3 .products .product{ width: 50%; float: left/* rtl */ } #main-content.ts-col-12 .woocommerce .columns-8 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-8 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce .columns-7 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-7 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce .columns-6 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-6 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce .columns-5 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-5 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce .columns-4 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-4 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce .columns-3 .products .product:nth-child(2n+1), #main-content.ts-col-12 .woocommerce.columns-3 .products .product:nth-child(2n+1){ clear: both; float: left;/* rtl */ } .ts-col-18 .product-per-page-form{ width: 100%; padding: 15px 0 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-left: 0;/* rtl */ } #main-content.ts-col-18 .filter-widget-area.style-default { max-width: 100%; } .ts-floating-sidebar.style-bottom .filter-widget-area > .widget-container{ padding: 0 10px; } .ts-floating-sidebar.style-bottom .ts-sidebar-content { padding: 25px 15px; } .product-filter-by-material ul li a img, .ts-product-attribute .material a img { width: 40px; height: 40px; } /*** SHOPPING CART ***/ .woocommerce table.cart .actions > .button{ width: 100%; margin-left: 0 !important; margin-right: 0 !important; } /*** WIDGET ***/ .woocommerce .widget_price_filter .price_slider_amount .button{ float: none; clear: both; margin-bottom: 5px; } .comment_list_widget .avatar > a{ width: 50px; } .widget .gallery .owl-dots, .widget-container .gallery .owl-dots{ bottom: 5px; } .woocommerce #main-content:not(.ts-col-24) .woocommerce-ordering{ float: left;/* rtl */ clear: both; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 40px; } ul.product_list_widget li .ts-wg-meta, .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{ margin-left: 50px; /* rtl */ } .woocommerce ul.cart_list li .price, .woocommerce ul.product_list_widget li .price{ margin-left: -3px; margin-right: -3px; width: calc(100% + 6px); } .woocommerce ul.cart_list li span.amount, .woocommerce ul.product_list_widget li span.amount{ margin-left: 3px; margin-right: 3px; } /*** SHORTCODE ***/ /*** Tabs ***/ body.wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container, body.wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-container{ width: 25%; } body.wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container, body.wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels-container{ width: 75%; } .vc_row[data-vc-stretch-content].vc_row-no-padding .ts-blogs-wrapper.partial-view{ padding: 0 25px; } } @media only screen and (max-width: 991px) and (min-width: 768px) and (max-height: 420px){ .vc_row.banner-categories { top: 0; } } @media only screen and (max-width: 1366px) and (min-width: 1024px) and (min-height: 900px){ .vc_row.row-slider .ts-social-icons{display: none;} }