/* Theme Name: Catana Theme URI: http://demo.theme-sky.com/catana/ Author: Theme Sky Team Author URI: http://theme-sky.com/ Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites Version: 1.0.4 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: catana */ /* I. HEADER 1. HEADER TOP 2. HEADER MIDDLE 3. HEADER BOTTOM 4. MENU II. MAIN CONTENT 1. BREADCRUMB 2. OWL CAROUSEL 3. BUTTONS 4. MESSAGES/WARNING 5. BLANK PAGE 6. CONTACT 7. GALLERY 8. IMAGE EFFECT 9. LOADING 10. Z-INDEX III. FOOTER IV. WIDGET 1. WIDGET TEXT 2. WIDGET SEARCH 3. WIDGET CATEGORIES 4. WIDGET INSTAGRAM 5. WIDGET CALENDAR 6. WIDGET NAV MENU 7. WIDGET RECENT COMMENTS 8. WIDGET RSS 9. WIDGET TS RECENT COMMENTS 10. WIDGET TAG CLOUND 11. WIDGET WIDGET CART 12. WIDGET SUBSCRIBLE 13. WIDGET PRODUCTS 14. WIDGET FILTER BY BRAND 15. WIDGET FILTER BY COLOR 16. WIDGET FILTER BY ATTRIBUTE 17. WIDGET FILTER BY AVAILABILITY 18. WIDGET FILTER BY RATING 19. WIDGET FILTER BY PRICE 20. WIDGET PRODUCT BY RATING 21. WIDGET RECENT REVIEWS 22. WIDGET RECENT POSTS 23. WIDGET TS PRODUCTS 24. WIDGET COMPARE 25. WIDGET TS BLOG V. PRODUCT DEFAULT 1. PRODUCT SORT/FILTER 2. PRODUCT THUMBNAIL 3. PRODUCT LABEL 4. PRODUCT GROUP BUTTON 5. PRODUCT META 6. PRODUCT LIST 7. SHOP LOAD MORE VI. PRODUCT DETAIL 1. PRODUCT IMAGE 2. PRODUCT THUMBNAIL 3. PRODUCT SUMMARY 4. PRODUCT FULLWIDTH 5. UPSELLS/CROSS SELLS/RELATED VIII. SHOPPING CART IX. CHECKOUT X. MY ACCOUNT XI. QUICKSHOP XII. WISHLIST XIII. COMPARE XIV. SHORTCODE XV. BLOG 1. BLOG STANDARD 2. BLOG LIST 3. BLOG MASONRY 4. PAGINATION 5. BLOG DETAIL 6. RELATED POSTS 7. COMMENTS 8. PORTFOLIO 9. PORTFOLIO DETAIL XVI. CLOUD ZOOM XVII. PAGE TEMPLATE XVIII. IPAD RESPONSIVE */ .ts-sidebar:after, .menu-wrapper nav > ul.menu:after, .mailchimp-subscription .subscribe-email:after, .woocommerce .products.list .product .product-wrapper: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; } .page-container{ min-height: 400px; padding-top: 0; padding-bottom: 0; } .woocommerce #main > .page-container, .woocommerce-account #main > .page-container, #main > .page-container.container-post, #main > .page-container.blog-template { padding-bottom: 50px; } .ts-header a:hover, .footer-container a:hover, .verticle-group-icon a:hover, a.feature-icon:hover, .list-posts a:hover, .ts-blogs a:hover, .cat-links a:hover, .portfolio-info a:hover, .single .entry-format a:hover, .widget-container a:hover, .single .entry-meta-bottom a:hover, .commentlist a:hover, .commentlist .button-text:hover, .single-navigation a:hover, .breadcrumb-title-wrapper .breadcrumbs a:hover, .breadcrumb-title-wrapper .breadcrumbs a:active, #comment-wrapper a:hover, div.summary .meta-content > *:not(.ts-social-sharing) a:hover, .woocommerce .before-loop-wrapper a:hover, .ts-social-sharing a:hover{ text-decoration: none; } .ts-header a:not(.primary-color), .footer-container a:not(.primary-color), .verticle-group-icon a, a.block-control, .cat-links a, .group-button-header a, .portfolio-info a, .product-group-button a, div.summary .meta-content > *:not(.ts-social-sharing) a, div.product .summary .yith-wcwl-add-to-wishlist a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul li > a, table a, .product-name a, .button-readmore, .tagcloud a, .ts-wg-meta a, .woocommerce-checkout-payment a{ color: inherit; } .font-weight-normal{ font-weight: normal !important; } .semi-bold{ font-weight: 600 !important; } .vc_row.vc_row-o-content-bottom.vc_row-flex > .wpb_column > .wpb_wrapper{ width: 100%; } #primary > article > p:last-child{ margin-bottom: 0; } /*** ICONS ***/ .shopping-cart-wrapper a > .ic-cart:before, .my-account-wrapper .ts-tiny-account-wrapper:before, .header-currency:before, .header-language:before, .my-wishlist-wrapper:before, .search-button .icon:before, form .search-button:before, .widget_product_search > form:before, body .select2-search--dropdown:before, /*** Navigation ***/ .owl-nav > div:before, .prev-button:before, .next-button:before, .single-navigation a:before, .single-navigation a:after, .vc_images_carousel .vc_left .icon-prev:before, .vc_images_carousel .vc_right .icon-next:before, .woocommerce-pagination a.prev:before, .woocommerce-pagination a.next:before, .ts-pagination a.prev:before, .ts-pagination a.next:before, .wpb_flexslider .flex-direction-nav a:before, .theme-default .nivo-directionNav a:before, .threesixty .nav_bar a:before, /*** Product group icon ***/ .product-group-button > div a:before, .meta-wrapper .button-in > a:before, div.product .summary .yith-wcwl-add-to-wishlist a:before, div.product .summary a.compare:before, .button.added:before, .loop-add-to-cart a.button:before, /*** Close ***/ html body > h1 a.close:before, .ts-popup-modal span.close:before, .ts-floating-sidebar .close:before, body a.pp_close:after, body #cboxClose:before, /*** Remove ***/ a.remove:before, table.compare-list .remove td a .remove:before, /*** 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, /*** Top Filter ***/ .icon-toggle:before, .block-control:after, .ts-menu-drop-icon:before, .group-button-header > div.header-currency .wcml-cs-active-currency:after, .group-button-header > div.header-language .wpml-ls-item-toggle:after, .woocommerce-ordering .orderby > li:after, .gridlist-toggle a:before, .top-filter-widget-area-button a:after, .shipping-calculator-button:before, .wc-proceed-to-checkout a.continue-shopping.button:after, ul.info-content li:before, .office-address:before, .phone-numbers:before, .email-address:before, .woocommerce-customer-details--phone:before, .woocommerce-customer-details--email:before, .style-heading-grid-before .heading:before, .style-heading-grid-before .widgettitle:before, .portfolio-inner .icon-group a.link:before, .ts-group-meta-icon-toggle .icon:before, .search-no-results .blog-template .alert:before, .vertical-button-icon .mailchimp-subscription .button > span:before, .widget_mc4wp_form_widget .subscribe-email .button > span:before, .widget-container.mailchimp-subscription .subscribe-email .button > span:before, .image-gallery > div a:after, .ts-image-gallery-wrapper .item a:after, .ts-banner .button:after, .comment-count:before, .widget_recent_comments > ul > li:before, #to-top a:before, .product-filter-by-color ul li.chosen a:after, .ts-product-attribute > div.color.selected a:after, body .hotspot-modal .modal-dialog .chevron:before, body .hotspot-modal .modal-dialog .snptico-right-chevron:before, body .hotspot-modal .modal-dialog .snptico-left-chevron:before, body.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, body.wpb-js-composer .vc_toggle .vc_toggle_icon:before, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .more-less-buttons a.less-button:after, .more-less-buttons a.more-button:after, .comment-meta-bottom .reply:before, .comment-meta-bottom .edit:before, body table.compare-list .add-to-cart td a.added_to_cart:before, .product-filter-by-brand-wrapper > ul > li.selected label:before, .product-filter-by-availability-wrapper > ul > li > input[checked="checked"] + label:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{ font-family: 'themify'; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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{ font-family: 'themify' !important; } /*** Header Icon ***/ .shopping-cart-wrapper a > .ic-cart:before{ content: "\e655"; } .my-account-wrapper .ts-tiny-account-wrapper:before{ content: "\e602"; } .header-top .my-account-wrapper .ts-tiny-account-wrapper:before{ content: "\e679"; } .header-language:before { content: "\e665"; } .header-currency:before { content: "\e68c"; } .my-wishlist-wrapper:before{ content: "\e634"; } .search-button .icon:before, form .search-button:before, .widget_product_search > form:before, body .select2-search--dropdown:before{ content: "\e610"; } /*** Navigation ***/ .prev-button:before, .owl-nav > div.owl-prev:before, .single-navigation > .prev > a:before, .woocommerce-pagination a.prev:before, .ts-pagination a.prev:before, body .hotspot-modal .modal-dialog .snptico-right-chevron:before{ content: "\e629"; /* rtl */ } .next-button:before, .owl-nav > div.owl-next:before, .single-navigation > .next > a:after, .woocommerce-pagination a.next:before, .ts-pagination ul li a.next:before, body .hotspot-modal .modal-dialog .snptico-left-chevron:before, .ts-banner .button:after, .vertical-button-icon .mailchimp-subscription .button > span:before, .widget_mc4wp_form_widget .subscribe-email .button > span:before, .widget-container.mailchimp-subscription .subscribe-email .button > span:before, .wc-proceed-to-checkout a.continue-shopping.button:after{ content: "\e628"; /* rtl */ } .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: "\e629" !important; /* rtl */ } .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{ content: "\e628" !important; /* rtl */ } div.product.vertical-thumbnail div.images-thumbnails .thumbnails-container .owl-nav > div.owl-prev:before{ content: "\e627"; /* rtl */ } div.product.vertical-thumbnail div.images-thumbnails .thumbnails-container .owl-nav > div.owl-next:before{ content: "\e62a"; /* rtl */ } /*** Product group icon ***/ .quickshop a:before{ content: "\e63d"; } .loop-add-to-cart a.button:before{ content: "\e60d"; } .loop-add-to-cart a.button.added:before, body table.compare-list .add-to-cart td a.added_to_cart:before{ content: "\e60e"; } .loop-add-to-cart a.button.product_type_variable:before, .loop-add-to-cart a.button.product_type_grouped:before, .loop-add-to-cart a.button.product_type_external:before{ content: "\e62d"; } .button-in.compare a:before, div.product .summary a.compare:before{ content: "\e692"; } .button-in.compare a.added:before, div.product .summary a.compare.added:before{ content: "\e659"; } .button-in.wishlist a:before, .single-portfolio .like-icon:before, .ts-post-like-button .icon:before, div.product .summary .yith-wcwl-add-to-wishlist a:before{ content: "\f08a"; font-family: 'FontAwesome'; } .button-in.wishlist.added a:before, .button-in.wishlist .added a:before, .single-portfolio .like-icon.already-like:before, .ts-post-like-button.liked .icon:before, div.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, div.product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before{ content: "\f004"; } /*** Close ***/ .ts-popup-modal span.close:before, .ts-floating-sidebar .close:before, body #cboxClose:before, html body > h1 a.close:before, body a.pp_close:after, .product-filter-by-brand-wrapper > ul > li.selected label:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .product-filter-by-availability-wrapper > ul > li > input[checked="checked"] + label:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{ content: "\e646"; } /*** Remove ***/ a.remove:before, table.compare-list .remove td a .remove:before{ content: "\e646"; } /*** 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: "\e60a\e60a\e60a\e60a\e60a"; } .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: "\e60a"; } .icon-toggle:before, .block-control:after, .ts-menu-drop-icon:before, .ts-sidebar-content ul.sub-menu .ts-menu-drop-icon:before, .group-button-header > div.header-currency .wcml-cs-active-currency:after, .group-button-header > div.header-language .wpml-ls-item-toggle:after, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .woocommerce .woocommerce-ordering .orderby > li:after{ content: "\e64b"; } ul.sub-menu .ts-menu-drop-icon:before{ content: "\e649"; } .widget_categories > ul li.cat-parent.active > span.icon-toggle:before, .mobile-menu span.ts-menu-drop-icon.active:before, .ts-product-categories-widget > ul li.cat-parent.active > span.icon-toggle:before, .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control.active:after{ content: "\e648"; } body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: "\f106"; content: "\e648"; } .search-no-results .blog-template .alert:before{ content: "\e6c5"; } .ts-group-meta-icon-toggle .icon:before{ content: "\e6c3"; } .ts-group-meta-icon-toggle.active .icon:before{ content: "\e646"; } .widget_recent_comments > ul > li:before{ content: "\e645"; } .comment-count:before{ content: "\e644"; } .comment-meta-bottom .reply:before{ content: "\e6bc"; } .comment-meta-bottom .edit:before{ content: "\e61d"; } .image-gallery > div a:after, .ts-image-gallery-wrapper .item a:after{ content: "\e659"; } #to-top a:before{ content: "\e648"; } .info-location:before, .office-address:before { content: "\e69b"; } .phone-numbers:before, .info-phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before{ content: "\e719"; } .email-address:before, .info-email:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{ content: "\e75a"; } /*** Shop filter ***/ .top-filter-widget-area-button a:after{ content: "\e61a"; } .top-filter-widget-area-button a.active:after{ content: "\e622"; } .gridlist-toggle a#grid:before{ content: "\e709"; } .gridlist-toggle a#list:before{ content: "\e667"; } .shipping-calculator-button:before{ content: "\e66d"; } body.wpb-js-composer .vc_toggle .vc_toggle_icon:before, body.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before{ content: "\e61a"; } body.wpb-js-composer .vc_toggle_active .vc_toggle_icon:before, body.wpb-js-composer .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon:before{ content: "\e622"; } .style-heading-grid-before .heading:before, .style-heading-grid-before .widgettitle:before{ content: "\e739"; } .threesixty .nav_bar a:before{ content: "\e6ad"; } .threesixty .nav_bar a.nav_bar_stop:before{ content: "\e6ae"; } .threesixty .nav_bar a.nav_bar_previous:before{ content: "\e6b0";/* rtl */ } .threesixty .nav_bar a.nav_bar_next:before{ content: "\e6af";/* rtl */ } .portfolio-inner .icon-group a.link:before{ content: "\e62d"; } .more-less-buttons a.more-button:after{ content: "\e61a"; } .more-less-buttons a.less-button:after{ content: "\e622"; } /*** Wishlist ***/ .fa-email:before{content:"\f003"} /*------------------------------------------------------------------------------------------------- I. HEADER ---------------------------------------------------------------------------------------------------*/ header{ padding: 0; display: block; } .ts-header .header-container{ position: relative; } div.header-left > div{ float: left;/* rtl */ margin-right: 30px;/* rtl */ position: relative; } div.header-right > div{ float: right;/* rtl */ margin-left: 30px;/* rtl */ position: relative; } .shopping-cart-wrapper a > .ic-cart:before, .my-account-wrapper .ts-tiny-account-wrapper:before, .header-language:before, .header-currency:before, .my-wishlist-wrapper:before, .search-button .icon:before, .search-sidebar-icon .icon:before, .ts-group-meta-icon-toggle .icon:before{ font-size: 20px; line-height: 30px; transition: 250ms ease; } .header-top .shopping-cart-wrapper a > .ic-cart:before, .header-top .my-account-wrapper .ts-tiny-account-wrapper:before, .header-top .header-language:before, .header-top .header-currency:before, .header-top .my-wishlist-wrapper:before, .header-top .search-button .icon:before, .header-top .search-sidebar-icon .icon:before, .header-top .ts-group-meta-icon-toggle .icon:before{ font-size: 16px; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-middle .wpml-ls-legacy-list-horizontal > ul, .header-middle .wpml-ls-legacy-list-vertical > ul, .verticle-group-icon .wpml-ls-legacy-list-horizontal > ul, .verticle-group-icon .wpml-ls-legacy-list-vertical > ul, .my-account-wrapper .account-control{ width: 170px; display: none; position: absolute; text-align: left; /* rtl */ padding: 34px 30px 30px; right: 50%; left: auto; margin-top: 0; margin-bottom: 0; margin-right: -90px; /* rtl */ top: 100%; transform-origin: 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, .header-currency:hover .wcml_currency_switcher > ul, .header-language:hover .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-language .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu[style="visibility: visible;"], .header-middle .header-language:hover .wpml-ls-legacy-list-horizontal > ul, .header-middle .header-language:hover .wpml-ls-legacy-list-vertical > ul, .verticle-group-icon .header-language:hover .wpml-ls-legacy-list-horizontal > ul, .verticle-group-icon .header-language:hover .wpml-ls-legacy-list-vertical > ul, .logged-in .my-account-wrapper:hover .account-control{ 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 .shopping-cart-wrapper .dropdown-container, .header-top .my-account-wrapper .dropdown-container, .header-top .header-currency .wcml_currency_switcher > ul, .header-top .header-language .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-top .header-language .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu{ font-size: 100%; } .header-left > div:first-child .dropdown-container, .header-left > div:first-child .wcml_currency_switcher > ul, .header-left > div:first-child .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-left > div:first-child .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu{ left: 0; /* rtl */ right: auto; /* rtl */ } .header-right > div:first-child .dropdown-container, .header-right > div:first-child .wcml_currency_switcher > ul, .header-right > div:first-child .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-right > div:first-child .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-right > .ts-group-meta-icon-toggle + div .dropdown-container, .header-right > .ts-group-meta-icon-toggle + div > ul, .header-right > .ts-group-meta-icon-toggle + div > ul.wpml-ls-sub-menu{ right: 0; /* rtl */ left: auto; /* rtl */ margin-right: auto; /* rtl */ } /* Fix Header v2 */ .header-v6 .header-right .shopping-cart-wrapper .dropdown-container{ left: auto; /* rtl */ margin-right: -50px; /* rtl */ } .header-v2 .header-right > .ts-group-meta-icon-toggle + .shopping-cart-wrapper .dropdown-container{ right: 0; /* rtl */ left: auto; /* rtl */ margin-right: -100px; /* rtl */ } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, .wcml_currency_switcher > ul:before, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-middle .wpml-ls-legacy-list-horizontal > ul:before, .header-middle .wpml-ls-legacy-list-vertical > ul:before, .verticle-group-icon .wpml-ls-legacy-list-horizontal > ul:before, .verticle-group-icon .wpml-ls-legacy-list-vertical > ul:before, .my-account-wrapper .account-control:before{ position: absolute; left: 0; right: 0; top: 6px; bottom: 0; content: ""; z-index: -1; box-shadow: 0 2px 5px rgba(155, 155, 155, 0.2); } .header-top > .container, .header-middle > .container, .header-bottom > .container, .header-sticky > .container{ position: relative; display: table; table-layout: auto; } .header-top > .container > *, .header-middle > .container > *, .header-bottom > .container > *, .header-sticky > .container > *{ vertical-align: middle; display: table-cell; } /*------------------------------------------ 1. HEADER TOP ------------------------------------------*/ .header-top{ padding: 5px 0; font-size: 95%; line-height: 30px; } .header-v4 .header-top, .header-v5 .header-top{ border-width: 0 0 1px 0; border-style: solid; margin-bottom: 15px; } .header-top .header-left > div{ margin-right: 20px;/* rtl */ } .header-top .header-right > div{ margin-left: 20px;/* rtl */ } .header-top .my-account-wrapper .account-control, .ts-sidebar-content .my-account-wrapper .account-control{ width: auto; position: static; font-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0; } .header-top .my-account-wrapper .account-control, .header-top .my-account-wrapper:hover .account-control, .ts-sidebar-content .my-account-wrapper .account-control, .ts-sidebar-content .my-account-wrapper:hover .account-control{ -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .header-top .my-wishlist-wrapper .wishlist-number{ position: static; font-size: 100%; font-weight: normal; } .header-top .my-account-wrapper .account-control > a, .header-top .my-account-wrapper .account-control > a{ display: inline-block; padding: 0; line-height: inherit; } .header-top .my-account-wrapper .account-control:before, .header-top .my-account-wrapper .account-control:before{ display: none; } .header-top .my-account-wrapper .ts-tiny-account-wrapper:before, .header-top .header-language:before, .header-top .my-wishlist-wrapper:before, .header-top .search-sidebar-icon .icon:before{ margin-right: 5px; /* rtl */ } .header-top .my-wishlist-wrapper:before, .header-top .search-sidebar-icon .icon:before, .header-top .header-language:before, .header-top .header-language > div, .header-top .header-currency:before, .header-top .header-currency > div, .header-top .my-account-wrapper .ts-tiny-account-wrapper:before, .header-top .my-account-wrapper .account-control{ display: block; float: left; /* rtl */ } .header-top .my-wishlist-wrapper .wishlist-number > span{ display: inline; } /*** My Account ***/ .my-account-wrapper .dropdown-container{ width: 300px; margin-right: -150px;/* rtl */ } .my-account-wrapper .account-dropdown-form form p{ margin-bottom: 30px; } html .account-dropdown-form label{ padding: 0; line-height: 18px; } html .account-dropdown-form input[type^="text"], html .account-dropdown-form input[type^="email"], html .account-dropdown-form input[type^="password"], html .account-dropdown-form input[type^="number"], html .account-dropdown-form input[type^="tel"]{ padding: 3px 0; min-height: 28px; } .my-account-wrapper .account-dropdown-form input[type^="submit"]{ width: 100%; } .my-account-wrapper .account-dropdown-form .login-submit{ margin-bottom: 17px; } /*** Shopping Cart ***/ .shopping-cart-wrapper, .my-wishlist-wrapper{ padding-right: 10px; /*rtl*/ margin-right: -10px; /*rtl*/ } body:not(.header-fullwidth) .header-right .shopping-cart-wrapper .dropdown-container{ right: 10px; /*rtl*/ } .shopping-cart-wrapper .dropdown-container{ width: 420px; margin-right: -210px;/* rtl */ } .woocommerce-cart .cart-dropdown-form, .woocommerce-checkout .cart-dropdown-form{ display: none !important; } .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay{ bottom: 20px !important; height: auto !important; } .ts-tiny-cart-wrapper ul li:last-child div.blockUI.blockOverlay{ bottom: 0 !important; } .shopping-cart-wrapper .cart-control{ display: block; width: auto; height: 100%; } .shopping-cart-wrapper a > .ic-cart{ display: inline-block; } .shopping-cart-wrapper .cart-number, .my-wishlist-wrapper .wishlist-number, .review-number{ position: absolute; right: -2px; /* rtl */ top: -6px; width: 20px; height: 20px; font-size: 10px; line-height: 20px; font-weight: bold; text-align: center; border-radius: 100%; overflow: hidden; } .header-top .shopping-cart-wrapper .cart-number{ right: 3px; /* rtl */ top: -2px; width: 16px; height: 16px; font-size: 9px; line-height: 16px; } .ts-tiny-cart-wrapper .dropdown-container .form-content{ position: relative; z-index: 2; overflow: hidden; } .dropdown-container .cart-number{ font-size: 100%; margin-bottom: 30px; padding-right: 40px;/* rtl */ } .dropdown-container .dropdown-footer{ border-width: 1px 0 0 0; border-style: solid; margin: 0; } .dropdown-container ul.cart_list{ overflow: auto; max-height: 267px; position: relative; padding-right: 5px; /* rtl */ margin-bottom: 0; } #ts-shopping-cart-sidebar .dropdown-container ul.cart_list{ max-height: 100%; padding-right: 0; /*rtl*/ } #ts-shopping-cart-sidebar .cart_list li .cart-item-wrapper a.remove{ top: 3px; right: 0; /*rtl*/ } #ts-shopping-cart-sidebar .close{ top: 26px; right: 20px; /*rtl*/ } #ts-shopping-cart-sidebar .cart-icon{ display: none; } .shopping-cart-wrapper .dropdown-container ul.cart_list li.loading:before, #ts-shopping-cart-sidebar .dropdown-container ul.cart_list li.loading:before{ margin-top: -35px; } .woocommerce-cart #ts-shopping-cart-sidebar, .woocommerce-checkout #ts-shopping-cart-sidebar{ display: none; } .shopping-cart-wrapper.updating .dropdown-container{ animation: none !important; -webkit-animation: none !important; } .shopping-cart-wrapper .dropdown-container .cart-item-wrapper{ text-align: left; /*rtl*/ } .dropdown-container ul.cart_list li:last-child.loading:before{ bottom: 0; } .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; line-height: 36px; } ul.cart_list li, ul.product_list_widget li, .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{ list-style: none; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 100%; position: relative; border-width: 0 0 1px 0; border-style: solid; } ul.cart_list li:last-child, ul.product_list_widget li:last-child, .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child{ border-width: 0; } ul.cart_list li:last-child, .woocommerce ul.cart_list li:last-child{ margin-bottom: 0; } .ts-tiny-cart-wrapper ul.cart_list li, .woocommerce .ts-tiny-cart-wrapper ul.cart_list li{ display: table; } .ts-tiny-cart-wrapper ul.cart_list li > a, .woocommerce .ts-tiny-cart-wrapper ul.cart_list li > a, .ts-tiny-cart-wrapper ul.cart_list li > .cart-item-wrapper, .woocommerce .ts-tiny-cart-wrapper ul.cart_list li > .cart-item-wrapper{ display: table-cell; vertical-align: top; } .ts-tiny-cart-wrapper ul.cart_list li > a, .woocommerce .ts-tiny-cart-wrapper ul.cart_list li > a{ width: 100px; padding-right: 20px; /* rtl */ } .ts-tiny-cart-wrapper ul.cart_list li img, .woocommerce .ts-tiny-cart-wrapper ul.cart_list li img{ width: 100%; height: auto; float: none; margin: 0; } .ts-tiny-cart-wrapper .cart_list li .product-name, .ts-tiny-cart-wrapper .cart_list li .price{ margin-bottom: 5px; } .product_list_widget li .ts-wg-meta > *:not(:last-child){ margin-bottom: 20px; } .cart_list li .product-name, .product_list_widget li .product-name{ margin-right: 30px; /* rtl */ } .cart_list li .price, .product_list_widget li .price{ display: block; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ font-weight: inherit; } .ts-tiny-cart-wrapper .subtotal{ font-size: 92%; font-weight: bold; float: right;/* rtl */ margin-top: 14px; margin-right: 10px; /*rtl*/ letter-spacing: 0; } .ts-tiny-cart-wrapper .subtotal > span{ display: inline-block; } .ts-tiny-cart-wrapper .subtotal > span:first-child{ padding-right: 5px;/* rtl */ } .ts-tiny-cart-wrapper .quantity{ float: left;/* rtl */ margin-top: 4px; } .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; } .quantity span.label, .product_list_widget .description, .shopping-cart-wrapper .dropdown-container .form-content > .cart-number{ display: none; } .ts-tiny-cart-wrapper .total{ margin: 15px 0; position: relative; overflow: hidden; text-align: center; font-weight: bold; } .ts-tiny-cart-wrapper .total > span.total-title, .widget_shopping_cart .total-title{ display: inline-block; padding-right: 5px;/* rtl */ } .ts-tiny-cart-wrapper .dropdown-footer > a, .woocommerce .ts-tiny-cart-wrapper .dropdown-footer > a, .widget_shopping_cart .buttons > a, .woocommerce .widget_shopping_cart .buttons > a, .woocommerce.widget_shopping_cart .buttons > a{ width: 100%; display: block; margin: 0; } .ts-tiny-cart-wrapper .dropdown-footer > a:not(:last-child), .woocommerce .ts-tiny-cart-wrapper .dropdown-footer > a:not(:last-child), .widget_shopping_cart .buttons a:not(:last-child), .woocommerce .widget_shopping_cart .buttons a:not(:last-child), .woocommerce.widget_shopping_cart .buttons a:not(:last-child){ margin: 0 0 10px; } /*** Icon Remove ***/ .remove, .woocommerce a.remove, table.compare-list .remove td a, #yith-woocompare table.compare-list .remove td a .remove, .cart_list li .cart-item-wrapper a.remove, .widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size: 0; letter-spacing: 0; text-indent: 0; padding: 0; text-decoration: none; height: auto; width: auto; z-index: 2; } .cart_list li .cart-item-wrapper a.remove, .widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ position: absolute; right: 5px; /* rtl */ left: auto; /* rtl */ top: -2px; } .woocommerce a.remove:hover{ background: transparent !important; } .shop_table td.product-remove a.remove{ padding-left: 15px; /* rtl */ } /*** Wishlist ***/ .my-wishlist-wrapper .wishlist-number > span{ display: none; } /*** Language & Currency ***/ .wpml-ls-legacy-dropdown ul, .wpml-ls-legacy-dropdown-click ul, .wcml_currency_switcher ul{ margin-bottom: 0; margin-left: 0; } .my-account-wrapper:hover, .header-language:hover, .header-currency:hover{ cursor: pointer; } .header-language li, .header-currency li{ list-style: none; } .header-language .wpml-ls-legacy-dropdown-click > ul > li, .header-language .wpml-ls-legacy-dropdown > ul > li{ padding: 0; } .my-account-wrapper .account-control, .header-currency .wcml_currency_switcher, .header-language .wpml-ls-legacy-dropdown .wpml-ls-current-language, .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-current-language, .my-wishlist-wrapper .tini-wishlist{ font-size: 0; line-height: 0; } .header-language .wpml-ls-legacy-dropdown, .header-language .wpml-ls-legacy-dropdown-click{ width: auto; } .header-top .header-currency .wcml_currency_switcher, .header-top .header-language .wpml-ls-current-language, .header-top .my-wishlist-wrapper .tini-wishlist{ font-size: 100%; line-height: inherit; display: inline-block; vertical-align: middle; } .header-top .header-currency .wcml_currency_switcher{ line-height: 31px; } .header-top .header-language .wpml-ls-current-language{ padding: 0; outline: none; } .header-top .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .header-top .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{ display: none; } .header-language ul.wpml-ls-sub-menu li, .header-currency ul li, .my-account-wrapper .account-control > a{ display: block; padding: 6px 0; line-height: 24px; list-style: none; } .header-language ul.wpml-ls-sub-menu li:first-child, .header-currency ul li:first-child, .my-account-wrapper .account-control > a:first-child{ padding-top: 0; } .header-language ul.wpml-ls-sub-menu li:last-child, .header-currency ul li:last-child, .my-account-wrapper .account-control > a:last-child{ padding-bottom: 0; } .header-v2 .ts-header .my-wishlist-wrapper > a, .header-v3 .ts-header .my-wishlist-wrapper > a, .header-v6 .ts-header .my-wishlist-wrapper > a, .verticle-group-icon .my-wishlist-wrapper > a{ position: absolute; top: 0; left: 0; width: 30px; height: 30px; } .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown, .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown-click{ width: 100%; } .header-language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ border-width: 0; } .header-language .wpml-ls-legacy-dropdown > ul, .header-language .wpml-ls-legacy-dropdown-click > ul{ position: static; } .header-language a{ line-height: inherit !important; background: transparent !important; color: inherit; border-width: 0 !important; padding: 0 !important; } .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{ border-width: 0; top: 0; } .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .ts-floating-sidebar .header-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ display: none; visibility: visible !important; } #group-icon-header .header-language:hover a + ul > li > a > *{ vertical-align: baseline; } .header-top .header-language .wpml-ls-legacy-list-horizontal > ul, .ts-floating-sidebar .header-language .wpml-ls-legacy-list-horizontal > ul{ width: auto; } .header-middle .header-language .wpml-ls-legacy-list-horizontal > ul, .header-middle .header-language .wpml-ls-legacy-list-vertical > ul{ margin-right: -90px !important; } .header-language .wpml-ls-legacy-list-horizontal, .header-language .wpml-ls-legacy-list-vertical{ padding: 0; } .header-language .wpml-ls-legacy-list-horizontal > ul > li{ display: inline-block; margin-right: 10px; margin-bottom: 10px; } .header-top .header-language .wpml-ls-legacy-list-horizontal > ul > li{ margin-bottom: 0; } .header-top .header-language .wpml-ls-legacy-list-horizontal > ul > li:last-child{ margin-right: 0; } .header-top .header-language .wpml-ls-legacy-list-horizontal { clear: none; line-height: 26px; } /*** Search ***/ .search-button:hover, .search-sidebar-icon .icon{ cursor: pointer; } .header-top label, .header-top input, .header-top textarea, .header-top select, .header-top button, .header-top .shopping-cart-wrapper .dropdown-container, .header-top .my-account-wrapper .dropdown-container, .header-top .wcml_currency_switcher > ul, .header-top .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-top .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-top .my-account-wrapper .account-control > a{ font-size: inherit; } /*------------------------------------------ 2. HEADER MIDDLE ------------------------------------------*/ .header-middle > .container > .header-right{ position: relative; } .header-v1 .header-middle > .container > .header-right{ width: 140px; } header .header-sticky .logo-sticky{ display: none; } .header-middle div.header-left > div.ts-header-social-icons, .header-middle div.header-right > div.ts-header-social-icons{ width: auto; } .header-middle .shopping-cart-wrapper .dropdown-container, .header-middle .my-account-wrapper .dropdown-container, .header-middle .wcml_currency_switcher > ul, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-middle .wpml-ls-legacy-list-horizontal > ul, .header-middle .wpml-ls-legacy-list-vertical > ul, .header-middle .my-account-wrapper .account-control{ padding-top: 62px; } .header-middle .shopping-cart-wrapper .dropdown-container:before, .header-middle .my-account-wrapper .dropdown-container:before, .header-middle .wcml_currency_switcher > ul:before, .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-middle .wpml-ls-legacy-list-horizontal > ul:before, .header-middle .wpml-ls-legacy-list-vertical > ul:before, .header-middle .my-account-wrapper .account-control:before{ top: 35px; } .header-v1 .header-middle .shopping-cart-wrapper .dropdown-container:before, .header-v1 .header-middle .my-account-wrapper .dropdown-container:before, .header-v1 .header-middle .wcml_currency_switcher > ul:before, .header-v1 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v1 .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v1 .header-middle .wpml-ls-legacy-list-horizontal:before, .header-v1 .header-middle .wpml-ls-legacy-list-vertical:before, .header-v1 .header-middle .my-account-wrapper .account-control:before{ top: 24px; } /*** Header Sticky ***/ .header-sticky{ position: relative; width: 100%; } .sticky-wrapper.is-sticky .header-sticky img.sticky-logo{ display: block; } .sticky-wrapper.is-sticky .header-sticky .logo-wrapper.logo-center img.sticky-logo { display: inline-block; } .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: mySticky s ; /* Chrome, Safari, Opera */ -moz-animation: mySticky 1s; animation: mySticky 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; padding: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateY(0); transition: transform 500ms ease 0s; } #page header .sticky-wrapper.is-sticky .header-sticky:before{ position: absolute; left: 0; right: 0; bottom: -20px; content: ""; height: 20px; 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; } } .header-container .sticky-wrapper.is-sticky .header-sticky{ width: 100%; background: #ffffff; margin: 0; } .header-container .sticky-wrapper.is-sticky .header-sticky > .container{ padding-top: 15px; padding-bottom: 15px; } .header-container .sticky-wrapper.is-sticky .header-sticky .logo-wrapper { height: 60px; } .header-sticky .container > *{ display: table-cell; vertical-align: middle; } .header-sticky .visible-sticky.logo-wrapper{ width: 0; height: auto; display: none; } .header-v4 .sticky-wrapper.is-sticky .header-sticky .shopping-cart-wrapper .dropdown-container{ display: none; } /*** Header Transparent ***/ .ts-header .header-transparent{ position: absolute; top: 0; left: 0; right: 0; } .header-transparent .header-top, .header-transparent .header-middle, .header-transparent .header-bottom{ background: transparent; } .header-v2 .ts-header .header-transparent .header-middle{ padding: 25px 0; } .header-v2 .ts-header .header-transparent .sticky-wrapper.is-sticky .header-middle{ padding: 0; } .header-transparent.header-text-light .shopping-cart-wrapper a > .ic-cart:before, .header-transparent.header-text-light .my-account-wrapper .ts-tiny-account-wrapper:before, .header-transparent.header-text-light .header-language:before, .header-transparent.header-text-light .header-currency:before, .header-transparent.header-text-light .search-sidebar-icon .icon:before, .header-transparent.header-text-light .my-wishlist-wrapper:before, .header-transparent.header-text-light .ts-group-meta-icon-toggle .icon, .header-transparent.header-text-light .ts-group-meta-icon-toggle .icon:before{ color: #ffffff; } .header-transparent.header-text-light .is-sticky .shopping-cart-wrapper a > .ic-cart:before, .header-transparent.header-text-light .is-sticky .my-account-wrapper .ts-tiny-account-wrapper:before, .header-transparent.header-text-light .is-sticky .header-language:before, .header-transparent.header-text-light .is-sticky .header-currency:before, .header-transparent.header-text-light .is-sticky .search-sidebar-icon .icon:before, .header-transparent.header-text-light .is-sticky .my-wishlist-wrapper:before, .header-transparent.header-text-light .is-sticky .ts-group-meta-icon-toggle .icon, .header-transparent.header-text-light .is-sticky .ts-group-meta-icon-toggle .icon:before{ color: #111111; } /*** Logo ***/ .ts-header .header-container .logo-background{ text-align: center; padding: 0 10px; } header .logo-wrapper{ padding: 0 10px 0 0;/* rtl */ height: 90px; } header .logo-wrapper > .logo{ line-height: 0; } header .logo img, header .logo-header img, .ts-sidebar-content .logo img { vertical-align: middle; } .logo-wrapper.logo-center{ text-align: center; padding-right: 0; /* rtl */ } .sticky-logo, .mobile-logo, .logo-vetical-ipad, header.ts-header .header-container .logo-wrapper.logo-ipad{ display: none; } header .logo-wrapper .logo a{ font-size: 30px; line-height: 20px; display: inline-block; text-transform: uppercase; letter-spacing: 6px; font-weight: bold; } header .logo-wrapper a:hover{ text-decoration: none; } /*** Social Icons ***/ .ts-header-social-icons > span{ display: none; } .ts-header-social-icons > ul{ margin: 0; padding: 0; } .ts-header-social-icons > ul > li{ list-style: none; display: inline-block; margin-right: 15px; /* rtl */ padding: 0; } .header-v2 .ts-header .header-transparent .header-right > div:not(.ts-group-meta-icon-toggle){ display: none; } .ts-group-meta-icon-toggle .icon:hover{ cursor: pointer; } body:not(.logged-in).header-v3 .header-middle .my-account-wrapper .account-control{ display: block; width: 40px; height: 40px; margin: 0; right: -13px; /* rtl */ padding: 0; top: 0; } body:not(.logged-in).header-v3 .header-middle .shopping-cart-wrapper + .my-account-wrapper .dropdown-container{ right: -50px; /* rtl */ left: auto; /* rtl */ margin-right: auto; /* rtl */ } body:not(.logged-in).header-v3 .header-middle .my-account-wrapper .account-control:before, body:not(.logged-in).header-v3 .header-middle .my-account-wrapper .account-control > a.login{ display: none; } body:not(.logged-in).header-v3 .header-middle .my-account-wrapper .account-control > a.sign-up{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; width: 40px; height: 40px; font-size: 0; } .header-v4 .header-left .shopping-cart-wrapper{ display: none; } .ts-group-icon-dropdown .group-icon-dropdown{ display: none; } /*** Header 6 ***/ .header-v6 .ts-header .header-transparent { padding: 10px 0; } .header-v6 .header-template.show-cart.show-search .header-middle .header-right{ width: 160px; } .header-v6 .header-template.hidden-cart.show-search .header-middle .header-right, .header-v6 .header-template.hidden-search.show-cart .header-middle .header-right{ width: 110px; } .header-v6 .header-template.header-transparent.show-search .header-middle .header-right{ width: 60px; } .header-v6 .header-transparent .header-middle .ts-group-meta-icon-toggle{ display: none; } .header-v6 .group-button-header.visible-phone{ display: block !important; margin-top: 60px; border-width: 0; } .header-v4 .header-middle .shopping-cart-wrapper .dropdown-container:before, .header-v4 .header-middle .my-account-wrapper .dropdown-container:before, .header-v4 .header-middle .wcml_currency_switcher > ul:before, .header-v4 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v4 .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v4 .header-middle .my-account-wrapper .account-control:before { top: 22px; } .header-v5 .ts-header .menu-wrapper nav > ul li.sub-no-padding ul.sub-menu{ padding: 19px 0 0 0; } /*------------------------------------------ 3. HEADER BOTTOM ------------------------------------------*/ .header-v4 .header-bottom, .header-v5 .header-bottom{ margin-top: -15px; } .header-bottom > .container{ padding-top: 15px; padding-bottom: 15px; } .center-content > .container > .header-left, .center-content > .container > .header-right{ width: 26%; } .header-v5 .center-content > .container > .header-left, .header-v5 .center-content > .container > .header-right{ width: 22%; } .ts-header .info-desc{ font-size: 95%; } .ts-header .info-desc > .hotline{ margin-right: 6px; /*rtl*/ } .ts-header .info-desc > .hotline, .ts-header .info-desc > strong{ display: inline-block; vertical-align: middle; } .header-bottom .shopping-cart-wrapper .dropdown-container, .header-bottom .my-account-wrapper .dropdown-container, .header-bottom .wcml_currency_switcher > ul, .header-bottom .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-bottom .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-bottom .my-account-wrapper .account-control{ padding-top: 58px; } .header-bottom .shopping-cart-wrapper .dropdown-container:before, .header-bottom .my-account-wrapper .dropdown-container:before, .header-bottom .wcml_currency_switcher > ul:before, .header-bottom .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-bottom .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-bottom .my-account-wrapper .account-control:before{ top: 31px; } .header-v5 .header-bottom .shopping-cart-wrapper .dropdown-container, .header-v5 .header-bottom .my-account-wrapper .dropdown-container, .header-v5 .header-bottom .wcml_currency_switcher > ul, .header-v5 .header-bottom .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v5 .header-bottom .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-v5 .header-bottom .my-account-wrapper .account-control{ padding-top: 51px; } .header-v5 .header-bottom .shopping-cart-wrapper .dropdown-container:before, .header-v5 .header-bottom .my-account-wrapper .dropdown-container:before, .header-v5 .header-bottom .wcml_currency_switcher > ul:before, .header-v5 .header-bottom .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v5 .header-bottom .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v5 .header-bottom .my-account-wrapper .account-control:before{ top: 21px; } .ts-header .header-bottom .menu-wrapper nav > ul li ul.sub-menu:before{ top: 22px; } .header-v5 .ts-header .header-bottom .menu-wrapper nav > ul li ul.sub-menu:before{ top: 19px; } .header-v6 .header-transparent .header-middle .header-right .shopping-cart-wrapper{ display: none; } .header-v4 .header-bottom .header-left, .header-v4 .header-bottom .header-right{ display: none; } .header-v4 .sticky-wrapper.is-sticky .header-bottom .header-left, .header-v4 .sticky-wrapper.is-sticky .header-bottom .header-right{ display: table-cell; } /*------------------------------------------ Verticle group icon ------------------------------------------*/ .verticle-group-icon{ right: 60px; /* rtl */ display: none; position: absolute; top: 95px; opacity: 0; transition: opacity 340ms ease; } .header-v2 .verticle-group-icon{ top: 25vh; right: 80px; /* rtl */ } .verticle-group-icon.show{ opacity: 1; display: block; } .verticle-group-icon > div{ position: relative; text-align: center; margin-top: 20px; margin-bottom: 20px; display: block; } .verticle-group-icon > div:hover{ cursor: pointer; } .verticle-group-icon .shopping-cart-wrapper .dropdown-container, .verticle-group-icon .my-account-wrapper .dropdown-container, .verticle-group-icon .wcml_currency_switcher > ul, .verticle-group-icon .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .verticle-group-icon .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .verticle-group-icon .wpml-ls-legacy-list-horizontal > ul, .verticle-group-icon .wpml-ls-legacy-list-vertical > ul, .verticle-group-icon .my-account-wrapper .account-control{ width: 185px; right: 100%; margin-right: 0; top: -6px; padding-top: 30px; padding-right: 40px; /* rtl */ } .verticle-group-icon .shopping-cart-wrapper .dropdown-container { width: 430px; } .verticle-group-icon .shopping-cart-wrapper .dropdown-container:before, .verticle-group-icon .my-account-wrapper .dropdown-container:before, .verticle-group-icon .wcml_currency_switcher > ul:before, .verticle-group-icon .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .verticle-group-icon .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .verticle-group-icon .wpml-ls-legacy-list-horizontal > ul:before, .verticle-group-icon .wpml-ls-legacy-list-vertical > ul:before, .verticle-group-icon .my-account-wrapper .account-control:before{ right: 10px; /* rtl */ top: 0; } body:not(.logged-in) .verticle-group-icon .my-account-wrapper .account-control{ display: block; max-width: 40px; right: -10px; /* rtl */ padding-right: 0; /* rtl */ } body:not(.logged-in) .verticle-group-icon .my-account-wrapper .account-control:before, body:not(.logged-in) .verticle-group-icon .my-account-wrapper .account-control > a.sign-up{ display: none; } body:not(.logged-in) .verticle-group-icon .my-account-wrapper .account-control > a.login{ position: absolute; top: 0; right: 0; /* rtl */ bottom: 0; padding: 0; margin: 0; width: 40px; height: 40px; font-size: 0; } .header-v2 .header-middle .shopping-cart-wrapper, .header-v2 .header-middle .my-account-wrapper, .header-v2 .header-middle .header-currency, .header-v2 .header-middle .header-language, .header-v2 .header-middle .search-sidebar-icon, .header-v2 .header-middle .my-wishlist-wrapper, .header-v3 .header-middle .shopping-cart-wrapper, .header-v3 .header-middle .my-account-wrapper, .header-v3 .header-middle .header-currency, .header-v3 .header-middle .header-language, .header-v3 .header-middle .search-sidebar-icon, .header-v3 .header-middle .my-wishlist-wrapper, .verticle-group-icon > div{ max-width: 30px; max-height: 28px; } .header-middle .my-wishlist-wrapper:before, .verticle-group-icon .my-wishlist-wrapper:before{ width: 100%; display: inline-block; } /*------------------------------------------ 4. MENU ------------------------------------------*/ 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; display: inline-block; 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; } 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; } .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 > li{ float: left;/* rtl */ list-style: none; position: relative; margin: 0 36px 0 0; /* rtl */ padding-top: 0; padding-bottom: 0; } .ts-header .menu-wrapper nav > ul > li.ts-megamenu.parent, .ts-header .menu-wrapper nav > ul > li.ts-normal-menu.parent, .ts-header .menu-wrapper nav > ul > li.menu-item-has-children{ padding-right: 18px; /* rtl */ } .ts-header .menu-wrapper nav > ul > li > a{ position: relative; } .ts-header .menu-wrapper nav ul li a{ display: block; } .ts-header .ts-megamenu-widgets-container > ul > li.widget.widget_media_image > a:hover img{ opacity: 0.6; } .ts-header .menu-wrapper nav > ul > li > a:after{ content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 4px; transform: scale3d(1,0,1); transform-origin: 50% 100%; transition: transform 340ms cubic-bezier(0.7,0,0.3,1); } .ts-header .menu-wrapper nav > ul > li:hover > a:after, .menu-wrapper nav > ul > li.current-menu-item > a:after, .menu-wrapper nav > ul > li.current_page_parent > a:after, .menu-wrapper nav > ul > li.current-menu-parent > a:after, .menu-wrapper nav > ul > li.current_page_item > a:after, .menu-wrapper nav > ul > li.current-menu-ancestor > a:after, .menu-wrapper nav > ul > li.current-page-ancestor > a:after, .menu-wrapper nav > ul > li.current-product_cat-ancestor > a:after{ transform: scale3d(1,1,1); transform-origin: 50% 0%; } .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; } .ts-header .menu-wrapper nav > ul > li:last-child{ padding: 0; margin: 0; } .ts-header .menu-wrapper nav > ul > li a:hover{ text-decoration: none; } .ts-header .menu-wrapper nav > ul > li > a{ text-align: center; text-transform: capitalize; padding: 15px 0; display: block; } .ts-header .menu-wrapper nav > ul li .menu-icon{ position: relative; width: 30px; height: 10px; display: inline-block; margin-right: 5px;/* rtl */ } .ts-header .menu-wrapper nav > ul li .menu-icon img{ position: absolute; top: 50%; left: 0;/* rtl */ max-width: 100%; -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .menu-sub-label{ position: absolute; right: -20px;/* rtl */ top: 0; padding: 1px 2px; line-height: 13px; font-size: 11px; color: #ffffff; font-weight: normal; text-align: center; min-width: 35px; border-radius: 2px; } .sub-menu .menu-sub-label{ top: -14px; } .menu-sub-label:before{ width: 0; height: 0; border-top: 2px solid transparent; border-left: 4px solid transparent; border-bottom: 7px solid transparent; transform: rotate(15deg); position: absolute; right: 50%; margin-right: -3px; /* rtl */ content: ""; bottom: -5px; } .menu-desc{ font-size: 80%; line-height: 1.2; opacity: 0.6; } .ts-header .menu-wrapper nav > ul li .menu-desc{ text-transform: none; margin-top: -3px; } li.logo-header a{ padding-left: 10px; padding-right: 10px; } /*** Menu Drop Icon ***/ .ts-menu-drop-icon{ position: absolute; right: 0; /* rtl */ left: auto; top: 21px; line-height: 1; } .ts-header .menu-wrapper ul.sub-menu .ts-menu-drop-icon{ top: 11px; right: -5px; } .ts-menu-drop-icon:hover{ cursor: pointer; } .mobile-menu .ts-menu-drop-icon{ top: 16px; } /*** SUB MENU ***/ .ts-header .menu-wrapper nav > ul li ul.sub-menu{ position: absolute; left: -50px;/* rtl */ top: 100%; margin: 0; padding: 48px 40px 27px; -ms-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0; width: 260px; display: none; } li.hide ul.sub-menu{ display: none !important; } .sub-overflow ul.sub-menu, .item-more-categories ul.sub-menu{ overflow: hidden; } .ts-header .menu-wrapper nav > ul li:hover > ul.sub-menu{ display: block; -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 150ms; -webkit-animation-delay: 150ms; -moz-animation-delay: 150ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_menu; -moz-animation-name: animation_menu; animation-name: animation_menu; } .ts-header .menu-wrapper nav > ul li ul.sub-menu .ts-megamenu-widgets-container li{ list-style: none; margin: 0; } .ts-header .menu-wrapper nav > ul li.ts-megamenu a{ position: relative; display: inline-block; } .menu-wrapper nav > ul li.hide > ul.sub-menu, .menu-wrapper nav > ul > li.parent.hide:hover > a:after{ display: none; } .ts-header .menu-wrapper nav > ul li ul.sub-menu:before{ content: ""; position: absolute; top: 22px; right: 0; left: 0; bottom: 0; z-index: 1; box-shadow: 0 2px 6px rgba(155, 155, 155, 0.2); background-size: 100% auto; } ul.sub-menu .ts-megamenu-container .widgettitle, ul.sub-menu .ts-megamenu-container .widget-title{ font-size: 100%; } /*** Mega Menu ***/ .ts-header .menu-wrapper nav > ul li.ts-megamenu ul.sub-menu{ padding-top: 50px; padding-bottom: 32px; } .ts-header nav > ul li .ts-megamenu-widgets-container > ul{ margin-left: -20px; margin-right: -20px; } .ts-header nav > ul li .ts-megamenu-widgets-container > ul > li{ padding-left: 20px;/* rtl */ padding-right: 20px;/* rtl */ } /*** Submenu No Padding ***/ .ts-header .menu-wrapper nav > ul li.sub-no-padding ul.sub-menu{ padding: 22px 0 0 0; } .ts-header nav > ul li.sub-no-padding .ts-megamenu-widgets-container > ul{ margin: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .ts-header nav > ul li.sub-no-padding .ts-megamenu-widgets-container > ul > li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 40px; } .ts-header nav > ul li.sub-no-padding .ts-megamenu-widgets-container > ul > li, .mobile-menu-wrapper nav > ul li.sub-no-padding .ts-megamenu-widgets-container > ul > li{ background-repeat: no-repeat; } /*** Submenu Level 2/3 ***/ .ts-header .menu-wrapper nav > ul ul.sub-menu > li:hover > ul.sub-menu{ -webkit-animation-duration: 240ms; -moz-animation-duration: 240ms; animation-duration: 240ms; 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_sub; -moz-animation-name: animation_menu_sub; animation-name: animation_menu_sub; display: block; } .ts-header .menu-wrapper nav > ul li ul.sub-menu ul.sub-menu{ left: 100%; width: 280px; padding: 27px 40px 27px 80px; top: -27px; } .ts-header .menu-wrapper nav > ul li ul.sub-menu ul.sub-menu ul.sub-menu{ z-index: 991; } .ts-header .menu-wrapper nav > ul li ul.sub-menu ul.sub-menu:before{ left: 40px;/* rtl */ top: 0; } .ts-header .menu-wrapper nav > ul li ul.sub-menu ul.sub-menu > li, .ts-header .menu-wrapper nav li.widget_nav_menu li, .ts-header .menu-wrapper nav div.list-link li, .ts-header .menu-wrapper nav > ul li.ts-normal-menu ul.sub-menu li, .ts-header .menu-wrapper nav > ul > li > ul.sub-menu > li, .ts-header .menu-wrapper nav > ul > li > ul.sub-menu > li > ul.sub-menu > li, .ts-header .menu-wrapper nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li{ list-style: none; padding-top: 6px; padding-bottom: 6px; position: relative; z-index: 2; } .ts-header .menu-wrapper nav > ul li.ts-megamenu > ul.sub-menu > li{ padding: 0; margin: 0; display: block; } .ts-header .menu-wrapper nav > ul li:before{ display: none; } .ts-header .menu-wrapper nav > ul li.fa:before{ display: inline-block; } .ts-header .menu-wrapper nav > ul 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, .ts-header .menu-wrapper nav > ul li.ts-normal-menu ul.sub-menu li > a{ display: table; position: relative; } /*** Submenu Column ***/ .list-link.no-padding{ padding: 0 !important; min-width: 180px; } .list-link{ position: relative; z-index: 1; } .ts-header .menu-wrapper nav > ul li.ts-megamenu-columns-4 ul.sub-menu{ width: 929px; } .ts-header .menu-wrapper nav > ul li.ts-megamenu-columns-3 ul.sub-menu{ width: 700px; } .ts-header .menu-wrapper nav > ul li.ts-megamenu-columns-2 ul.sub-menu{ width: 400px; } .ts-header .menu-wrapper nav > ul li.ts-megamenu-columns-1 ul.sub-menu{ width: 250px; } .menu-wrapper nav > ul > li ul li.widget_text{ padding: 0 15px; } .ts-megamenu-columns-2 li.widget, .ts-megamenu-columns-3 li.widget, .ts-megamenu-columns-4 li.widget, .ts-megamenu-fullwidth li.widget{ float: left;/* rtl */ } .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-megamenu.banner-half-full li.widget_media_image, .ts-megamenu.banner-half-full .ts-single-image{ width: 50%; } .ts-megamenu li.widget_media_image{ text-align: center; } /*** Hover Submenu Item ***/ .menu-wrapper nav > ul ul.sub-menu li > a, .menu-wrapper nav div.list-link li > a, .menu-wrapper nav > ul li.widget_nav_menu li > a, .widget-container div.list-link li > a, .widget-container ul li.widget_nav_menu li > a, .widget-container ul ul.sub-menu li > a{ transition: 250ms ease 0s; } header li.widget_nav_menu{ margin: 0; padding: 0; } .menu-wrapper nav div.ts-megamenu-widgets-container li.widget_text .bg-mega-menu{ position: absolute; left: 0;right: 0;bottom: 0; top: 0; content: ""; z-index: 0; background-repeat: no-repeat !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; } .ts-floating-sidebar .ts-menu nav .overlay{ display: none; } .sub-menu > li > .ts-megamenu-container{ margin-left: auto; margin-right: auto; } .menu-sub-center .ts-megamenu-container{ text-align: center; } .menu-sub-center .ts-megamenu-container > ul{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; } .ts-megamenu-columns-2 .ts-megamenu-container > ul:after, .ts-megamenu-columns-3 .ts-megamenu-container > ul:after, .ts-megamenu-columns-4 .ts-megamenu-container > ul:after, .ts-megamenu-fullwidth .ts-megamenu-container > ul:after{ content: ''; display: table; clear: both; } .ts-header .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image, .mobile-menu-wrapper .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image{ display: flex; flex-direction: column; min-width: 284px; width: auto; text-align: center; } .header-fullwidth .ts-header .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image{ min-width: 290px; } .ts-header .ts-megamenu-widgets-container > ul > li.widget .widgettitle{ text-transform: uppercase; } .ts-header .ts-megamenu-widgets-container > ul > li.widget.widget_media_image .widgettitle, .mobile-menu-wrapper .ts-megamenu-widgets-container > ul > li.widget.widget_media_image .widgettitle{ text-align: center; order: 2; margin-top: 10px; } .mobile-menu-wrapper .ts-megamenu-widgets-container > ul > li.widget.widget_media_image > a{ display: block; text-align: center; } .menu-wrapper nav li.widget{ list-style: none; } .menu-wrapper nav li.widget ul{ margin: 0; padding: 0; } .menu-wrapper .widget_categories > ul > li, .menu-wrapper .widget_archive > ul > li, .menu-wrapper .widget_meta > ul > li, .menu-wrapper .widget_pages > ul > li, .menu-wrapper .widget_recent_comments > ul > li, .menu-wrapper .widget_recent_entries > ul > li, .menu-wrapper .widget_nav_menu ul > li, .menu-wrapper .widget_rss > ul > li, .menu-wrapper .widget_display_views > ul > li, .menu-wrapper .widget_shopping_cart .widget_shopping_cart_content > ul > li, .menu-wrapper .woocommerce.widget_products ul.product_list_widget > li, .menu-wrapper .woocommerce.widget_recent_reviews ul.product_list_widget > li, .menu-wrapper .woocommerce.widget_product_categories ul.product-categories > li, .menu-wrapper .woocommerce.widget_top_rated_products ul.product_list_widget > li, .menu-wrapper .woocommerce.widget_recently_viewed_products ul.product_list_widget > li, .menu-wrapper .widget-container.ts-blogs-widget ul.post_list_widget > li, .menu-wrapper .widget-container.ts-products-widget ul.product_list_widget > li, .menu-wrapper .widget-container.yith-woocompare-widget ul.products-list > li, .menu-wrapper .ts-product-categories-widget ul.product-categories > li { margin: 0; padding: 6px 0; border-width: 0; } .ts-header nav li{ text-transform: capitalize; } .ts-header .ts-megamenu-widgets-container > ul > li.widget .widget-title, .ts-header .ts-megamenu-widgets-container > ul > li.widget .widgettitle{ margin: 0 0 12px 0; } body.header-v2 #group-icon-header .ts-sidebar-content h1, body.header-v2 #group-icon-header .ts-sidebar-content h2, body.header-v2 #group-icon-header .ts-sidebar-content h3, body.header-v2 #group-icon-header .ts-sidebar-content h4, body.header-v2 #group-icon-header .ts-sidebar-content h5, body.header-v2 #group-icon-header .ts-sidebar-content h6, body.header-v2 #group-icon-header .header-currency a + ul, body.header-v2 #group-icon-header .header-language a + ul{ color: inherit; } /*** main-menu animation ***/ @-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); } } /*** Sub menu animation ***/ @-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); } } /*** animation fade ***/ @-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; } } /*** Search Sidebar ***/ #ts-search-sidebar input{ margin: 0; } body #ts-search-result-container > p{ padding: 23px 20px; margin: 0; position: relative; z-index: 2; } #ts-search-result-container{ display: none; } #ts-search-result-container:before{ position: absolute; left: 0; right: 0; bottom: 0; top: -1px; border-width: 1px; border-style: solid; content: ""; z-index: 0; } .ts-sidebar-content .search-button{ position: absolute; top: 0; right: 0; /* rtl */ bottom: 0; width: 24px; height: 33px; } .ts-sidebar-content .search-button input[type="submit"]{ font-size: 0; padding: 0; border: none; width: 100%; height: 100%; background: transparent; outline: none; position: relative; z-index: 2; } .ts-search-result-container .view-all-wrapper > a{ display: inline-block; border-width: 0; padding: 0; color: inherit; text-decoration: underline; } .ts-search-result-container ul.product_list_widget { margin: 50px 0 0; } .ts-search-result-container .view-all-wrapper{ margin-top: 20px; } ul.product_list_widget li, .woocommerce ul.product_list_widget li{ display: table; } ul.product_list_widget li > *, .woocommerce ul.product_list_widget li > *, .woocommerce ul.product_list_widget:not(.cart_list) li > a{ display: table-cell; vertical-align: middle; } ul.product_list_widget li .ts-wg-thumbnail, .woocommerce ul.product_list_widget li .ts-wg-thumbnail{ width: 120px; padding-right: 20px; /* rtl */ } ul.product_list_widget li img, .woocommerce ul.product_list_widget li img{ float: none; /* rtl */ margin: 0; width: 100%; height: auto; } ul.product_list_widget li a.ts-wg-thumbnail{ position: relative; } ul.product_list_widget li a.ts-wg-thumbnail:after{ content: ''; position: absolute; bottom: 0px; left: 0; width: calc( 100% - 20px ); transform: scale3d(1,0,1); transform-origin: 50% 100%; transition: transform 340ms cubic-bezier(0.7,0,0.3,1); } .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail:after, .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail:after{ width: calc( 100% - 30px ); height: 4px; } ul.product_list_widget li a.ts-wg-thumbnail:hover:after{ transform: scale3d(1,1,1); } .ts-header .search-wrapper.active .search-content input[type="text"]{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-sidebar-content > h2{ margin-bottom: 40px; } .search-table{ position: relative; } .ts-floating-sidebar .close{ position: absolute; top: 20px; right: 15px;/* rtl */ text-align: center; width: 40px; height: 40px; display: none; } .ts-floating-sidebar.active .close{ display: block; } .ts-floating-sidebar .close:before, body #cboxClose:before, html body > h1 a.close:before, .ts-popup-modal span.close:before, body a.pp_close:after{ letter-spacing: 0; font-size: 20px; line-height: 40px; } .ts-floating-sidebar .overlay{ position: fixed; opacity: 0; left: 0; top: 0; content: ""; background: #000000; transition: opacity 500ms; z-index: -1; } .ts-floating-sidebar.active .overlay{ right: 0; bottom: 0; opacity: 0.7; } .ts-floating-sidebar .ts-sidebar-content{ position: fixed; padding: 30px; top: 0; bottom: 0; right: -17px;/* rtl */ opacity: 0; width: 410px; max-width: 100%; transform: translateX(100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 400ms, opacity 100ms 300ms; overflow-y: scroll; } @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 */ } }} .admin-bar .ts-floating-sidebar .ts-sidebar-content{ top: 32px; } .ts-floating-sidebar.active .ts-sidebar-content{ opacity: 1; transform: translateX(0px); transition: transform 400ms, opacity 100ms; box-shadow: 0 0 5px rgba(155, 155, 155, 0.2); } .ts-floating-sidebar.full-screen.active .ts-sidebar-content{ box-shadow: none; } /*** Fullscreen search ***/ .ts-floating-sidebar.full-screen{ position: fixed; top: 0; left: 0; overflow: auto; padding: 40px 0; background: #ffffff; z-index: -1; } .ts-floating-sidebar.full-screen.active{ right: -17px;/* rtl */ left: 0; bottom: 0; z-index: 100000; overflow-y: scroll; } .ts-floating-sidebar.full-screen .overlay{display: none;} .ts-floating-sidebar.full-screen .ts-sidebar-content{ position: absolute; padding: 0; left: 0 !important; right: 0 !important; top: 10%; height: 80%; transform: translate(0,0); bottom: auto; width: 100%; background: transparent; overflow: initial; max-width: 840px; margin: 0 auto; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 300ms; } .ts-floating-sidebar.full-screen.active .ts-sidebar-content{ opacity: 1; } .ts-floating-sidebar.full-screen .ts-sidebar-content > h2{ text-align: center; } .ts-floating-sidebar.full-screen .ts-search-result-container > *{ animation: slidebottomtotop 600ms ease; } .ts-floating-sidebar.full-screen .ts-search-result-container{ padding-bottom: 10%; } @-moz-keyframes slidebottomtotop { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slidebottomtotop { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slidebottomtotop { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /* product list */ .ts-floating-sidebar.full-screen ul.product_list_widget li{ width: 50%; float: left; 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; } /*** End Fullscreen search ***/ .ts-search-result-container ul.product_list_widget.has-view-all:after { content: ''; clear: both; display: table; } .ts-search-result-container > p{ margin-top: 20px; } .ic-menu-close-button{ width: 50px; display: inline-block; cursor: pointer; font-size: 24px; text-align: center !important; padding: 7px 0; } .group-button-header{ border-width: 1px 0 0 0; border-style: solid; padding: 20px 0; display: none; } .group-button-header > div:after{ display: table; content: ""; clear: both; } .group-button-header, .group-button-header > div:not(:first-child){ border-color: rgba(155,155,155,0.2); } #group-icon-header .header-currency .wcml_currency_switcher:hover > ul, #group-icon-header .header-language .wpml-ls-legacy-dropdown:hover ul.wpml-ls-sub-menu, #group-icon-header .header-language .wpml-ls-legacy-dropdown-click:hover ul.wpml-ls-sub-menu{ display: none; } #group-icon-header .group-button-header h6{ font-weight: 600 !important; } .group-button-header > div:not(:first-child){ border-width: 1px 0 0 0; border-style: solid; padding-top: 20px; margin-top: 20px; } #group-icon-header .group-button-header .my-wishlist-wrapper .wishlist-number{ background: transparent; color: inherit; } .ts-sidebar-content .my-account-wrapper .title, .ts-sidebar-content .header-currency .title, .ts-sidebar-content .header-language .title{ margin-bottom: 10px; } .group-button-header .my-account-wrapper .account-control, .group-button-header .header-currency .wcml_currency_switcher, .group-button-header .header-language .wpml-ls-current-language{ font-size: 100%; line-height: inherit; } .group-button-header .my-account-wrapper .account-control, .group-button-header .my-account-wrapper .account-control > a{ display: inline-block; } .group-button-header > div.header-currency .wcml-cs-active-currency, .group-button-header > div.header-language .wpml-ls-item-toggle{ display: block; position: relative; text-decoration: none; } .group-button-header > div.header-currency .wcml-cs-active-currency:after, .group-button-header > div.header-language .wpml-ls-item-toggle:after{ display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 12px; line-height: 24px; position: absolute; right: 0; /* rtl */ } .group-button-header .shopping-cart-wrapper a > .ic-cart:before, .group-button-header .my-account-wrapper .ts-tiny-account-wrapper:before, .group-button-header .header-language:before, .group-button-header .header-currency:before, .group-button-header .my-wishlist-wrapper > a:before, .group-button-header .my-wishlist-wrapper:before, .group-button-header .search-sidebar-icon .icon:before, .group-button-header .ts-group-meta-icon-toggle .icon:before, .group-button-header .header-currency ul:before, .group-button-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before, .group-button-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before, .group-button-header .my-account-wrapper .account-control:before{ display: none; } .header-v2 .group-button-header .my-wishlist-wrapper > a > span, .header-v3 .group-button-header .my-wishlist-wrapper > a > span{ background: transparent; color: inherit; } .group-button-header .my-wishlist-wrapper > a{ font-size: 100%; line-height: inherit; } .group-button-header .my-wishlist-wrapper .wishlist-number{ position: static; font-size: 100%; line-height: inherit; font-weight: 400; } .group-button-header .my-wishlist-wrapper .wishlist-number > span { display: inline; } #group-icon-header .header-currency:hover a + ul, #group-icon-header .header-language:hover a + ul{ display: none; -webkit-animation: none; -moz-animation: none; animation: none; } #group-icon-header .header-currency a + ul, #group-icon-header .header-language a + ul{ position: static; width: 100%; padding: 10px 10px 0; } #group-icon-header a:hover{ text-decoration: none; } .group-button-header .ts-header-social-icons{ display: none; } .header-v4 .group-button-header .ts-header-social-icons{ display: block; } /*** Menu Mobile / Sidebar ***/ .ts-floating-sidebar .menu-fullscreen{ display: none; } .ts-menu nav .widgettitle{ margin: 5px 0; } .mobile-menu-wrapper nav ul.sub-menu li.widget.ts-single-image{ text-align: center; display: table; margin-bottom: 20px; } .mobile-menu-wrapper nav ul.sub-menu li.widget.ts-single-image .ts-single-image> a{ display: inline-block; padding: 0; } .vertical-menu-wrapper .ts-megamenu-static-html-container .ts-mega-menu{ width: 100% !important; } .mobile-menu-wrapper nav ul.sub-menu .widget-title{ width: 100%; display: table-footer-group !important; font-size: 100%; } body .mobile-menu-wrapper.ts-menu nav.mobile-menu{ width: 100%; display: block; float: none; margin: 0 0 10px 0; padding: 0; } .header-v2 .mobile-menu-wrapper .mobile-menu{ color: inherit; } .ts-group-meta-icon-toggle .icon{ font-size: 20px; } .woocommerce .woocommerce-ordering .orderby > li:after, .top-filter-widget-area-button a:after, .block-control:after, .ts-header .menu-wrapper nav > ul > li .ts-menu-drop-icon, .mobile-menu span.ts-menu-drop-icon, body .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ font-size: 12px; line-height: 1; text-indent: 0; letter-spacing: 0; transition: 250ms ease 0s; } .mobile-menu-wrapper ul{ margin: 0; padding: 0; } .mobile-menu-wrapper{ margin: 30px 0 0 0; } .mobile-menu-wrapper nav > ul > li:last-child{ border-width: 0; } .mobile-menu-wrapper nav > ul ul{ margin: 0; padding: 0; } .mobile-menu-wrapper nav > ul > li > a .menu-sub-label{ top: -14px; right: -25px; /* rtl */ } .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; margin-bottom: 20px; } .mobile-menu-wrapper nav > ul li ul.sub-menu{ padding-left: 30px; /* rtl */ } .mobile-menu-wrapper nav > ul > li > ul.sub-menu{ padding-top: 15px; /* rtl */ } .mobile-menu-wrapper nav > ul li.ts-megamenu ul.sub-menu{ padding-left: 0; } .mobile-menu-wrapper nav > ul ul.sub-menu ul.sub-menu{ padding: 10px 0 10px 30px; /* rtl */ } .mobile-menu-wrapper .mobile-menu li, .mobile-menu-wrapper .mobile-menu .widget_nav_menu ul > li{ width: 100%; list-style: none; padding: 0; margin: 0; position: relative; border: none; } .mobile-menu-wrapper .mobile-menu > ul > li{ padding: 12px 0; } .mobile-menu-wrapper .mobile-menu li a{ display: table; z-index: 1; position: relative; text-transform: capitalize; } .mobile-menu-wrapper nav > ul li:before{ padding: 11px 0; } .mobile-menu-wrapper .mobile-menu li li a{ border: 0; text-transform: none; padding-top: 8px; padding-bottom: 8px; } .mobile-menu-wrapper .mobile-menu li a:hover{ text-decoration: none; } #page.menu-mobile-active .mobile-menu-wrapper .menu-main-mobile, #page.menu-mobile-active .ts-header-social-icons{ opacity: 1; transform: translateX(0px); transition: transform 0.4s, opacity 0.1s; } .mobile-menu-wrapper.show-social .menu-main-mobile{ padding-bottom: 150px; } .mobile-menu-wrapper.show-social .menu-main-mobile{ padding-bottom: 100px; } #page:before{ position: fixed; opacity: 0; left: 0; right: 0; bottom: -100px; top: 0; content: ""; background: #000000; transition: opacity 0.35s; z-index: -1; } #page.menu-mobile-active:before{ z-index: 100000; opacity: 0.7; } /*------------------------------------------------------------------------------------------------- II. MAIN CONTENT ---------------------------------------------------------------------------------------------------*/ div#main{ min-height: 480px; width: 100%; clear: both; } .vc_row.vc_row-o-content-middle > .wpb_column > .wpb_wrapper{ width: 100%; } .layer-above{ position: relative; z-index: 2; } .delay300{ animation-delay: 300ms; } .header-v5 .h1-big{ font-size: 80px; line-height: 80px; } .header-v4 .h1-big{ font-size: 110px; line-height: 120px; letter-spacing: 0; } .header-v4 .h2-big, .vc_custom_heading.h2-big{ font-size: 72px; line-height: 72px; } /*------------------------------------------ 1. BREADCRUMB ------------------------------------------*/ .breadcrumb-title-wrapper{ padding: 50px 0; text-align: center; } .breadcrumb-title-wrapper .heading-title{ margin-bottom: 14px; } .breadcrumb-title-wrapper .breadcrumbs-container > *{ display: inline-block; } .breadcrumbs-container > span:not(.current){ margin: 0 10px; } /*v1*/ .breadcrumb-title-wrapper.breadcrumb-v1 .heading-title{ padding-bottom: 11px; border-width: 0 0 1px 0; border-style: solid; } /*v2*/ .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumb-title{ display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs{ text-align: left; /* rtl */ } .breadcrumb-title-wrapper.breadcrumb-v2 .breadcrumbs, .breadcrumb-title-wrapper.breadcrumb-v2 .heading-title{ margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .breadcrumb-title-wrapper.breadcrumb-v2 .heading-title{ margin-bottom: 0; text-align: right; /* rtl */ } /*v3*/ .breadcrumb-title-wrapper.breadcrumb-v3 { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 150px 0; } .breadcrumb-title-wrapper.ts-breadcrumb-parallax, .breadcrumb-title-wrapper.ts-breadcrumb-parallax .breadcrumb-content{ background-attachment: fixed; } @media only screen and (max-width: 3000px){ .breadcrumb-title-wrapper.breadcrumb-v3{ background-size: initial; } } /*------------------------------------------ 2. OWL CAROUSEL ------------------------------------------*/ 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; } .ts-slider .shortcode-heading-wrapper > .heading-title{ margin-bottom: 0; } .ts-slider.show-nav.nav-top .shortcode-heading-wrapper > .heading-title{ margin-right: 70px; /* rtl */ text-align: left; /* rtl */ } .woocommerce .content-wrapper:after{ display: table; clear: both; content: ""; } .owl-nav > div, .prev-button, .next-button{ cursor: pointer; position: relative; z-index: 0; display: inline-block; font-size: 0; text-align: center; transition: 250ms ease 0s; letter-spacing: 0; line-height: 1; } .owl-nav > div.owl-prev{ float: left; /* rtl */ text-align: left; /* rtl */ } .owl-nav > div.owl-next{ float: right; /* rtl */ text-align: right; /* rtl */ } .owl-nav > div.disabled{ display: none !important; } .owl-nav > div:before, .prev-button:before, .next-button:before{ font-size: 34px; line-height: inherit; } .nav-top .owl-nav > div:before, .related-posts .owl-nav > div:before, .ts-blogs .nav-bottom:not(.ts-col-24) .owl-nav > div:before, div.images-thumbnails .thumbnails-container .owl-nav > div:before, .ts-sidebar .widget-container.has-nav .owl-carousel .owl-nav > div:before{ font-size: 24px; } /*** Nav bottom ***/ .nav-bottom .owl-nav, .single-product-top-thumbnail-slider .owl-nav{ margin-top: 18px; } .list-posts article.post .nav-bottom .owl-nav{ margin-bottom: 7px; } .blog-list-style .list-posts article.post .nav-bottom .owl-nav{ margin-bottom: 0; } .nav-bottom .owl-carousel .owl-nav:after, .single-product-top-thumbnail-slider .owl-nav:after{ content: ''; display: table; clear: both; } .single-product-top-thumbnail-slider .owl-nav > .owl-prev{ padding-left: 10px; /* rtl */ } .single-product-top-thumbnail-slider .owl-nav > .owl-next{ padding-right: 10px; /* rtl */ } .nav-bottom .owl-controls{ width: 100%; } /*** Nav Top ***/ .related-posts{ position: relative; } .related-posts .owl-carousel, .widget-container.has-nav .owl-carousel, .nav-top .owl-carousel, .nav-middle .nav-top .owl-carousel, .ts-product-in-product-type-tab-wrapper.nav-top .column-content{ position: static; } .nav-top .owl-nav > div, .nav-middle .nav-top .owl-nav > div, .nav-bottom .nav-top .owl-nav > div, .ts-sidebar .widget-container.has-nav .owl-carousel .owl-nav > div, .ts-sidebar .widget-container .prev-button, .ts-sidebar .widget-container .next-button, .related-posts .owl-nav > div{ margin-left: 8px; /* rtl */ } .related-posts .owl-carousel .owl-nav, .ts-sidebar .widget-container.has-nav .owl-carousel .owl-nav, .nav-top .owl-carousel .owl-nav, .nav-middle .nav-top .owl-carousel .owl-nav, .nav-bottom .nav-top .owl-carousel .owl-nav{ position: absolute; top: 6px; right: 0; /* rtl */ margin: 0; } .nav-middle .nav-top .owl-nav > div, .nav-bottom .nav-top .owl-nav > div{ position: static !important; width: auto !important; opacity: 1 !important; } .ts-sidebar .widget-container.has-nav .owl-carousel .owl-nav > div{ width: auto; } .ts-shortcode.nav-top .owl-nav, .nav-middle .ts-shortcode.nav-top .owl-nav{ top: 6px; } .ts-shortcode.nav-top .owl-nav > div, .nav-middle .ts-shortcode.nav-top .owl-nav > div{ height: 24px; line-height: 24px; margin-top: 0; } /*** Nav Middle ***/ .nav-middle .owl-carousel .owl-nav > div, .woocommerce .upsells .owl-carousel .owl-nav > div, .woocommerce .related .owl-carousel .owl-nav > div, .woocommerce .cross-sells .owl-carousel .owl-nav > div, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav > div{ position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; text-align: center; z-index: 9; } .nav-middle .products.owl-carousel .owl-nav > div, .ts-portfolio-wrapper.nav-middle .owl-carousel .owl-nav > div{ top: 35%; } .ts-product-category-wrapper.nav-middle .products.owl-carousel .owl-nav > div{ top: 43%; } .woocommerce .upsells .owl-carousel .owl-nav > div, .woocommerce .related .owl-carousel .owl-nav > div, .woocommerce .cross-sells .owl-carousel .owl-nav > div, .ts-team-members.style-1.ts-slider.show-nav.nav-middle .owl-nav > div, .ts-team-members.style-2.ts-slider.show-nav.nav-middle .owl-nav > div, .vc_row[data-vc-stretch-content] .nav-middle .products.owl-carousel .owl-nav > div, .vc_row[data-vc-stretch-content] .ts-portfolio-wrapper.nav-middle .owl-carousel .owl-nav > div{ top: 40%; } .nav-middle .owl-carousel .owl-nav > .owl-prev{ left: -70px; /* rtl */ } .nav-middle .owl-carousel .owl-nav > .owl-next{ right: -70px; /* rtl */ } .page-container:not(.no-sidebar) .nav-middle .owl-carousel .owl-nav > .owl-prev, article.post .nav-middle .owl-carousel .owl-nav > .owl-prev, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav > .owl-prev, .woocommerce .upsells .owl-carousel .owl-nav > .owl-prev, .woocommerce .related .owl-carousel .owl-nav > .owl-prev, .woocommerce .cross-sells .owl-carousel .owl-nav > .owl-prev, .ts-blogs .item.gallery.nav-middle .owl-carousel .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel .owl-nav > .owl-prev{ left: 10px; /* rtl */ } .page-container:not(.no-sidebar) .nav-middle .owl-carousel .owl-nav > .owl-next, article.post .nav-middle .owl-carousel .owl-nav > .owl-next, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav > .owl-next, .woocommerce .upsells .owl-carousel .owl-nav > .owl-next, .woocommerce .related .owl-carousel .owl-nav > .owl-next, .woocommerce .cross-sells .owl-carousel .owl-nav > .owl-next, .ts-blogs .item.gallery.nav-middle .owl-carousel .owl-nav > .owl-next, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel .owl-nav > .owl-next{ right: 10px; /* rtl */ } .page-container:not(.no-sidebar) .nav-middle .owl-carousel .owl-nav > .owl-prev, article.post .nav-middle .owl-carousel .owl-nav > .owl-prev, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav > .owl-prev, .woocommerce .upsells .owl-carousel .owl-nav > .owl-prev, .woocommerce .related .owl-carousel .owl-nav > .owl-prev, .woocommerce .cross-sells .owl-carousel .owl-nav > .owl-prev, .ts-blogs .item.gallery.nav-middle .owl-carousel .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .nav-middle .owl-carousel .owl-nav > .owl-next, article.post .nav-middle .owl-carousel .owl-nav > .owl-next, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav > .owl-next, .woocommerce .upsells .owl-carousel .owl-nav > .owl-next, .woocommerce .related .owl-carousel .owl-nav > .owl-next, .woocommerce .cross-sells .owl-carousel .owl-nav > .owl-next, .ts-blogs .item.gallery.nav-middle .owl-carousel .owl-nav > .owl-next, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel .owl-nav > .owl-next{ opacity: 0; transition: 250ms ease 0s; } .page-container:not(.no-sidebar) .nav-middle .owl-carousel:hover .owl-nav > .owl-prev, article.post .nav-middle .owl-carousel:hover .owl-nav > .owl-prev, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel:hover .owl-nav > .owl-prev, .woocommerce .upsells .owl-carousel:hover .owl-nav > .owl-prev, .woocommerce .related .owl-carousel:hover .owl-nav > .owl-prev, .woocommerce .cross-sells .owl-carousel:hover .owl-nav > .owl-prev, .ts-blogs .item.gallery.nav-middle .owl-carousel:hover .owl-nav > .owl-prev, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel:hover .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .nav-middle .owl-carousel:hover .owl-nav > .owl-next, article.post .nav-middle .owl-carousel:hover .owl-nav > .owl-next, .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel:hover .owl-nav > .owl-next, .woocommerce .upsells .owl-carousel:hover .owl-nav > .owl-next, .woocommerce .related .owl-carousel:hover .owl-nav > .owl-next, .woocommerce .cross-sells .owl-carousel:hover .owl-nav > .owl-next, .ts-blogs .item.gallery.nav-middle .owl-carousel:hover .owl-nav > .owl-next, .vc_row[data-vc-stretch-content="true"] .nav-middle .owl-carousel:hover .owl-nav > .owl-next{ opacity: 1; } /*** Product Thumbnail ***/ div.images-thumbnails .thumbnails-container .owl-nav > div{ position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; text-align: center; } div.images-thumbnails .thumbnails-container .owl-nav > div.owl-prev{ left: -50px; } div.images-thumbnails .thumbnails-container .owl-nav > div.owl-next{ right: -50px; } div.images-thumbnails .thumbnails-container:hover .owl-nav > div.owl-prev{ left: 10px; /* rtl */ } div.images-thumbnails .thumbnails-container:hover .owl-nav > div.owl-next{ right: 10px; /* rtl */ } /*** Verticle Thumbnail ***/ .vertical-thumbnail div.images-thumbnails .thumbnails-container .owl-nav > div{ left: 0; right: 0; width: 100%; height: 30px; line-height: 1; } .vertical-thumbnail div.images-thumbnails .thumbnails-container .owl-nav > div.owl-prev{ top: -30px; bottom: auto; } .vertical-thumbnail div.images-thumbnails .thumbnails-container .owl-nav > div.owl-next{ bottom: -30px; top: auto; } .vertical-thumbnail div.images-thumbnails .thumbnails-container:hover .owl-nav > div.owl-prev{ top: 20px; left: 0; /* rtl */ } .vertical-thumbnail div.images-thumbnails .thumbnails-container:hover .owl-nav > div.owl-next{ bottom: 0; right: 0; /* rtl */ } /*** Navigation Light ***/ .nav-light .owl-nav > div:before{ color: #ffffff; } /*** Bullets ***/ .owl-dots > .owl-dot:before, body .flex-control-paging li a:before, body .theme-default .nivo-controlNav a:before{ opacity: 0.5; } .owl-dots > .owl-dot.active, .owl-dots > .owl-dot.active:before, body .flex-control-paging li a.flex-active, body .theme-default .nivo-controlNav a.active, body .flex-control-paging li a.flex-active:before, body .theme-default .nivo-controlNav a.active:before{ opacity: 1; } /*** Style Partial View ***/ .ts-image-gallery-wrapper.partial-view.ts-slider, .ts-product.partial-view.ts-slider{ overflow: hidden; } .ts-image-gallery-wrapper.partial-view.ts-slider .first-item .item, .ts-image-gallery-wrapper.partial-view.ts-slider .last-item .item, .ts-product.partial-view.ts-slider .first-item .product > .product-wrapper, .ts-product.partial-view.ts-slider .last-item .product > .product-wrapper{ overflow: hidden; position: relative; } .ts-image-gallery-wrapper.partial-view.ts-slider .owl-item:before, .ts-product.partial-view.ts-slider .product > .product-wrapper:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 0; visibility: hidden; transition: 350ms ease 0s; background: #ffffff; } .ts-image-gallery-wrapper.partial-view.ts-slider .first-item:before, .ts-image-gallery-wrapper.partial-view.ts-slider .last-item:before, .ts-product.partial-view.ts-slider .first-item .product > .product-wrapper:before, .ts-product.partial-view.ts-slider .last-item .product > .product-wrapper:before{ opacity: 0.5; z-index: 6; visibility: visible; } .ts-image-gallery-wrapper.partial-view.ts-slider, .ts-product.partial-view.ts-slider .content-wrapper{ margin-left: -50px !important; margin-right: -50px !important; } .ts-image-gallery-wrapper.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev{ left: 60px; } .ts-image-gallery-wrapper.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next, .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next{ right: 60px; } .ts-image-gallery-wrapper.partial-view.ts-slider .owl-item.first-item, .ts-image-gallery-wrapper.partial-view.ts-slider .owl-item.last-item, .ts-product.partial-view.ts-slider .products .owl-item.first-item, .ts-product.partial-view.ts-slider .products .owl-item.last-item{ clear: none; } .ts-image-gallery-wrapper.partial-view.ts-slider .owl-item .item a{ display: block; } /*------------------------------------------ 3. BUTTONS ------------------------------------------*/ .button, button, input[type^="submit"] a.dokan-btn, .dokan-btn, input[type="submit"].dokan-btn, .button-readmore, .ts-button-wrapper .ts-button, .vc_column_container .vc_btn, .vc_column_container .wpb_button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .ts-portfolio-wrapper .filter-bar li, body .yith-woocompare-widget a.compare, .ts-portfolio-wrapper .filter-bar li, #tribe-events .tribe-events-button, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-inactive, #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button, .woocommerce-account .woocommerce-MyAccount-navigation li a, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .button-secondary, a.button.button-secondary, .woocommerce a.button.button-secondary, .add_to_cart_button, .woocommerce a.button.add_to_cart_button, body table.compare-list .add-to-cart td a, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .load-more-wrapper .load-more, .ts-shop-load-more .button, .shop-more > a, .woocommerce .ts-shop-load-more .button, .more-less-buttons a.more-button, .more-less-buttons a.less-button{ min-width: 200px; transition: 600ms ease; overflow: hidden; display: inline-block; } .button-primary, input[type^="submit"].button-primary, a.button.button-primary, .woocommerce a.button.button-primary, .button-secondary, a.button.button-secondary, .woocommerce a.button.button-secondary, .loop-add-to-cart > a.button, .woocommerce div.loop-add-to-cart > a.button, body table.compare-list .add-to-cart td a, .ts-product-in-category-tab-wrapper .shop-more-button, .ts-product-in-product-type-tab-wrapper .shop-more-button, .widget_shopping_cart .buttons > a, .woocommerce .widget_shopping_cart .buttons > a, .woocommerce.widget_shopping_cart .buttons > a, .load-more-wrapper .load-more, .ts-shop-load-more .button, .woocommerce .ts-shop-load-more .button, .shop-more > a, .more-less-buttons a.more-button, .more-less-buttons a.less-button, .wishlist_table .product-add-to-cart a.button, .ts-price-table .button-price-table{ border-radius: 50px; } .button-primary:hover, input[type^="submit"].button-primary:hover, a.button.button-primary:hover, .woocommerce a.button.button-primary:hover, .widget_shopping_cart .buttons > a.button:not(.checkout):hover, .woocommerce .widget_shopping_cart .buttons > a.button:not(.checkout):hover, .woocommerce.widget_shopping_cart .buttons > a.button:not(.checkout):hover{ background: transparent; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled]:hover{ cursor: not-allowed; opacity: .2; } .mejs-container button, .mejs-button>button{ min-width: 0; } /*------------------------------------------ 4. MESSAGES/WARNING ------------------------------------------*/ .home .woocommerce-message{ display: none !important; } .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; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ clear: both; padding: 4px 7px; margin: 0 0 0 5px;/* rtl */ border-width: 1px; border-style: solid; } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info{ padding: 7px 20px 7px 45px !important;/* rtl */ max-width: 1176px; width: 100%; margin: 0 auto 30px; position: relative; overflow: hidden; background: transparent; border-width: 1px; border-style: solid; border-radius: 0; box-shadow: none; text-shadow: none; } .woocommerce-message li, .woocommerce .woocommerce-message li, .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce-info li, .woocommerce .woocommerce-info li{ padding: 0; } .woocommerce-message a, .woocommerce .woocommerce-message a, .woocommerce-error a, .woocommerce .woocommerce-error a, .woocommerce-info a, .woocommerce .woocommerce-info a{ text-decoration: underline; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ border-radius: 0; position: absolute; top: 7px; left: 20px; /* rtl */ width: auto; text-shadow: none; padding: 0; box-shadow: none; font-family: 'FontAwesome'; } .woocommerce-error:before, .woocommerce .woocommerce-error:before{ content: "\f057"; } .woocommerce-info:before, .woocommerce .woocommerce-info:before{ content: "\f05a"; } .woocommerce-message:before, .woocommerce .woocommerce-message:before{ content: "\f058"; } .woocommerce-info a.button, .woocommerce .woocommerce-info a.button, .woocommerce-message a.button, .woocommerce .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce .woocommerce-error a.button{ border-width: 0; min-width: 100px; padding: 0 7px; font-size: 12px; line-height: 24px; } .vc_message_box{ padding: 7px 20px 7px 45px !important;/* rtl */ max-width: 1176px; width: 100%; margin: 0 auto 30px; position: relative; overflow: hidden; } .vc_message_box.vc_message_box-outline{ border-width: 1px; border-style: solid; } .vc_message_box-icon{ left: -5px /* rtl */ } .alert{ border-width: 1px; border-style: solid; padding: 9px 15px; margin-bottom: 20px; border-radius: 0; box-shadow: none; text-shadow: none; } .search-no-results .blog-template .alert{ border-width:0; padding: 80px 50px; background: transparent; text-align: center; position: relative; color: inherit; } .search-no-results .blog-template .alert, .search-no-results .blog-template .alert p{ margin-bottom: 0; } .search-no-results .blog-template .alert:before{ display: block; font-size: 200px; line-height: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #b7b7b7; opacity: 0.1; } .search-no-results .blog-template .search-wrapper{ position: relative; margin-top: 20px; margin-bottom: 80px; } .search-no-results .blog-template .search-wrapper .search-table{ display: flex; flex-flow: row wrap; align-items: flex-end; max-width: 600px; margin: 0 auto; } .search-no-results .blog-template .search-wrapper .search-field{ flex: 1; } .search-no-results .blog-template .search-wrapper .search-field input[type="text"]{ height: 100%; width: 100%; border-width: 1px; padding: 15px 26px; } .search-no-results .blog-template .search-wrapper .search-field input[type="text"]:active, .search-no-results .blog-template .search-wrapper .search-field input[type="text"]:visited, .search-no-results .blog-template .search-wrapper .search-field input[type="text"]:focus, .search-no-results .blog-template .search-wrapper .search-field input[type="text"]:hover{ box-shadow: none; } .search-no-results .blog-template .search-wrapper .search-button input[type="submit"]{ min-width: 200px; } .search-no-results .blog-template .search-wrapper .search-button:before{ display: none; } span.wpcf7-not-valid-tip, div.wpcf7-response-output, .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info, .vc_message_box, .vc_message_box-icon>.fa{ font-size: 92%; } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info .woocommerce-message li, .woocommerce .woocommerce-message li, .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce-info li, .woocommerce .woocommerce-info li, .vc_message_box{ line-height: 24px; } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info, .mailchimp-subscription .mc4wp-success{ color: #111111; } .woocommerce-message a, .woocommerce .woocommerce-message a, .woocommerce-error a, .woocommerce .woocommerce-error a, .woocommerce-info a, .woocommerce .woocommerce-info a, .mailchimp-subscription .mc4wp-error a{ color: inherit; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .alert.alert-success:before, .mailchimp-subscription .mc4wp-success:before{ color: inherit; } .woocommerce-info, .woocommerce .woocommerce-info, .alert.alert-info, .vc_color-alert-info.vc_message_box.vc_message_box-outline { color: #0e9adb; border-color: #0e9adb; } .woocommerce-message, .woocommerce .woocommerce-message, .alert.alert-success, div.wpcf7-mail-sent-ok, .vc_color-alert-success.vc_message_box.vc_message_box-outline{ color: #6db74c; border-color: #6db74c; } .woocommerce-error, .woocommerce .woocommerce-error, .alert.alert-error, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, .vc_color-alert-danger.vc_message_box.vc_message_box-outline{ border-color: #e94b4b; color: #e94b4b; } .vc_color-alert-danger.vc_message_box, .mailchimp-subscription .mc4wp-error{ color: #e94b4b; } .alert.alert-warning, div.wpcf7-spam-blocked, .vc_color-alert-warning.vc_message_box.vc_message_box-outline{ color: #f8cf39; border-color: #f8cf39; } .vc_color-alert-success.vc_message_box{ color: #6db74c; } .vc_color-alert-info.vc_message_box{ color: #111111; } .vc_color-alert-warning.vc_message_box{ color: #f8cf39; } .alert.alert-warning:before{ color: #f8cf39; } .woocommerce-message a.button, .woocommerce .woocommerce-message a.button{ color: #77d23f; background: rgba(119, 210, 63, 0.2); } .woocommerce-message a.button:hover, .woocommerce .woocommerce-message a.button:hover{ color: #ffffff; background: rgba(119, 210, 63, 1); } .woocommerce-info a.button, .woocommerce .woocommerce-info a.button{ color: #0e9adb; background: rgba(14, 154, 219, 0.2); } .woocommerce-info a.button:hover, .woocommerce .woocommerce-info a.button:hover{ color: #ffffff; background: rgba(14, 154, 219, 1); } .woocommerce-error a.button, .woocommerce .woocommerce-error a.button{ color: #e94b4b; background: rgba(233, 75, 75, 0.2); } .woocommerce-error a.button:hover, .woocommerce .woocommerce-error a.button:hover{ color: #ffffff; background: rgba(233, 75, 75, 1); } .checkout-login-coupon-wrapper .woocommerce-info, .woocommerce .checkout-login-coupon-wrapper .woocommerce-info{ border-color: #0e9adb; color: #111111; } /*------------------------------------------ 5. BLANK PAGE ------------------------------------------*/ .page-template-blank-page-template #main-content{ padding-left: 0; padding-right: 0; } /*------------------------------------------ 6. CONTACT ------------------------------------------*/ .vc_row.contact-info-wrapper { margin-left: -30px; margin-right: -30px; } .vc_row.contact-info-wrapper > .wpb_column { padding-left: 30px; padding-right: 30px; } .office-address, .phone-numbers, .email-address, .office-address ~ .content-contact, .phone-numbers ~ .content-contact, .email-address ~ .content-contact .wpb_text_column.contact-info + .ts-social-icons{ padding-left: 45px; /* rtl */ } .content-contact, .google-map-container .information .content-contact{ margin-bottom: 15px; } .office-address, .phone-numbers, .email-address{ position: relative; } .content-contact a{ color: inherit; } .office-address ~ .content-contact, .phone-numbers ~ .content-contact, .email-address ~ .content-contact{ margin-bottom: 50px; } .office-address:before, .phone-numbers:before, .email-address:before{ position: absolute; top: -4px; left: 0; /* rtl */ font-size: 24px; line-height: 32px; } .woocommerce #reviews #review_form_wrapper .comment-form .form-submit{ text-align: right; /* rtl*/ } .wpcf7 p.submit-contact:after { content: ''; clear: both; display: table; } .wpcf7 input.wpcf7-submit{ min-width: 150px; display: inline-block; margin-top: 10px; } .wpcf7 p.submit-contact .ajax-loader, .wpcf7 p.submit-contact input.wpcf7-submit{ float: right; /* rtl */ } .wpcf7 p.submit-contact .ajax-loader{ margin-top: 25px; margin-right: 15px; /* rtl */ } div.wpcf7-response-output{ margin: 0 0 10px 0; padding: 8px 15px; border: 0; display: inline-block; width: 100%; border-width: 1px; border-style: solid; } .wpcf7-not-valid-tip{ margin-top: 5px; display: inline-block; width: 100%; } div.wpcf7-display-none{ display: none; } div.wpcf7 img.ajax-loader{ margin: 5px 0 5px 10px; } /*------------------------------------------ 7. GALLERY ------------------------------------------*/ 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: 250ms 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{ font-weight: normal !important;/* default */ display:inline-block; letter-spacing:0; position: relative; z-index: 110; margin: 0 !important; transition: 250ms ease 0s; width: 100%; } .tp-bullets.tp-thumbs .thumb{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .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%; } /*** [TS] GALLERY ***/ .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; display: inline-block; 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%; } /*** [VC] IMAGE GRID ***/ .wpb_image_grid .wpb_image_grid_ul{ margin-left: -6px; margin-right: -6px; } .wpb_image_grid .wpb_image_grid_ul .isotope-item{ padding: 6px; margin: 0; border: 0; } /*------------------------------------------ 8. IMAGE EFFECT ------------------------------------------*/ .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; } /*------------------------------------------ 9. LOADING ------------------------------------------*/ .thumbnail-wrapper.lazy-loading .product-group-button, .thumbnail-wrapper.lazy-loading:before{ display: none !important; } .woocommerce .product figure.loading, .ts-product .content-wrapper.loading, div.product > .vc_row.loading{ max-height: 490px; } .single-portfolio .thumbnails.loading, .ts-product-category-wrapper .content-wrapper.loading, .single-product-top-thumbnail-slider.loading, .vc_row.loading, .column-products.loading, .has-background-content .column-products.loading{ height: 558px; } .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, .vertical-thumbnail .images-thumbnails .thumbnails.loading, .ts-portfolio-wrapper.loading, .ts-team-members .loading{ height: 300px; } .images.loading, .ts-blogs-widget .ts-blogs-widget-wrapper.loading, .ts-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .blogs article a.gallery.loading, .ts-testimonial-wrapper .items.loading, .ts-twitter-slider .items.loading, .ts-instagram-wrapper.loading{ height: 200px; } .footer-container .blogs.item-list article a.gallery.loading{ height: 73px; } .thumbnails-container.loading, .thumbnails.loading, .widget-container .gallery.loading figure{ height: 110px; } .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, .single-product-top-thumbnail-slider.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; } .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 > *, .vc_row.loading > *, .thumbnails-container.loading > *, .single-product-top-thumbnail-slider.loading > *, .images-slider-wrapper .image-items.loading > *, .ts-instagram-wrapper.loading > *, .column-products.loading > *, .image-gallery.loading > *, .ts-team-members .loading > *, .woocommerce #respond input#submit.loading > *, .product-group-button .button-in > a.loading > *, .loop-add-to-cart a.button.loading > *, .wishlist_table .product-add-to-cart a.button.loading > *, body table.compare-list .add-to-cart td a.loading > *, .meta-wrapper .product-group-button-meta > div > a.loading > *, .ts-popup-modal.loading .popup-container, .infinity-scroll .ts-shop-load-more.loading > *{ visibility: hidden; opacity: 0; } .wishlist_table .product-add-to-cart a.button{ transition: background 600ms ease, color 600ms ease; } .wishlist_table .product-add-to-cart a.button.loading{ font-size: 0; } .images.loading:after, figure.gallery.loading:after, .ts-product .content-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget .ts-products-widget-wrapper.loading:after, .ts-blogs-widget .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .ts-twitter-slider .items.loading:after, article .thumbnail.loading:after, .ts-portfolio-wrapper.loading:after, .thumbnails.loading:after, .widget-container .gallery.loading figure:after, .ts-product-category-wrapper .content-wrapper.loading:after, .vc_row.loading:after, .thumbnails-container.loading:after, .single-product-top-thumbnail-slider.loading:after, .images-slider-wrapper .image-items.loading:after, .ts-instagram-wrapper.loading:after, .column-products.loading:after, .image-gallery.loading:after, #cboxLoadingGraphic:after, .ts-team-members .loading:after, .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:before, .woocommerce #respond input#submit.loading::after, .ts-popup-modal.loading .overlay:before, .product-group-button > div > a.loading:before, .product-group-button > div a.add_to_wishlist.loading:before, .entry-meta-top .meta-right > span.ts-post-like-button.loading > .icon:before, .portfolio-inner .icon-group a.loading:before, .meta-wrapper .product-group-button-meta > div a.loading:before, .loop-add-to-cart a.button.loading:before, .wishlist_table .product-add-to-cart a.button.loading:before, body table.compare-list .add-to-cart td a.loading:before, div.blockUI.blockOverlay:before, div.product .summary .yith-wcwl-add-to-wishlist a.loading:before, div.product .summary a.compare.loading:before, .ts-sidebar-content.ts-search-by-category .search-content.loading + .search-button:before, .infinity-scroll .ts-shop-load-more.loading:before, .archive.ajax-pagination .woocommerce > .products.loading:before, .load-more-wrapper.loading .load-more:before, .load-more-button .ts-shop-load-more.loading .button:before, .ts-shortcode .load-more-wrapper .load-more.loading:before, .portfolio-info.like-button .portfolio-like .ic-like.loading:before, .dropdown-container ul.cart_list li.loading:before{ font-family: themify; content: "\e619" !important; font-weight: normal; letter-spacing: 0; width: 50px; height: 50px; line-height: 50px; position: absolute !important; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; text-align: center; background: transparent !important; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 9; } .images.loading:after, figure.gallery.loading:after, .ts-product .content-wrapper.loading:after, .ts-logo-slider-wrapper.loading .content-wrapper:after, .related-posts.loading .content-wrapper:after, .woocommerce .product figure.loading:after, .ts-products-widget .ts-products-widget-wrapper.loading:after, .ts-blogs-widget .ts-blogs-widget-wrapper.loading:after, .ts-recent-comments-widget .ts-recent-comments-widget-wrapper.loading:after, .blogs article a.gallery.loading:after, .ts-blogs-wrapper.loading .content-wrapper:after, .ts-testimonial-wrapper .items.loading:after, .ts-twitter-slider .items.loading:after, article .thumbnail.loading:after, .ts-portfolio-wrapper.loading:after, .thumbnails.loading:after, .widget-container .gallery.loading figure:after, .ts-product-category-wrapper .content-wrapper.loading:after, .vc_row.loading:after, .thumbnails-container.loading:after, .single-product-top-thumbnail-slider.loading:after, .images-slider-wrapper .image-items.loading:after, .ts-instagram-wrapper.loading:after, .column-products.loading:after, .image-gallery.loading:after, #cboxLoadingGraphic:after, .ts-team-members .loading:after, .ts-tiny-cart-wrapper ul li div.blockUI.blockOverlay:before, .woocommerce #respond input#submit.loading::after, .ts-popup-modal.loading .overlay:before, div.blockUI.blockOverlay:before, .woocommerce .blockUI.blockOverlay::before, .dropdown-container ul.cart_list li.loading:before, .archive.ajax-pagination .woocommerce > .products.loading:before{ font-size: 30px; } #cboxLoadingOverlay, #cboxLoadingGraphic{ background: transparent !important; } .thumbnail-wrapper.lazy-loading .product-group-button, .thumbnail-wrapper.lazy-loading:before, .product-group-button .button-in div.blockUI.blockOverlay, .meta-wrapper .product-group-button-meta div.blockUI.blockOverlay{ display: none !important; } .ts-sidebar-content.ts-search-by-category .search-content.loading + .search-button:before{ opacity: 1; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { display: none; } .load-more-wrapper .load-more{ transition: 340ms ease 0s; } .load-more-wrapper.loading .load-more{ position: relative; padding-left: 40px; /* rtl */ } .load-more-wrapper.loading .load-more:before, .ts-shortcode .load-more-wrapper .load-more.loading:before{ display: inline-block; float: none; position: static !important; width: 24px; height: 24px; line-height: 24px; } .archive.ajax-pagination .woocommerce > .products.loading:after, .dropdown-container ul.cart_list li.loading:after{ top: 0; left: 0; right: 0; bottom: 20px; z-index: 4; display: block; opacity: 0.8; 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; } .archive.ajax-pagination .woocommerce > .products.loading:after{ left: 10px; right: 10px; bottom: 40px; } figure.gallery.loading{ background: rgba(150,150,150,.2); } /*------------------------------------------ 10. Z-INDEX ------------------------------------------*/ .verticle-group-icon{ z-index: 98; } .ts-header .header-transparent{ z-index: 99; } body .tp-bullets, .cloud-zoom-wrap, .ts-header .menu-wrapper nav > ul li ul.sub-menu ul.sub-menu{ z-index: 990; } .woocommerce div.product .images .product-label { z-index: 991; } .woocommerce .blockUI.blockOverlay { z-index: 992 !important; } #ts-search-result-container, .header-sticky, .ts-header .menu-wrapper nav > ul > li:hover, .ts-header .menu-wrapper nav > ul > li:hover{ z-index: 993; } .ts-header .search-wrapper.active .search-table{ z-index: 994; } div.product .summary .single-navigation > div{ z-index: 996; } .ts-floating-sidebar.active .overlay, .ts-floating-sidebar .ts-sidebar-content{ z-index: 997; } .ts-floating-sidebar .close, .ts-header .menu-wrapper ul.sub-menu, .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .wcml_currency_switcher > ul, .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .my-account-wrapper .account-control{ z-index: 999; } #page.menu-mobile-active:before{ z-index: 100000; } #page.menu-mobile-active .mobile-menu-wrapper .menu-main-mobile, #page.menu-mobile-active .ts-header-social-icons{ z-index: 100001; } /*------------------------------------------------------------------------------------------------- III. FOOTER ---------------------------------------------------------------------------------------------------*/ .footer-container .widget-container .widget-title-wrapper{ margin-bottom: 10px; } .footer-container .widget-container .widget-title, .footer-container .shortcode-heading-wrapper .widget-title{ padding: 0; border-width: 0; display: block; font-weight: 700; } .footer-container .ts-blogs.item-grid .blogs .item, .footer-container .ts-blogs.ts-masonry .blogs .item{ margin-bottom: 30px; } .footer-container .ts-blogs .heading-title.entry-title.h5, .footer-container .ts-blogs .heading-title.entry-title.h5 > a{ font-size: 100%; font-weight: 400; line-height: inherit; } .footer-container .ts-blogs .thumbnail-content .owl-controls{ display: none; } .footer-container .wpb_text_column img.alignnone { margin: 0; } .ts-footer-block .widget-container ul li > a:hover{ text-decoration: underline; } .widget-container ul.list-item, .widget ul.list-item{ width: 100%; overflow: hidden; margin-bottom: 10px } .footer-container .ts-social-icons .social-icons{ color: inherit; } footer ul li{ list-style: none; } footer ul li > a{ text-decoration: none; } ul.info-content li{ position: relative; list-style: none; padding: 4px 0; } ul.info-content li:before{ font-weight: normal; font-size: 16px; position: relative; letter-spacing: 0; display: inline-block; vertical-align: baseline; line-height: 24px; margin-right: 8px;/* rtl */ } footer .wpb_text_column ul.info-content{ margin-top: -8px; } body .bg-position-bottom{ background-position: bottom center !important; } body .bg-position-right{ background-position: right center !important; } footer .wpb_content_element, .footer-container .widget-container, .footer-container .ts-instagram-shortcode .ts-instagram-wrapper, .footer-container .ts-blogs{ margin-bottom: 30px; } .footer-container .vc_custom_heading, .footer-container .vc_col-sm-4 .widget-container.mailchimp-subscription .widget-title{ margin-bottom: 10px; letter-spacing: 0.4px; font-weight: bold; } .footer-container .ts-instagram-shortcode .ts-instagram-wrapper { margin-top: -2px; } .ts-mailchimp-subscription-shortcode.style-2 .widget-title:after{ display: none; } .footer-container .ts-blogs.item-list .blogs .item{ padding: 0; } .footer-container .ts-blogs.item-list .blogs .item{ background: transparent; } .footer-container .ts-blogs.item-list .thumbnail-content{ width: 38%; } .footer-container .ts-blogs.item-list .thumbnail-content, .footer-container .ts-blogs.item-list .entry-content{ vertical-align: top; } .footer-container .ts-blogs.item-list .entry-content{ padding: 0 0 0 20px; /* rtl */ } .footer-container .ts-blogs .entry-content > *:not(:last-child) { margin-bottom: 5px; } .footer-container .ts-blogs .heading-title.entry-title{ color: inherit; font-family: inherit; font-size: 100%; line-height: 1.5; font-weight: 400; } .footer-watch > .wpb_column:first-child > .wpb_wrapper{ max-width: 305px; } /*** To Top Button ***/ #to-top{ position: fixed; right: 0; /* rtl */ bottom: 0; transform: scale(0,0); width: 50px; height: 50px; display: inline-block; transition: 250ms ease 0s; text-align: center; cursor: pointer; border-radius: 100%; display: block !important; z-index: 999; 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; background: #111111; color: #ffffff; } #to-top a:before{ font-weight: normal; letter-spacing: 0; font-size: 16px; line-height: 50px; } #to-top a:hover{ text-decoration: none; opacity: 1; } #to-top.on{ transform: scale(1,1); } /*------------------------------------------------------------------------------------------------- IV. WIDGET ---------------------------------------------------------------------------------------------------*/ .widget-container { margin: 0 0 30px 0; clear: both; position: relative; } .widget-title-wrapper .block-control{ display: none; } #left-sidebar .widget-container, #right-sidebar .widget-container{ margin: 0 0 53px 0; } #left-sidebar .widget-container:last-child, #right-sidebar .widget-container:last-child, .widget-container ul{ margin-bottom: 0; } .widget-container .widget-title-wrapper, .widget-title-wrapper{ margin-bottom: 40px; } .widget_tag_cloud .widget-title-wrapper{ margin-bottom: 30px; } .ts-floating-sidebar .widget-container .widget-title-wrapper, .ts-floating-sidebar .widget-title-wrapper{ margin-bottom: 30px; } .ts-floating-sidebar .widget_categories, .ts-floating-sidebar .widget_archive, .ts-floating-sidebar .widget_meta, .ts-floating-sidebar .widget_pages, .ts-floating-sidebar .widget_recent_comments, .ts-floating-sidebar .widget_recent_entries, .ts-floating-sidebar .widget_nav_menu, .ts-floating-sidebar .widget_rss, .ts-floating-sidebar .widget_display_views, .ts-floating-sidebar .widget_products, .ts-floating-sidebar .widget_shopping_cart, .ts-floating-sidebar .widget_recent_reviews, .ts-floating-sidebar .widget_product_categories, .ts-floating-sidebar .widget_top_rated_products, .ts-floating-sidebar .widget_recently_viewed_products, .ts-floating-sidebar .widget-container.ts-blogs-widget, .ts-floating-sidebar .widget-container.ts-products-widget, .ts-floating-sidebar .widget-container.yith-woocompare-widget, .ts-floating-sidebar .ts-product-categories-widget { margin-bottom: 38px; } .ts-floating-sidebar .widget_categories .widget-title-wrapper, .ts-floating-sidebar .widget_archive .widget-title-wrapper, .ts-floating-sidebar .widget_meta .widget-title-wrapper, .ts-floating-sidebar .widget_pages .widget-title-wrapper, .ts-floating-sidebar .widget_recent_comments .widget-title-wrapper, .ts-floating-sidebar .widget_recent_entries .widget-title-wrapper, .ts-floating-sidebar .widget_nav_menu .widget-title-wrapper, .ts-floating-sidebar .widget_rss .widget-title-wrapper, .ts-floating-sidebar .widget_display_views .widget-title-wrapper, .ts-floating-sidebar .widget_product_categories .widget-title-wrapper, .ts-floating-sidebar .widget-container.yith-woocompare-widget .widget-title-wrapper, .ts-floating-sidebar .ts-product-categories-widget .widget-title-wrapper, .ts-floating-sidebar .woocommerce-widget-layered-nav .widget-title-wrapper, .ts-floating-sidebar .widget-container.product-filter-by-brand .widget-title-wrapper { margin-bottom: 27px; } /*end fix sidebar*/ .ts-sidebar .widget-container.has-nav .widget-title-wrapper{ padding-right: 70px; } .ts-sidebar .widget-container .widget-title, article.single .theme-title .heading-title, article.single .heading-wrapper .heading-title, .single-portfolio .shortcode-heading-wrapper .heading{ display: inline-block; border-bottom: 2px solid; padding-bottom: 2px; margin-bottom: 0; } .ts-sidebar.dropdown-filter .widget-container .widget-title{ border-width: 0; } .widget-container ul > li a:hover{ text-decoration: none; } .ts-sidebar .widget_categories, .ts-sidebar .widget_archive, .ts-sidebar .widget_meta, .ts-sidebar .widget_pages, .ts-sidebar .widget_recent_comments, .ts-sidebar .widget_recent_entries, .ts-sidebar .widget_nav_menu, .ts-sidebar .widget_rss, .ts-sidebar .widget_display_views, .ts-sidebar .widget_products, .ts-sidebar .widget_shopping_cart, .ts-sidebar .widget_recent_reviews, .ts-sidebar .widget_product_categories, .ts-sidebar .widget_top_rated_products, .ts-sidebar .widget_recently_viewed_products, .ts-sidebar .widget-container.ts-blogs-widget, .ts-sidebar .widget-container.ts-products-widget, .ts-sidebar .widget-container.yith-woocompare-widget, .ts-sidebar .ts-product-categories-widget { margin-bottom: 48px; } .widget_categories .widget-title-wrapper, .widget_archive .widget-title-wrapper, .widget_meta .widget-title-wrapper, .widget_pages .widget-title-wrapper, .widget_recent_comments .widget-title-wrapper, .widget_recent_entries .widget-title-wrapper, .widget_nav_menu .widget-title-wrapper, .widget_rss .widget-title-wrapper, .widget_display_views .widget-title-wrapper, .widget_product_categories .widget-title-wrapper, .widget-container.yith-woocompare-widget .widget-title-wrapper, .ts-product-categories-widget .widget-title-wrapper, .woocommerce-widget-layered-nav .widget-title-wrapper, .widget-container.product-filter-by-brand .widget-title-wrapper { margin-bottom: 37px; } .widget_categories li, .widget_archive li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_nav_menu li, .widget_rss li, .widget_display_views li, .widget_shopping_cart .widget_shopping_cart_content li, .woocommerce.widget_products li, .woocommerce.widget_recent_reviews li, .woocommerce.widget_product_categories li, .woocommerce.widget_top_rated_products li, .woocommerce.widget_recently_viewed_products li, .widget-container.ts-blogs-widget li, .widget-container.ts-products-widget li, .widget-container.yith-woocompare-widget li, .ts-product-categories-widget li, .product-filter-by-brand li { list-style: none; } .widget_categories > ul > li, .widget_archive > ul > li, .widget_meta > ul > li, .widget_pages > ul > li, .widget_recent_comments > ul > li, .widget_recent_entries > ul > li, .widget_nav_menu ul.menu > li, .widget_rss > ul > li, .widget_display_views > ul > li, .woocommerce.widget_product_categories ul.product-categories > li, .widget-container.ts-blogs-widget ul.post_list_widget > li, .widget-container.yith-woocompare-widget ul.products-list > li, .ts-product-categories-widget ul.product-categories > li, .product-filter-by-brand ul.product-categories > li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce .widget-container.product-filter-by-brand .product-filter-by-brand-wrapper > ul > li{ margin: 0 0 17px 0; padding: 0 0 15px 0; position: relative; border-width: 0 0 1px; border-style: solid; } .widget_categories ul.product-categories li.cat-parent, .ts-product-categories-widget ul.product-categories li.cat-parent{ position: relative; } .widget_categories ul.product-categories li.cat-parent > a, .ts-product-categories-widget ul.product-categories li.cat-parent > a{ padding-right: 25px; /* rtl */ } .widget_archive select[name="archive-dropdown"], .widget_categories select[name="cat"]{ margin-top: 3px; margin-bottom: 5px; } .widget_categories > ul > li:last-child, .widget_archive > ul > li:last-child, .widget_meta > ul > li:last-child, .widget_pages > ul > li:last-child, .widget_recent_comments > ul > li:last-child, .widget_recent_entries > ul > li:last-child, .widget_nav_menu ul.menu > li:last-child, .widget_rss > ul > li:last-child, .widget_display_views > ul > li:last-child, .woocommerce.widget_product_categories ul.product-categories > li:last-child, .widget-container.ts-blogs-widget ul.post_list_widget > li:last-child, .widget-container.yith-woocompare-widget ul.products-list > li:last-child, .ts-product-categories-widget ul.product-categories > li:last-child, .product-filter-by-brand ul.product-categories > li:last-child, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .woocommerce .widget-container.product-filter-by-brand .product-filter-by-brand-wrapper > ul > li:last-child{ border-width: 0; padding-bottom: 0; margin-bottom: 0; } /*------------------------------------------ 1. WIDGET TEXT ------------------------------------------*/ .widget-container.widget_text p:last-child{ margin-bottom: 0; } .widget-container.widget_text .widget-title-wrapper{ margin-bottom: 35px; } /*------------------------------------------ 2. WIDGET SEARCH ------------------------------------------*/ .widget_product_search .widget-title-wrapper, .widget_search .widget-title-wrapper, .widget_display_search .widget-title-wrapper{ margin-bottom: 30px; } .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{ position: relative; } .widget_display_search > form input[type="submit"], .widget_product_search > form button, .widget_search > form 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: 46px; } .widget_display_search > form > div:before, .widget_search > form .search-button:before, .widget_product_search > form:before, form .search-button:before, body .select2-search--dropdown:before{ position: absolute; top: 0; right: 0; /* rtl */ font-size: 20px; width: 34px; height: 34px; line-height: 34px; transition: color 250ms ease 0s; display: block; text-align: right; /* rtl */ } body .select2-search--dropdown:before{ top: 3px; right: 0; /* rtl */ text-align: center; /* rtl */ } /*------------------------------------------ 3. WIDGET CATEGORIES ------------------------------------------*/ .widget_categories > ul, .ts-product-categories-widget > ul{ margin-bottom: 0; } .widget_categories > ul li span.icon-toggle, .ts-product-categories-widget > ul li span.icon-toggle{ display: none; } .widget_categories > ul li.cat-parent > span.icon-toggle, .ts-product-categories-widget > ul li.cat-parent > span.icon-toggle{ position: absolute; right: 0; /* rtl */ top: 2px; z-index: 2; display: inline-block; width: 20px; height: 20px; text-align: right; /* rtl */ line-height: 20px; cursor: pointer; } .widget_categories > ul ul li.cat-parent > span.icon-toggle, .ts-product-categories-widget > ul ul li.cat-parent > span.icon-toggle{ top: 5px; } .widget_categories > ul li.cat-parent, .ts-product-categories-widget > ul li.cat-parent{ position: relative; } .widget_categories > ul li.cat-parent > span.icon-toggle:before, .ts-product-categories-widget > ul li.cat-parent > span.icon-toggle:before{ font-weight: normal; letter-spacing: 0; display: inline-block; font-size: 12px; } .ts-sidebar .ts-product-categories-widget .ts-product-categories-widget{ margin-bottom: 0; } /*------------------------------------------ 4. WIDGET INSTAGRAM ------------------------------------------*/ .widget-container.ts-instagram-widget{ margin-bottom: 38px; } .ts-instagram-shortcode .ts-instagram-widget{ margin-bottom: 0; } .ts-instagram-shortcode .heading-title{ padding: 0; border-width: 0; width: auto; } .style-default > .heading:after, .title-default .shortcode-heading-wrapper .heading-title:after{ display: none; } .ts-instagram-shortcode .widget-title-wrapper, .vc_row[data-vc-stretch-content="true"] .fullwidth-padding .widget-title-wrapper{ margin-bottom: 30px; } .vc_row[data-vc-stretch-content="true"] .widget-title-wrapper{ margin-bottom: 50px; } .ts-instagram-wrapper{ overflow: hidden; } .ts-instagram-wrapper > .item{ float: left; /* rtl */ position: relative; overflow: hidden; } .ts-instagram-shortcode.has-margin .ts-instagram-wrapper, #left-sidebar .ts-instagram-wrapper, #right-sidebar .ts-instagram-wrapper{ margin: -10px -10px 0 -10px; } .ts-instagram-shortcode.has-margin .ts-instagram-wrapper > .item, #left-sidebar .ts-instagram-wrapper > .item, #right-sidebar .ts-instagram-wrapper > .item{ padding: 10px; } .ts-instagram-shortcode .ts-instagram-wrapper.ts-slider{ margin: 0 !important; } .ts-instagram-wrapper.ts-slider .item{ padding: 0 !important; } .ts-instagram-wrapper.columns-1 .item{ width: 100% } .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 .item > a{ position: relative; display: block; overflow: hidden; } .ts-instagram-wrapper .item > a:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: 400ms ease; } .ts-instagram-wrapper .item > a:hover:after{ opacity: 0.7; visibility: visible; } .ts-instagram-wrapper .item > a img{ transition: 400ms ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-instagram-wrapper .item > a:hover img{ transform: scale(1.2,1.2); } /*------------------------------------------ 4. WIDGET FLICKR ------------------------------------------*/ .widget-container.ts-flickr-widget{ margin-bottom: 38px; } .ts-flickr-wrapper{ overflow: hidden; margin: -10px; } .ts-flickr-wrapper > .item{ padding: 10px; float: left; /* rtl */ position: relative; } .ts-flickr-wrapper.columns-1 .item{ width: 100% } .ts-flickr-wrapper.columns-2 .item{ width: 50%; } .ts-flickr-wrapper.columns-3 .item{ width: 33.33334%; } .ts-flickr-wrapper.columns-4 .item{ width: 25%; } .ts-flickr-wrapper.columns-5 .item{ width: 20%; } .ts-flickr-wrapper.columns-6 .item{ width: 16.66667%; } .ts-flickr-wrapper .item > a{ position: relative; display: block; overflow: hidden; } .ts-flickr-wrapper .item > a:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: 400ms ease; } .ts-flickr-wrapper .item > a:hover:after{ opacity: 0.7; visibility: visible; } .ts-flickr-wrapper .item > a img{ width: 100%; transition: 400ms ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-flickr-wrapper .item > a:hover img{ transform: scale(1.2,1.2); } /*------------------------------------------ 5. WIDGET CALENDAR ------------------------------------------*/ #calendar_wrap{ overflow: auto; } .widget_calendar table{ border-width: 0; margin-bottom: 0; } body .widget_calendar table td, body .widget_calendar table th{ border-width: 0 !important; padding: 12px 0; text-align: center; background: transparent; } .widget_calendar caption{ padding: 12px 0; text-align: center; text-transform: uppercase; } .widget_calendar td#prev{ text-align: left; /* rtl */ padding-left: 5px; } .widget_calendar td#next{ text-align: right; /* rtl */ padding-right: 5px; } .widget_calendar #today{ border: none; } /*------------------------------------------ 6. WIDGET NAV MENU ------------------------------------------*/ .widget_nav_menu .menu-categories-container > ul > li{ margin: 0 0 16px 0; padding: 0 0 14px 0; } .widget_nav_menu ul li{ position: relative; } .widget_nav_menu ul li .ts-menu-drop-icon{ display: none; } .widget_nav_menu .menu-categories-container > ul > li:last-child{ padding-bottom: 0; margin-bottom: 0; } .ts-nav-menu-widget ul li{ list-style: none; } /*------------------------------------------ 7. WIDGET RECENT COMMENTS ------------------------------------------*/ .widget_recent_comments ul li{ list-style: none; } .widget_recent_comments > ul > li{ position: relative; padding-left: 26px; } .widget_recent_comments > ul > li:before{ font-weight: normal; letter-spacing: 0; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; } #left-sidebar .widget-container.widget_recent_comments ul li, #left-sidebar .widget-container.ts-recent-comments-widget ul li, #right-sidebar .widget-container.widget_recent_comments ul li, #right-sidebar .widget-container.ts-recent-comments-widget ul li{ color: inherit; } .comment-author-link a{ color: inherit; } /*------------------------------------------ 8. WIDGET RSS ------------------------------------------*/ .widget_rss ul li{ list-style: none; } .widget_rss > ul > li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget_rss a.rsswidget img{ display: inline-block; vertical-align: baseline; margin-right: 5px; } .widget_rss ul li .rsswidget, .widget_rss ul li .rss-date, .widget_rss ul li .rssSummary, .widget_rss ul li cite{ display: block; margin-bottom: 7px; } .widget_rss ul li cite{margin-bottom: 0;} .widget_rss ul li cite, .widget_rss ul li .rss-date, .widget_rss ul li .rssSummary{ font-size: 14px; } /*------------------------------------------ 9. WIDGET TS RECENT COMMENTS ------------------------------------------*/ .widget-container.ts-recent-comments-widget{ margin-bottom: 43px; } .comment_list_widget .comment-body{ border: 0; margin: 0; padding: 0; position: relative; font-style: normal; min-height: 0; background: transparent; } .widget-container .comment_list_widget > li{ margin: 12px 0 12px 0; padding: 0; clear: both; display: inline-block; width: 100%; position: relative; } .widget-container .comment_list_widget > li:first-child{ margin-top: 0; } .widget-container .comment_list_widget > li:last-child{ margin-bottom: 0; } .widget-container .comment_list_widget{ margin-bottom: 0; } .comment_list_widget .comment-meta{ display: table; } .comment_list_widget .comment-meta > div{ display: table-cell; vertical-align: middle; } .comment_list_widget .avatar-wrapper{ width: 75px; } .comment_list_widget .avatar { width: 60px; max-width: 60px; border-radius: 50%; } .comment_list_widget .avatar > a{ position: relative; } .comment_list_widget .meta .author, .comment_list_widget .meta .date-time{ margin-top: 6px; margin-bottom: 10px; } .comment_list_widget .meta .author{ display: block; } .comment_list_widget .meta .author a{ text-decoration: none; } .comment_list_widget blockquote{ clear: both; text-align: left; /* rtl */ } .comment-meta .date-time { text-transform: none; } .comment_list_widget .date-time, .woocommerce-review__published-date, .comments-area .commentlist .comment-meta .date-time, .widget_recent_comments .recentcomments{ font-size: 90%; letter-spacing: 0; } .comment_list_widget .comment-body{ font-size: 95%; } .comment-meta .meta span.author a{ font-style: normal; } .ts-recent-comments-widget-wrapper .comment-meta .meta>span{ display: inline-block; } .ts-recent-comments-widget-wrapper .comment-meta .meta span.author{ margin-right: 5px; } .ts-recent-comments-widget-wrapper .comment_list_widget .comment-meta > div{ display: table-cell; vertical-align: top; } .widget-container .ts-recent-comments-widget-wrapper .comment_list_widget > li:before{ display: none; } .widget-container.ts-recent-comments-widget .comment_list_widget > li:last-child{ margin-bottom: 0; } /*------------------------------------------ 10. WIDGET TAG CLOUND ------------------------------------------*/ .widget_tag_cloud{ margin-bottom: 37px; } .tags-link, .tagcloud{ overflow: hidden; } .tagcloud{ margin-left: -9px; margin-right: -9px; } .cats-link a, .tags-link a, .tagcloud a{ margin: 0 9px; display: inline-block; position: relative; } .tagcloud a{ margin: 10px 9px; } .cats-link a:before, .cats-link a:after, .tags-link a:before, .tags-link a:after, .tagcloud a:before, .tagcloud a:after{ content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0;/* rtl */ border-width: 0 0 4px 0; border-style: solid; transition: 340ms ease 0s; } .cats-link a:after, .tags-link a:after, .tagcloud a:after{ width: 0; } .cats-link a:hover:after, .tagcloud a:hover:after, .tags-link a:hover:after{ width: 100%; } .cats-link a, .tagcloud a, .tag-links a, .tags-link a{ color: inherit; text-decoration: none; } .single-post .entry-meta-bottom .cats-link a, .single-post .entry-meta-bottom .tags-link a{ margin-left: 0; /* rtl */ margin-bottom: 5px; } /*------------------------------------------ 11. WIDGET CART ------------------------------------------*/ .widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0;/* rtl */ position: relative; padding-right: 20px;/* rtl */ } .shopping-cart-wrapper li .cart-item-wrapper *, .widget_shopping_cart .cart_list li *, .woocommerce .widget_shopping_cart .cart_list li *, .woocommerce.widget_shopping_cart .cart_list li *{ line-height: 24px; } .widget_shopping_cart .cart_list .quantity{ margin-top: 5px; display: inline-block; } .widget_shopping_cart ul.cart_list li img, .woocommerce .widget_shopping_cart ul.cart_list li img{ float: left;/* rtl */ margin: 0 20px 0 0;/* rtl */ width: 80px; } .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-width: 1px 0 0 0; border-style: solid; padding: 15px 0 0; font-weight: 700; text-align: center; margin: 0 0 15px 0; } /*------------------------------------------ 12. WIDGET SUBSCRIBLE ------------------------------------------*/ /*------------------------------------------ 13. WIDGET PRODUCTS ------------------------------------------*/ .widget-container.woocommerce .ts-wg-meta > .price, .widget-container.ts-products-widget .ts-wg-meta > .price{ margin: 5px 0; display: inline-block; } .widget_product_categories > .select2.select2-container{ margin: 3px 0 10px; } .vc_col-sm-6 .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail, .vc_col-sm-6 .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail { width: 180px; padding-right: 30px; } .widget-container.widget_top_rated_products .product_list_widget li .ts-wg-meta > a, .widget-container.widget_products .product_list_widget li .ts-wg-meta > a{ margin-bottom: 5px; } /*------------------------------------------ 14. WIDGET FILTER BY BRAND ------------------------------------------*/ .product-filter-by-brand li{ position: relative; list-style: none; } .product-filter-by-brand input[type^="checkbox"]{ display: none; } .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 */ } /*------------------------------------------ 15. WIDGET FILTER BY COLOR ------------------------------------------*/ .ts-product-attribute:after, .product-filter-by-color ul:after{ display: table; content: ""; clear: both; } .ts-product-attribute, .product-filter-by-color ul{ margin-left: -10px; margin-right: -10px; line-height: 0; padding: 0; } .product-filter-by-color ul > li{ position: relative; list-style: none; } .ts-product-attribute > div, .product-filter-by-color ul > li{ border-radius: 100%; display: inline-block; margin: 0 10px; } .ts-product-attribute > div img{ max-width: 100%; width: 36px; height: 36px; position: absolute; top: 0; left: 0; border-radius: 100%; } .product-filter-by-color ul > li > a, .ts-product-attribute > div > a{ width: 36px; height: 36px; line-height: 36px; font-size: 90%; text-align: center; border-radius: 100%; display: block; cursor: pointer; transition: 400ms ease 0s; position: relative; box-shadow: 0 0 0 2px rgba(17,17,17,0); } .product-filter-by-color ul > li > a span, .product-filter-by-color ul > li > a img{ display: block; width: 100%; height: 100%; font-size: 0; line-height: 0; border-radius: 100%; } .ts-product-attribute > div:not(.color) > a{ background: rgba(155,155,155,0.2); } .product-filter-by-color ul > li > a:hover, .product-filter-by-color ul > li.chosen > a, .ts-product-attribute > div:hover > a, .ts-product-attribute > div.selected > a{ box-shadow: 0 0 0 2px rgba(17,17,17,1); } .product-filter-by-color ul > li.chosen > a:hover, .ts-product-attribute > div.selected > a:hover{ cursor: default; } .product-filter-by-color ul li small.count{ display: none; } .product-filter-by-brand-wrapper > ul > li.selected label:before, .product-filter-by-availability-wrapper > ul > li > input[checked="checked"] + label:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{ font-size: 14px; margin-right: 10px; transition: 250ms ease; } .product-filter-by-availability-wrapper > ul > li > input[checked="checked"] + label:before, .product-filter-by-brand-wrapper > ul > li.selected label:hover:before{ cursor: pointer; } /*------------------------------------------ 16. WIDGET FILTER BY ATTRIBUTE ------------------------------------------*/ .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 0; } body .select2-container--default .select2-selection--single .select2-selection__arrow{ width: auto; margin-top: -17px; } body .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{ margin-top: -12px; } body .select2-container--default .select2-selection--single .select2-selection__clear { float: left; /* rtl */ margin-right: 5px; /* rtl */ } /*------------------------------------------ 17. WIDGET FILTER BY AVAILABILITY ------------------------------------------*/ .product-filter-by-availability li{ position: relative; list-style: none; } .product-filter-by-availability input[type^="checkbox"]{ display: none; } .product-filter-by-availability li > *{ display: inline; } .product-filter-by-availability ul li label{ padding-bottom: 0; cursor: pointer; } .product-filter-by-availability .product-filter-by-availability-wrapper > ul{ margin-bottom: 0; } .product-filter-by-availability .product-filter-by-availability-wrapper > ul ul{ margin: 10px 0 2px 20px;/* rtl */ } /*------------------------------------------ 18. WIDGET FILTER BY RATING ------------------------------------------*/ .woocommerce .widget_rating_filter ul li{ padding: 6px 0; } .woocommerce .widget_rating_filter ul li a{ display: inline-block; } .woocommerce .widget_rating_filter ul li.chosen a::before{ line-height: 24px; } .woocommerce .widget_rating_filter li.wc-layered-nav-rating .star-rating { margin-bottom: 0; vertical-align: middle; } /*------------------------------------------ 21. WIDGET RECENT REVIEWS ------------------------------------------*/ .woocommerce.widget_recent_reviews ul.product_list_widget > li{ position: relative; padding: 10px 0 25px 90px;/* rtl */ } .woocommerce.widget_recent_reviews ul.product_list_widget li > a:after{ content: ''; } .woocommerce.widget_recent_reviews ul.product_list_widget li img{ width: 75px; position: absolute; top: 0; left: 0;/* rtl */ } /*------------------------------------------ 22. WIDGET RECENT POSTS ------------------------------------------*/ .widget-container.ts-blogs-widget ul.post_list_widget > li{ list-style: none; margin: 0 0 30px 0; padding: 0 0 28px 0; } .widget-container.ts-blogs-widget .thumbnail, .widget-container.ts-blogs-widget .ts-soundcloud, .widget-container.ts-blogs-widget .ts-video{ margin-bottom: 15px; display: block; } .widget-container.ts-blogs-widget .entry-meta-top{ margin-bottom: 20px; } .widget-container.ts-blogs-widget .entry-meta-top .meta-right{ padding-right: 1px; /* rtl */ } .widget-container.ts-blogs-widget .entry-meta-top .meta-right .number { line-height: 20px; width: 20px; height: 20px; } .widget-container.ts-blogs-widget .meta-right > span.comment-count:before, .widget-container.ts-blogs-widget .entry-meta-top .meta-right > span.ts-post-like-button .icon:before{ margin-right: 0; } .widget-container .blockquote-meta{ display: inline-block; } .widget-container .blockquote-meta .date-time{ display: none; } /*------------------------------------------ 23. WIDGET TS PRODUCTS ------------------------------------------*/ .widget-container.ts-products-widget ul.product_list_widget li .ts-wg-meta > *{ margin-bottom: 2px; } .widget-container.ts-products-widget ul.product_list_widget li .ts-wg-meta .price{ margin-top: 0; } #left-sidebar .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail, #right-sidebar .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail{ width: 120px; padding-right: 20px; } /*------------------------------------------ 24. WIDGET COMPARE ------------------------------------------*/ .yith-woocompare-widget ul.products-list li{ position: relative; } .yith-woocompare-widget ul.products-list li .title { text-transform: none; font-size: 16px; } body .yith-woocompare-widget a.clear-all, body .yith-woocompare-widget a.compare{ width: 100%; background: #363636; color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 14px; display: block; text-align: center; margin-bottom: 5px; text-decoration: none; } body .yith-woocompare-widget a.clear-all{ background: transparent; border: 1px solid #363636; color: #363636; } body .yith-woocompare-widget a.clear-all:hover{ background: #363636; color: #ffffff; } .ts-twitter-widget .item{ margin-bottom: 30px; } .ts-twitter-widget .avatar-name{ margin-bottom: 10px; } .ts-twitter-widget .avatar-name img{ vertical-align: middle; } .ts-twitter-widget .item:last-child{ margin-bottom: 0; } /*------------------------------------------ 25. WIDGET TS BLOG ------------------------------------------*/ .ts-blogs-widget-wrapper .post_list_widget li .thumbnail.gallery .owl-carousel .owl-nav{ display: none; } /*------------------------------------------------------------------------------------------------- V. PRODUCT DEFAULT ---------------------------------------------------------------------------------------------------*/ body.woocommerce #main > .page-container{ padding-bottom: 50px; } .woocommerce-notices-wrapper:not(:empty){ margin-bottom: 30px; } .woocommerce > .products{ clear: both; display: flex; flex-flow: row wrap; } .woocommerce .products .product{ margin: 0 0 40px 0; padding: 0 10px; position: relative; float: left;/* rtl */ } .woocommerce .products.owl-carousel .product{ margin: 0; } .woocommerce .products > .product-group{ width: 25%; float: left;/* rtl */ } .woocommerce .products > .product-group .product{ width: 100% !important; } .ts-product.ts-slider .products{ margin-left: 0 !important; margin-right: 0 !important; } .woocommerce.columns-8 .products .product, .woocommerce.columns-8 .products .product.product-category{ width: 12.5%; } .woocommerce.columns-7 .products .product, .woocommerce.columns-7 .products .product.product-category{ width: 14.285% } .woocommerce.columns-6 .products .product, .woocommerce.columns-6 .products .product.product-category{ width: 16.6% } .woocommerce.columns-5 .products .product, .woocommerce.columns-5 .products .product.product-category{ width: 20%; } .woocommerce.columns-4 .products .product, .woocommerce.columns-4 .products .product.product-category{ width: 25%; } .woocommerce.columns-3 .products .product, .woocommerce.columns-3 .products .product.product-category{ width: 33.3333333333%; } .woocommerce.columns-2 .products .product, .woocommerce.columns-2 .products .product.product-category{ width: 50%; } .woocommerce.columns-1 .products .product, .woocommerce.columns-1 .products .product.product-category{ width: 100%; } .woocommerce.columns-1 .products.item-list .product, .woocommerce.columns-1 .products.item-list .product.product-category{ padding: 0; } .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 -10px; } .woocommerce .up-sells .products, .woocommerce .related .products, .woocommerce .cross-sells .products, .woocommerce .products .products{ margin: 0; } .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; } .background-radius .products .product .product-wrapper{ border-radius: 5px; overflow: hidden; } .background-radius .products .product .product-wrapper .meta-wrapper{ padding: 15px; } .woocommerce .products .product .product-wrapper .thumbnail-wrapper img{ width: 100%; } .woocommerce .list .products .product .product-wrapper{ max-width: 100% !important; } .price del, .price ins{ display: inline-block; } .price del, .woocommerce .price > del { margin-right: 10px; } .thumbnail-wrapper .button-in.compare a.loading.added:after, .meta-wrapper .button-in.compare a.loading.added:after{ display: none; } .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, .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:hover figure.owl-carousel .owl-item:before{ visibility: visible; } .woocommerce .product .thumbnail-wrapper > a{ position: relative; display: block; text-decoration: none; z-index: 2; transition: 250ms 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; } .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 } .loop-add-to-cart a.button:before { display: none; vertical-align: middle; line-height: 1; color: inherit !important; margin: 0 5px 2px 0; /* rtl */ } .loop-add-to-cart a.button.loading:before, .loop-add-to-cart a.button.added:before, .wishlist_table .product-add-to-cart a.button.loading:before, .wishlist_table .product-add-to-cart a.button.added{ display: inline-block; } .meta-wrapper .button-in, .meta-wrapper .loop-add-to-cart{ display: none; } .product-wrapper .meta-wrapper, .product-category .product-wrapper .meta-wrapper{ padding-top: 25px; } .ts-product.text-center .product-wrapper .meta-wrapper, .product-meta-center .product-wrapper .meta-wrapper, .product-meta-center .product-category .product-wrapper .meta-wrapper, .product-meta-center .woocommerce .ts-slider .products .meta-wrapper, .product-meta-center.woocommerce .ts-slider .products .meta-wrapper, .product-meta-center.woocommerce .up-sells .products .meta-wrapper, .product-meta-center.woocommerce .cross-sells .products .meta-wrapper, .product-meta-center.woocommerce .related .products .meta-wrapper{ text-align: center; } .woocommerce .meta-on-thumbnail .product-wrapper{ overflow: hidden; } .woocommerce .meta-on-thumbnail .product-wrapper .meta-wrapper{ position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; transform: translate(0,100%); transition: 250ms ease 0s; } .woocommerce .meta-on-thumbnail.meta-background .product-wrapper .meta-wrapper{ background: rgba(255,255,255,0.9); } .woocommerce .meta-on-thumbnail .product-wrapper:hover .meta-wrapper{ transform: translate(0,0); } .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 .product .thumbnail-wrapper a.button.added:before{ margin-top: -2px; } /*** Product List Style ***/ .vc_row .woocommerce .item-list .products .product{ padding: 0; } .woocommerce .products.list .product{ margin: 0 0 50px 0; } /*** Sub Categories ***/ .woocommerce .products.list .product.product-category .meta-wrapper{ padding-left: 0; padding-right: 0; width: 100%; } .woocommerce .ts-slider .products .product{ height: 100%; } .ts-slider .products .owl-item .product{ padding-left: 0 !important; padding-right: 0 !important; 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{ padding-left: 0; padding-right: 0; float: none; } .products .product .product-wrapper:after{ display: table; clear: both; content: ""; } .products .product.product-category > a{ overflow: hidden; display: block; } .woocommerce .product.product-category:hover img{ transform: scale(1.2); } .ts-product-category-wrapper .products .product.product-category{ position: relative; } .ts-product-category-wrapper.ts-slider .products .product.product-category{ margin: 0 !important; } .product.product-category .product-wrapper{ transition: 600ms ease 0s; overflow: hidden; } .products .product.product-category h3, .ts-product-brand-wrapper .item .meta-wrapper h3{ margin-bottom: 0; } .product-category .product-wrapper > a{ display: block; overflow: hidden; } .product.product-category div.button{ margin-top: 20px; } .products .product.product-category img{ transition: 600ms ease 0s; position: relative; z-index: 0; } .style-2 .product.product-category .meta-wrapper{ text-align: center; } .style-2 .product.product-category .meta-wrapper h3{ text-transform: uppercase; } /*------------------------------------------ 1. PRODUCT SORT/FILTER ------------------------------------------*/ .woocommerce .before-loop-wrapper{ width: 100%; line-height: 24px; border-width: 0 0 1px 0; border-style: solid; padding-bottom: 33px; margin-bottom: 35px; } .woocommerce .before-loop-wrapper:after{ display: table; content: ""; clear: both; } /*** Grid/List Toggle ***/ .gridlist-toggle{ float: left; /* rtl */ position: relative; } .gridlist-toggle a{ font-size: 0; text-decoration: none; padding: 0; position: relative; z-index: 1; display: block; float: left; /* rtl */ margin-right: 10px;/* rtl */ width: 24px; height: 24px; text-align: center; color: inherit; } .gridlist-toggle a:last-child{ margin-right: 0;/* rtl */ } .gridlist-toggle, .before-loop-wrapper .woocommerce-result-count, .product-per-page-form{ margin-right: 20px;/* rtl */ margin-bottom: 0; } .gridlist-toggle a:before{ font-size: 22px; } .gridlist-toggle a:hover{ text-decoration: none } .gridlist-toggle a span, .product-per-page-form > select, .product-per-page-form ul.perpage > li > span.perpage-current{ display: none; } /*** Product Result Count ***/ .woocommerce .before-loop-wrapper .woocommerce-result-count{ padding: 0; float: left; /* rtl */ } /*** Product Pagination ***/ .woocommerce .before-loop-wrapper > form{ display: inline-block; } .product-per-page-form ul, .product-per-page-form ul.perpage > li{ padding: 0; margin: 0; list-style: none; } .product-per-page-form ul.perpage{ margin-left: 5px; /* rtl */ } .product-per-page-form > *{ display: inline-block; vertical-align: baseline; } .product-per-page-form ul.perpage ul.dropdown > li{ display: inline-block; padding: 0; margin-right: 5px; /* rtl */ } .product-per-page-form ul.perpage ul.dropdown > li:after{ content: "/"; display: inline-block; margin-left: 5px; /* rtl */ } .product-per-page-form ul.perpage ul.dropdown > li:last-child:after{ display: none; } .product-per-page-form ul.perpage a.current{ font-weight: bold; } /*** Product Ordering ***/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float: right; /* rtl */ width: auto; margin-bottom: 0; } .before-loop-wrapper .woocommerce-ordering:hover{ cursor: pointer; } .woocommerce .woocommerce-ordering select{ display: none; font-size: 95%; } .woocommerce .woocommerce-ordering .orderby li{ list-style: none; position: relative; z-index: 4; padding: 0; } .woocommerce .woocommerce-ordering ul li a{ padding: 8px 20px; width: 100%; display: inline-block; position: relative; } .woocommerce .woocommerce-ordering ul.orderby{ margin: 0; } .woocommerce .woocommerce-ordering ul.orderby:hover{ z-index: 9; position: relative; } .woocommerce .woocommerce-ordering .orderby li a.current{ cursor: default; } .woocommerce .woocommerce-ordering .orderby-current{ padding: 0 20px 0 0;/* rtl */ display: inline-block; width: 100%; transition: 240ms ease 0s; } .woocommerce .woocommerce-ordering .orderby > li:after{ position: absolute; top: 5px; right: 0; /* rtl */ font-weight: normal; letter-spacing: 0; line-height: 14px; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 240ms ease 100ms; } .woocommerce .woocommerce-ordering.active .orderby > li:after{ content: "\e648"; } .woocommerce .woocommerce-ordering .orderby ul{ margin: 0; padding: 15px 0 0; display: none; min-width: 230px; position: absolute; top: 100%; right: 0; /* rtl */ z-index: 5; 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; } .woocommerce .top-filter-widget-area-button + .woocommerce-ordering .orderby ul{ right: -74px; /* rtl */ } .woocommerce .woocommerce-ordering .orderby ul:before{ position: absolute; content: ""; top: 15px; left: -1px; right: -1px; bottom: 0; z-index: -1; border-width: 0 1px 1px 1px; border-style: solid; background: #ffffff; } .woocommerce .woocommerce-ordering .orderby ul:after{ top: 15px; left: 0; right: 0; z-index: -1; border-width: 1px 0 0 0; border-style: solid; height: 1px; content: ""; position: absolute; } .woocommerce .woocommerce-ordering.active .orderby ul{ display: block; -webkit-animation-duration: 240ms; -moz-animation-duration: 240ms; animation-duration: 240ms; 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; } /*** Product Filter Button ***/ .top-filter-widget-area-button{ float: right;/* rtl */ margin-left: 20px;/* rtl */ } .top-filter-widget-area-button a, .top-filter-widget-area-button > a:hover, .top-filter-widget-area-button > a:visited, .top-filter-widget-area-button > a:active, .top-filter-widget-area-button > a.active{ color: inherit; } .top-filter-widget-area-button a{ text-decoration: none; display: inline-block; } .top-filter-widget-area-button a:after{ margin-left: 5px;/* rtl */ font-weight: normal; letter-spacing: 0; display: inline-block; } /*** Dropdown Filter Section ***/ .top-filter-widget-area.dropdown-filter .widget-title-wrapper{ border-width: 0; padding-bottom: 0; } .top-filter-widget-area.dropdown-filter{ margin: 35px -10px 15px; padding: 0; } .top-filter-widget-area.dropdown-filter > *{ width: 50%; float: left;/* rtl */ padding: 0 10px; margin-bottom: 20px; clear: none; background: transparent; } .no-sidebar .top-filter-widget-area.dropdown-filter > *{ width: 25%; } .top-filter-widget-area.dropdown-filter .product-filter-by-color ul{ margin: 0; padding: 32px 15px !important; text-align: center; } .top-filter-widget-area.dropdown-filter .product-filter-by-color ul li{ margin: 2px 5px; float: left;/* rtl */ } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; display: block !important; z-index: 2; width: auto; height: auto; border-width: 1px; border-style: solid; transition: 500ms ease 0s; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control:after{ position: absolute; right: 0; width: 50px; height: 50px; line-height: 50px; font-weight: normal; letter-spacing: 0; text-align: center; } .top-filter-widget-area.dropdown-filter .widget-container > div:first-child{ display: block !important; } .top-filter-widget-area.dropdown-filter .ts-product-categories-widget ul.product-categories > li{ border-width: 0; margin-bottom: 5px; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .widget-title{ text-transform: capitalize; display: block; width: 100%; height: 100%; padding: 13px 20px; position: relative; transition: background 500ms ease; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control.active + .widget-title, .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control:hover + .widget-title{ background: #ffffff; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper{ margin: 0; position: relative; } .top-filter-widget-area.dropdown-filter .widget-container > *:not(.widget-title-wrapper){ padding: 20px; box-shadow: 0 5px 10px rgba(155, 155, 155, 0.2); position: absolute; left: 10px; right: 10px; top: 100%; background: #ffffff; z-index: 9; display: none; } .top-filter-widget-area.dropdown-filter .widget-container.widget_layered_nav ul, .top-filter-widget-area.dropdown-filter .widget-container.woocommerce-widget-layered-nav-list > *:not(.widget-title-wrapper){ margin: 0; } /*** Shop Filter Sidebar ***/ #ts-top-filter-widget-area-sidebar .ts-sidebar.top-filter-widget-area { margin-top: 30px; } #left-sidebar .filter-widget-area > .widget-title-wrapper, #right-sidebar .filter-widget-area > .widget-title-wrapper{ display: none; } /*** Filter by Price ***/ .widget_price_filter > form .price_slider_wrapper{ padding-top: 40px; position: relative; } .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: 3px; position: relative; z-index: 1; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin-left: 14px; margin-right: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{ height: 3px; } .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: #363636; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background: #cccccc; 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{ content: ""; position: absolute; top: 0; left: -14px;/* rtl */ right: auto; border-width: 0 14px 0 0; border-style: solid; border-color: #cccccc; width: 14px; height: 3px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:after{ right: 0;/* rtl */ left: auto; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width: 14px; height: 14px; border-width: 0 14px 0 0; border-style: solid; margin-left: -14px; top: -5px; background: transparent; box-shadow: none; border-radius: 100%; border-color: #363636; } .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: -14px; } .woocommerce .widget_price_filter .price_slider_amount{ font-size: 100%; line-height: 24px; } .woocommerce .widget_price_filter .price_slider_amount .price_label{ position: absolute; top: 0; } .woocommerce .widget_price_filter .price_slider_amount .button{ width: 100%; margin-bottom: 7px; } .woocommerce .widget_price_filter .price_slider{ margin-bottom: 23px; } /*------------------------------------------ 2. PRODUCT THUMBNAIL ------------------------------------------*/ .woocommerce .products.grid .product .thumbnail-wrapper{ min-height: 60px; } /*------------------------------------------ 3. PRODUCT LABEL ------------------------------------------*/ .woocommerce .product .product-label, .woocommerce ul.product_list_widget li .product-label{ position: absolute; right: auto; left: 20px;/* rtl */ top: 20px; bottom: auto; z-index: 4; text-align: center; } .woocommerce ul.product_list_widget li .product-label{ left: 10px;/* rtl */ top: 10px; } .woocommerce .product .product-label > div:not(:first-child), .woocommerce ul.product_list_widget li .product-label > div:not(:first-child){ margin-top: 5px; } .woocommerce .product .product-label > div > span, .woocommerce ul.product_list_widget li .product-label > div > span{ position: relative; top: auto; right: auto; left: auto; right: auto; text-align: center; display: table-cell; vertical-align: middle; clear: both; padding: 12px 15px; border-radius: 50px !important; min-width: 100px; font-size: 14px; line-height: 1; font-weight: bold; text-transform: uppercase; } .woocommerce ul.product_list_widget li .product-label > div > span{ padding: 10px 20px; min-width: 75px; } .product-label-circle .product .product-label > div > span, .product-label-square .product .product-label > div > span, .product-label-circle ul.product_list_widget li .product-label > div > span, .product-label-square ul.product_list_widget li .product-label > div > span{ width: 54px; height: 54px; min-width: 0; padding: 0; line-height: 24px !important; border-radius: 100% !important; } .product-label-square .product .product-label > div > span, .product-label-square ul.product_list_widget li .product-label > div > span{ border-radius: 0 !important; } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ opacity: 1; } .woocommerce .ts-product.featured .product .product-label .featured{ display: none; } /*------------------------------------------ 4. PRODUCT GROUP BUTTON ------------------------------------------*/ .product-group-button{ margin: 0 auto; letter-spacing: 0; position: absolute; z-index: 5; visibility: hidden; opacity: 0; height: auto; text-align: center; transition: 250ms ease 0s; display: table; top: 50%; left: 50%; right: auto; bottom: auto; width: auto; transform: translate(-50%,-50%); } .product-style-2 .product-group-button{ transform: none; bottom: auto; padding: 0; height: auto; max-height: none; display: block; top: 10px; left: auto;/* rtl */ right: 10px;/* rtl */ } .product-style-1 .thumbnail-wrapper .product-group-button > *{ display: table-cell; vertical-align: middle; } .thumbnail-wrapper:hover .product-group-button > div.button-in, .thumbnail-wrapper:hover div.loop-add-to-cart > a{ -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; -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; } .thumbnail-wrapper .product-group-button:hover{ z-index: 5; } .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: 200ms; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; } .product-group-button > div:nth-child(4){ animation-delay: 300ms; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; } .product-group-button > div.wishlist > div{ width: 100%; height: 100%; } @-webkit-keyframes run_social{ from{ opacity: 0; transform: translate(0,20px); } to{ opacity: 1; transform: translate(0,0); } } @-moz-keyframes run_social{ from{ opacity: 0; transform: translate(0,20px); } to{ opacity: 1; transform: translate(0,0); } } @keyframes run_social{ from{ opacity: 0; transform: translate(0,20px); } to{ opacity: 1; transform: translate(0,0); } } .thumbnail-wrapper .product-group-button > div{ width: 40px; height: 40px; font-size: 0; line-height: 0; min-width: 0; display: block; background: transparent; position: relative; vertical-align: middle; } .product-style-1 .product-group-button > div{ width: 50px; height: 50px; padding: 0 1px; } .product-group-button > div a{ margin: 2px; position: relative; font-size: 0; line-height: 0; padding: 0; min-width: 0; width: 100%; height: 100%; border: 0; text-decoration: none; letter-spacing: 0; background: transparent; } .product-group-button > div a:before{ font-size: 20px; line-height: 40px; } .button-in.wishlist.added > a { display: none !important; } .product-style-1 .product-group-button > div a{ background: rgba(0,0,0,.4); color: #ffffff; } .product-style-1 .product-group-button > div a:before{ line-height: 50px; } .thumbnail-wrapper .product-group-button > div a{ margin: auto; cursor: pointer; display: block; transition: 250ms ease 0s; opacity: 1 !important; } .thumbnail-wrapper:hover .product-group-button{ opacity: 1; visibility: visible; } .thumbnail-wrapper .product-group-button div.wishlist div{ width: 100%; height: 100%; } .product-group-button > div a.added:hover{ text-decoration: none !important; } .thumbnail-wrapper .product-group-button > div a .ic-button{ font-weight: normal; letter-spacing: 0; display: inline-block; } .thumbnail-wrapper .product-group-button > div a .blockUI{ display: none !important; } /*** Add to cart ***/ .thumbnail-wrapper div.loop-add-to-cart{ position: absolute; bottom: 20px; left: 0; /* rtl */ right: 0; /* rtl */ text-align: center; z-index: 2; visibility: hidden; opacity: 0; } .thumbnail-wrapper:hover div.loop-add-to-cart{ opacity: 1; visibility: visible; } /*** Wishlist ***/ .thumbnail-wrapper .button-in.wishlist img, .meta-wrapper .button-in.wishlist img{ position: absolute; top: 50%; left: 50%; margin-top: -10px !important; margin-left: -10px !important; width: 20px !important; height: 20px !important; display: block; z-index: 3; } .summary .yith-wcwl-add-to-wishlist img.ajax-loading, .quickshop-container .wishlist img.ajax-loading{ position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer; margin-top: -10px !important; margin-left: -10px !important; width: 20px !important; height: 20px !important; } .meta-wrapper .button-in a.compare div.blockUI.blockOverlay:before, .thumbnail-wrapper .button-in a.compare div.blockUI.blockOverlay:before, div.product a.compare div.blockUI.blockOverlay:before{ display: none !important } /*** Tooltip ***/ .product-group-button .button-tooltip, .ts-product-attribute .button-tooltip{ padding: 5px 4px 13px 4px; font-size: 15px; line-height: 28px; position: absolute; text-transform: none; display: inline-block; min-width: 110px; transform: translate(-50%,0); opacity: 0; z-index: 10; text-align: center; visibility: hidden; bottom: 100%; opacity: 0; left: 50%; transition: 250ms ease 0s; font-weight: 400; color: #ffffff; } .ts-product-attribute .button-tooltip{ min-width: 40px; font-size: 12px; line-height: 14px; white-space: nowrap; } .product-group-button .loop-add-to-cart .button-tooltip{ width: 130px; } body.product-style-2 .product-group-button .button-tooltip{ padding: 5px 13px 5px 5px;/* rtl */ left: auto;/* rtl */ right: 100%;/* rtl */ top: 50%; line-height: 30px; height: 40px; bottom: auto; margin-left: 0; margin-right: 0; margin-top: -20px; transform: none; } .product-group-button .button-tooltip:before, .ts-product-attribute .button-tooltip:before{ position: absolute; top: 0; bottom: 8px; left: 0; right: 0; z-index: -1; content: ""; background: rgba(0, 0, 0, 0.2); } body.product-style-2 .product-group-button .button-tooltip:before{ bottom: 0; right: 8px;/* rtl */ left: 0; } .product-group-button .button-tooltip:after, .ts-product-attribute .button-tooltip:after{ width: 0; height: 0; position: absolute; left: 50%; bottom: 2px; content: ""; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.2); } body.product-style-2 .product-group-button .button-tooltip:after{ left: auto;/* rtl */ right: 1px; top: 50%; bottom: auto; margin-top: -4px; margin-left: 0; margin-right: 0; border-right-width: 0; border-bottom: 4px solid transparent; border-left: 7px solid rgba(0, 0, 0, 0.2);/* rtl */ border-top: 4px solid transparent; } .product-group-button > div a:hover .button-tooltip, .ts-product-attribute a:hover .button-tooltip{ opacity: 1; visibility: visible; } .product-no-tooltip .product-group-button .button-tooltip{ display: none; } /*------------------------------------------ 5. PRODUCT META ------------------------------------------*/ .woocommerce ul.cart_list li .product-categories a, .woocommerce ul.product_list_widget li .product-categories a, .woocommerce ul.cart_list li .product-brands a, .woocommerce ul.product_list_widget li .product-brandss a{ display: inline-block; } .products .product .meta-wrapper a, .product_list_widget .ts-wg-meta a{ display: inline-block; text-decoration: none; color: inherit; } .products .product .meta-wrapper > *, .products .product-category .meta-wrapper > .category-name > *, .woocommerce .products .product .meta-wrapper > *{ line-height: 24px; display: block; margin-left: auto; margin-right: auto; } .products .product .meta-wrapper > *:not(:last-child), .products .product-category .meta-wrapper > .category-name > *:not(:last-child), .woocommerce .products .product .meta-wrapper > *:not(:last-child){ margin-bottom: 10px; } .products.list .product .meta-wrapper > *:not(:last-child), .products.list .product-category .meta-wrapper > .category-name > *:not(:last-child), .woocommerce .products.list .product .meta-wrapper > *:not(:last-child), .item-list .product .meta-wrapper > *:not(:last-child), .woocommerce .item-list .product .meta-wrapper > *:not(:last-child){ margin-bottom: 25px; } .ts-shortcode.ts-product:not(.text-center) .products .product .meta-wrapper > *{ margin-left: 0; /* rtl */ text-align: inherit; } /*** Product Categories ***/ .product-categories span { display: none; } /*** Product Price ***/ .woocommerce .products .product.sale .price del, .woocommerce .products .product.sale .price ins{ margin: 0; padding: 0 5px 0 5px; } .product-meta .price, .woocommerce .products .product .price{ display: block; } .product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ font-size: 100%; } .price del, .woocommerce .price > del, .woocommerce div.product p.price del, .woocommerce div.product span.price del{ font-size: 90%; } /*** Product Rating ***/ .woocommerce .star-rating, .ts-testimonial-wrapper .rating, blockquote .rating{ width: 90px; height: 24px; overflow: hidden; position: relative; line-height: 0; letter-spacing: 0; } .woocommerce .star-rating span, .ts-testimonial-wrapper .rating span, blockquote .rating span{ overflow: hidden; top: 0; left: 0;/* rtl */ position: absolute; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .ts-testimonial-wrapper .rating span:before, .ts-testimonial-wrapper .rating:before, blockquote .rating span:before, blockquote .rating:before{ position: absolute; top: 0; left: 0;/* rtl */ } .woocommerce .star-rating, .ts-testimonial-wrapper .rating span:before, .ts-testimonial-wrapper .rating:before, blockquote .rating span:before, blockquote .rating:before, .woocommerce p.stars a{ font-size: 18px; line-height: 20px; } .products{ clear: both; } /*** Product Description ***/ .woocommerce .products .product .short-description{ width: 100%; } .product-meta-center .products.grid .product .short-description{ max-width: 80%; } /*** Product Title ***/ .woocommerce .item-list .products .product h3, .item-list .woocommerce .products .product h3{ text-overflow: inherit; white-space: inherit; } /*** Color Swatches ***/ .product-wrapper .color-swatch{ margin-left: -6px; margin-right: -6px; line-height: 0; } .product-wrapper .color-swatch > div{ overflow: hidden; display: inline-block; margin: 6px; } .product-wrapper .color-swatch > div span{ width: 24px; height: 24px; border-radius: 100%; display: block; position: relative; transition: 250ms ease 0s; cursor: pointer; } .product-wrapper .color-swatch > div img{ max-width: 100%; width: 24px; height: 24px; border-radius: 100%; } .product-wrapper .color-swatch > div:hover > span:before, .product-wrapper .color-swatch > div.active > span:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid #111; border-radius: 100%; } .product-wrapper .color-swatch > div.active > span{ cursor: pointer; } .product-wrapper .color-swatch > div.active:hover > span{ cursor: default; } /*------------------------------------------ 6. PRODUCT LIST ------------------------------------------*/ .products.list .product:not(.product-category) .product-wrapper, .item-list .product:not(.product-category) .product-wrapper{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .products.list .product .product-wrapper .thumbnail-wrapper, .item-list .product .product-wrapper .thumbnail-wrapper{ flex-basis: 33.3333333333%; margin-bottom: 0; } .item-list .product .product-wrapper .thumbnail-wrapper img{ min-width: 120px; } .products.list .product:not(.product-category) .product-wrapper .meta-wrapper, .item-list .product:not(.product-category) .product-wrapper .meta-wrapper{ flex-basis: 66.6666666666%; padding: 20px 0 20px 30px; /* rtl */ text-align: left; /* rtl */ } .ts-col-24 .products.list .product:not(.product-category) .product-wrapper .meta-wrapper, .columns-1 .item-list .product:not(.product-category) .product-wrapper .meta-wrapper{ padding: 20px 50px; /* rtl */ } .products.list .product:not(.product-category), .item-list .product:not(.product-category){ width: 100% !important; } .products.list .product:not(.product-category) .product-name, .item-list .product:not(.product-category) .product-name, .ts-product-deals-wrapper.single-style .product-name{ font-size: 125%; } table .product-name, .woocommerce div.product .stock{ color: inherit; } .products.list .price, .item-list .price, .ts-product-deals-wrapper.single-style .price{ font-size: 125%; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .product-name, .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .product-name{ letter-spacing: 2px; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .price, .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .price{ font-size: 225%; font-weight: bold; } .products.list .product .product-wrapper .star-rating, .item-list .product .product-wrapper .star-rating{ margin-left: 0; margin-right: 0; } .products.list .thumbnail-wrapper .loop-add-to-cart, .item-list .thumbnail-wrapper .loop-add-to-cart, .ts-product-deals-wrapper.single-style .thumbnail-wrapper .loop-add-to-cart{ display: none; } .products.list .meta-wrapper .loop-add-to-cart, .item-list .meta-wrapper .loop-add-to-cart, .ts-product-deals-wrapper.single-style .meta-wrapper .loop-add-to-cart{ display: block; } .vc_row:not(.vc-inner) .vc_col-sm-12 .columns-1 .item-list .product .product-wrapper .color-swatch{ margin-left: -10px; /* rtl */ margin-right: -10px; /* rtl */ } .vc_row:not(.vc-inner) .vc_col-sm-12 .columns-1 .item-list .product .product-wrapper .color-swatch > div{ margin-left: 10px; /* rtl */ margin-right: 10px; /* rtl */ } .vc_row:not(.vc-inner) .vc_col-sm-12 .columns-1 .item-list .product .product-wrapper .color-swatch > div span, .vc_row:not(.vc-inner) .vc_col-sm-12 .columns-1 .item-list .product .product-wrapper .color-swatch > div img{ width: 30px; height: 30px; } .item-list .product-categories{ font-weight: bold; font-size: 13px; letter-spacing: 1px; } /*** Product Shortcode Item List ***/ .columns-1 .item-list .product .product-wrapper .thumbnail-wrapper{ flex-basis: 40%; } .columns-1 .item-list .product .product-wrapper .meta-wrapper{ flex-basis: 60%; } /*list reverse*/ .ts-shortcode.item-list.reverse .product .product-wrapper{ flex-direction: row-reverse; } .vc_row.product-list-has-bg .woocommerce .ts-shortcode.item-list .product{ padding: 0 10px; } .product-list-has-bg .ts-shortcode.item-list .product .product-wrapper{ background: #ffffff; } .product-list-has-bg .columns-1 .ts-shortcode.item-list .product:not(.product-category) .product-wrapper .meta-wrapper{ padding-left: 90px; /* rtl */ padding-right: 90px; /* rtl */ } .product-list-has-bg .columns-1 .ts-shortcode.item-list .products .product{ margin-bottom: 0; } .item-list .product .product-wrapper { align-items: center; } .ts-shortcode.item-list .product .product-wrapper .product-group-button.three-button{ display: none; } .ts-product-wrapper.item-list .product .product-categories{ text-transform: uppercase; position: relative; } .ts-product-wrapper.item-list .product .product-categories:after{ content: ""; width: 30px; height: 0; position: absolute; bottom: -4px; left: 0; /*rtl*/ border-width: 0 0 4px 0; border-style: solid; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .products .product .meta-wrapper > *:not(:last-child), .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .products .product .meta-wrapper > *:not(:last-child) { margin-bottom: 35px; } /*------------------------------------------ 7. SHOP LOAD MORE ------------------------------------------*/ .woocommerce .after-loop-wrapper .woocommerce-pagination, .woocommerce .after-loop-wrapper .ts-shop-load-more{ margin-bottom: 50px; } /*** Ajax Pagination ***/ .archive .woocommerce > .products.loading{ position: relative; } .archive.ajax-pagination .woocommerce > .products.loading:before{ top: 200px; } /*** Load More ***/ .ts-shop-result-count > span:not(.bar){ display: block; } .ts-shop-result-count > span.bar{ width: 200px; height: 2px; border-width: 2px 0 0 0; border-style: solid; border-radius: 10px; display: inline-block; position: relative; } .ts-shop-result-count > span.bar > span{ content: ""; width: 0; height: 4px; border-width: 4px 0 0 0; border-style: solid; border-radius: 10px; position: absolute; left: 0;/* rtl */ bottom: -1px; border-color: #363636; transition: all 500ms cubic-bezier(0.895, 0.03, 0.685, 0.22); } .after-loop-wrapper .ts-shop-load-more{ display: block; min-height: 50px; position: relative; } /*** Infinity Scroll ***/ body.infinity-scroll .after-loop-wrapper .ts-shop-result-count:last-child{ padding-bottom: 40px; } body.infinity-scroll .after-loop-wrapper .ts-shop-result-count + .ts-shop-load-more{ margin-top: 10px; } .infinity-scroll .ts-shop-load-more.loading:before{ font-size: 24px; } /*** Load More Button ***/ body.load-more-button .after-loop-wrapper .ts-shop-result-count{ padding-bottom: 30px; } body.load-more-button .ts-shop-load-more{ text-align: center; } .load-more-button .ts-shop-load-more.loading .button:before{ display: inline-block; float: none; position: static !important; width: 24px; height: 24px; line-height: 24px; } /*------------------------------------------------------------------------------------------------- VI. PRODUCT DETAIL ---------------------------------------------------------------------------------------------------*/ /*** Single navigation ***/ div.product .summary .single-navigation{ width: auto; margin-bottom: 0; } div.product .summary .single-navigation > div{ width: auto; display: block; position: fixed; right: 0; top: 50%; transform: translateY(-50%); } div.product .summary .single-navigation > .prev{ left: 10px; /* rtl */ right: auto; /* rtl */ } div.product .summary .single-navigation > .next{ right: 10px; /* rtl */ left: auto; /* rtl */ } .woocommerce div.product div.summary .single-navigation a{ height: 36px; overflow: hidden; font-size: 0; transition: 600ms ease; } .woocommerce div.product div.summary .single-navigation a:hover{ font-size: 100%; } div.product .product-info{ display: none; } div.product > .vc_row{ padding-left: 30px; padding-right: 30px; overflow: visible; margin-bottom: 50px; margin-top: -30px; padding-top: 30px; } div.product > .vc_row.loading{ overflow: hidden; } div.product div.summary .clear{ display: none !important; } .woocommerce div.product div.images-thumbnails{ width: 45%; float: left; /* rtl */ position: relative; margin-bottom: 60px; } .woocommerce div.product div.summary{ width: 55%; padding-left: 60px; /* rtl */ float: left; /* rtl */ margin-bottom: 60px; } /*------------------------------------------ 1. PRODUCT IMAGE ------------------------------------------*/ .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.vertical-thumbnail div.images-thumbnails .thumbnails-container{ position: relative; overflow: hidden; } .woocommerce div.product div.images-thumbnails .featured-image{ position: relative; } .woocommerce div.product .images .product-label > div > span { padding-top: 14px; padding-bottom: 14px; min-width: 120px; } .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; } #ts-quickshop-modal div.product div.summary{ max-width: 100% !important; } .woocommerce .ts-col-18 div.product div.summary{ padding-left: 40px;/* rtl */ } .woocommerce div.product.vertical-thumbnail .vc_row div.summary{ margin-bottom: 0; } /*------------------------------------------ 2. PRODUCT THUMBNAIL ------------------------------------------*/ /*** Horizontal Thumbnail ***/ div.product div.images-thumbnails div.thumbnails{ margin-top: 20px; overflow: hidden; } div.product div.images-thumbnails .product-thumbnails{ margin-bottom: 0; } div.product div.images-thumbnails .product-thumbnails li{ padding: 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{ border-width: 1px; border-style: solid; } .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; } /*** Verticle Thumbnail ***/ .woocommerce div.product.vertical-thumbnail div.images-thumbnails{ width: 50%; } .woocommerce div.product.vertical-thumbnail div.summary{ width: 50%; } .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 134px; float: right;/* rtl */ text-align: center; margin-top: 0; padding-top: 0; } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 154px;/* rtl */ } .vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper{ margin: -20px 0 0 0 !important; } .vertical-thumbnail .images-thumbnails > .thumbnails .thumbnails-container ul li { margin-top: 20px; } .woocommerce .page-container:not(.no-sidebar) div.product div.images-thumbnails, .woocommerce .page-container:not(.no-sidebar) div.product div.summary{ width: 100%; padding: 0; } /*** Product Scroll ***/ div.product.thumbnail-summary-scrolling div.thumbnails ul.product-thumbnails > li:not(:first-child){ margin-top: 20px; } /*** Product Top Thumbnail Slider ***/ .single-product-top-thumbnail-slider{ margin-bottom: 80px; } .woocommerce div.product.thumbnail-summary-top_thumbnail_slider > div.summary{ padding-left: 0;/* rtl */ padding-right: 0;/* rtl */ width: 100%; margin-bottom: 30px; } .woocommerce div.product.thumbnail-summary-top_thumbnail_slider.tabs-in-summary > div.summary{ margin-bottom: 0; } .single-product-top-thumbnail-slider .owl-item .item { opacity: 0.4; transition: 350ms ease 0s; } .single-product-top-thumbnail-slider .owl-item.active.center .item{ opacity: 1; } .single-product #primary > .vc_row { margin-top: -20px; } /*** 360 & Video Popup ***/ .single-product .ts-video.auto-size, .single-product .ts-video + .threesixty{ margin-bottom: 50px; } .ts-popup-modal .ts-video.auto-size, .ts-popup-modal .ts-video + .threesixty{ margin-bottom: 0; } .thumbnail-summary-scrolling .ts-video{ margin-top: 30px; } .thumbnail-summary-scrolling .threesixty{ margin-top: 65px; } .thumbnail-summary-scrolling .threesixty, .single-product #primary > .threesixty{ position: relative; overflow: visible; } .single-product #primary > .threesixty{ max-width: 800px; margin-left: auto; margin-right: auto; } body .ts-popup-modal .product-360-container{ width: 100%; padding: 0; } #ts-product-360-modal.ts-popup-modal .popup-container{ margin: 0; opacity: 0; } #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; } #ts-product-360-modal .overlay{ background: #ffffff; } #ts-product-360-modal.ts-popup-modal span.close{ right: 20px;/* rtl */ top: 20px; position: fixed; opacity: 0; z-index: -1; } #ts-product-360-modal.ts-popup-modal.show span.close{ z-index: 100001; opacity: 1; } .thumbnail-summary-scrolling .threesixty .nav_bar, .single-product #primary > .threesixty .nav_bar{ font-size: 0; position: relative; z-index: 9; text-align: center; top: -35px; } #ts-product-360-modal.ts-popup-modal .nav_bar{ font-size: 0; position: relative; z-index: 9; text-align: center; position: fixed; top: -40px; left: 0; right: 0; } .thumbnail-summary-scrolling .threesixty .nav_bar > a, .single-product #primary > .threesixty .nav_bar > a, #ts-product-360-modal.ts-popup-modal .nav_bar > a{ color: #111; display: inline-block; margin: 0 8px !important; text-decoration: none; width: auto !important; float: none !important; } .thumbnail-summary-scrolling .threesixty .nav_bar > a:before, .single-product #primary > .threesixty .nav_bar > a:before, #ts-product-360-modal.ts-popup-modal .nav_bar > a:before{ font-size: 20px; line-height: 30px; } .threesixty .threesixty_images img{ position: absolute; top: 0; width: 100%; height: auto; transition: 350ms ease 0s; } body .ts-popup-modal .product-360-container{ width: 502px; } .ts-popup-modal .threesixty{ width: 100% !important; } .threesixty .threesixty_images{ display: none; list-style: none; margin: 0; padding: 0; } .ts-popup-modal:not(.show) .threesixty .threesixty_images{ display: none !important; } .threesixty ol.threesixty_images li{ list-style: none; } .threesixty .threesixty_images img{ position: absolute; top: 0; width: 100%; height: auto; transition: 350ms ease 0s; } .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: 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: #ffffff; text-align: center; line-height: 30px; display: block; } .threesixty:-webkit-full-screen{ background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 150px; } .threesixty:-moz-full-screen{ background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 150px; } .ts-product-video-button, .ts-product-360-button{ float: none !important; background: url(images/image.png) 0 0 !important; margin: 20px auto !important; text-align: center; display: block; clear: both; width: 50px !important; height: 50px !important; text-decoration: none !important; position: absolute; right: 20px; /* rtl */ top: 0; display: block; z-index: 991; } .ts-product-video-button{ background-position: -50px 0 !important; } .woocommerce div.product.vertical-thumbnail .ts-product-video-button, .woocommerce div.product.vertical-thumbnail .ts-product-360-button{ right: 174px; /* rtl */ } div.product .has-video .ts-product-360-button{ top: 70px; } .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; } /*------------------------------------------ 3. PRODUCT SUMMARY ------------------------------------------*/ .woocommerce div.product .summary > .price, .woocommerce div.product .summary .star-rating, .summary .counter-wrapper, .woocommerce div.product .cart, .woocommerce-tabs.accordion-tabs{ margin-bottom: 30px; } .woocommerce div.product .summary > .woocommerce-product-details__short-description, .woocommerce div.product form.cart, .woocommerce div.product form.cart .group_table{ margin-bottom: 33px; } .woocommerce div.product.product-type-variable .summary > .woocommerce-product-details__short-description{ margin-bottom: 23px; } .woocommerce div.product .summary > .price, .woocommerce div.product form.cart .button, .woocommerce div.product form.cart div.quantity, .woocommerce div.product .summary a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist{ margin-right: 20px; /* rtl */ } div.product:not(.thumbnail-summary-top_thumbnail_slider) .summary .meta-content .ts-social-sharing{ padding-bottom: 0; } div.product .summary .meta-content .ts-social-sharing, .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .woocommerce-variation-price{ margin-bottom: 40px; } .woocommerce div.product form.cart .variations + .single_variation_wrap{ position: relative; top: -3px; } .woocommerce div.product form.cart .variations + .single_variation_wrap .woocommerce-variation.single_variation{ position: relative; top: 5px; } .woocommerce div.product form.cart .variations .ts-product-attribute{ padding-top: 7px; } /*** Product Title ***/ .woocommerce div.product .entry-title{ margin: 0 0 35px 0; padding: 0 0 30px 0; border-width: 0 0 1px 0; border-style: solid; } .single-product.woocommerce div.product .summary .product_title{ font-weight: normal; } /*** Product Price ***/ .woocommerce div.product .summary > .price{ float: left; /* rtl */ } .woocommerce div.product .summary > .price, .woocommerce div.product .single_variation_wrap p.price, .woocommerce div.product .single_variation_wrap span.price{ font-size: 150%; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight: normal; } /*** Product Rating ***/ .woocommerce div.product .summary > .woocommerce-product-rating{ margin-bottom: 0; } .woocommerce div.product .summary > .woocommerce-product-rating:after{ content: ""; display: table; clear: both; } .woocommerce .woocommerce-product-rating .star-rating{ margin: 0; } .woocommerce .woocommerce-product-rating .average-rating, .woocommerce-review-link{ display: none; } /*** Product Description ***/ .woocommerce-product-details__short-description p{ margin: 0; } /*** Product Deal ***/ .summary .counter-wrapper{ clear: both; } /*** Product Quantity ***/ div.product .summary .quantity input.qty, .woocommerce div.product .summary .quantity input.qty{ font-size: 125%; } /*** Variable options ***/ .woocommerce div.product form.cart, .woocommerce div.product .cart { clear: both; display: block; position: relative; } .woocommerce div.product form.cart .variations { position: relative; } .woocommerce div.product form.cart .reset_variations { font-size: 14px; line-height: 16px; position: relative; top: -5px; } .woocommerce div.product form.cart .variations > .attribute > .label, .woocommerce div.product .cart .variations > .attribute > .label{ display: none; } .woocommerce-variation-add-to-cart{ overflow: hidden; } .woocommerce div.product form.cart .variations select{ width: 100%; margin-right: 0; /* rtl */ padding: 0 0 6px; border-width: 0 0 1px 0; border-style: solid; margin-bottom: 4px; } .woocommerce div.product form.cart .variations .attribute{ margin-bottom: 15px; } .woocommerce div.product form.cart .variations .attribute a, .woocommerce div.product form.cart .variations .attribute a:hover{ color: inherit; text-decoration: none; } .woocommerce div.product .woocommerce-variation-availability .stock{ display: none; } .woocommerce div.product form.cart .button { width: 200px; min-width: 0; padding-left: 5px; padding-right: 5px; } .woocommerce div.product .summary form.cart table.group_table tr .button { width: auto; min-width: 0; } /*** Wishlist/Compare Button ***/ #yith-wcwl-popup-message{ box-shadow: 0 0 3px rgba(155, 155, 155, 0.2); border-radius: 2px; margin: 0 !important; transform: translate(-50%,0); background: white; border: 1px solid #CCC; line-height: 50px; padding: 15px; position: fixed; text-align: center; top: 50%; left: 50%; z-index: 10000; /* Thanks WP -.- */ } div.product .summary div.wishlist .yith-wcwl-wishlistexistsbrowse.show, div.product .summary div.wishlist .yith-wcwl-wishlistaddedbrowse.show{ position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; } .yith-wcwl-add-to-wishlist .feedback{ display: none !important; } .woocommerce div.product .summary a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist{ border-width: 1px; border-style: solid; font-size: 0; line-height: 0; text-align: center; min-width: 0; width: 50px; height: 50px; display: block; position: relative; background: transparent; float: left; /* rtl */ padding: 0; margin-top: -83px; overflow: hidden; box-shadow: none !important; } .woocommerce div.product.product-type-variable .summary a.compare, .woocommerce div.product.product-type-variable .summary .yith-wcwl-add-to-wishlist{ margin-top: -86px; } .woocommerce div.product .summary a.compare:hover, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a:hover{ text-decoration: none; } .woocommerce div.product .summary .yith-wcwl-add-to-wishlist{ margin-left: 340px; /* rtl */ } .woocommerce div.product .summary a.compare{ margin-left: 410px; /* rtl */ } .woocommerce div.product .summary form.cart + a.compare{ margin-left: 340px; /* rtl */ } .woocommerce div.product.sold-individually .summary .yith-wcwl-add-to-wishlist, .woocommerce div.product.product-type-external .summary .yith-wcwl-add-to-wishlist, .woocommerce div.product.product-type-grouped .summary .yith-wcwl-add-to-wishlist{ margin-left: 220px; /* rtl */ } .woocommerce div.product.sold-individually .summary a.compare, .woocommerce div.product.product-type-external .summary a.compare, .woocommerce div.product.product-type-grouped .summary a.compare{ margin-left: 290px; /* rtl */ } .woocommerce div.product.sold-individually .summary form.cart + a.compare, .woocommerce div.product.product-type-external .summary form.cart + a.compare, .woocommerce div.product.product-type-grouped .summary form.cart + a.compare{ margin-left: 220px; /* rtl */ } .woocommerce div.product.outofstock .summary a.compare, .woocommerce div.product.outofstock .summary .yith-wcwl-add-to-wishlist{ margin-top: 0 !important; margin-bottom: 30px; margin-left: 0 !important; /* rtl */ } div.product .summary .yith-wcwl-add-to-wishlist a:before, div.product .summary a.compare:before{ font-size: 20px; line-height: 48px; display: block; } div.product .summary .yith-wcwl-add-to-wishlist a.loading{ position: static !important; opacity: 1 !important; } .woocommerce div.product .summary .yith-wcwl-add-to-wishlist .blockUI{ display: none !important; } /*** Product Meta ***/ div.product .summary .meta-content{ clear: both; } div.product .summary .meta-content > *{ line-height: 24px; margin-bottom: 7px; clear: both; } .brands-link > span:not(.brand-links), .cats-link > span:not(.cat-links), .tags-link > span:not(.tag-links), .sku-wrapper > span:not(.sku){ padding-right: 10px; /* rtl */ float: left; } .woocommerce div.product p.availability.stock > label, .woocommerce div.product p.availability.stock > span{ display: inline-block; } .woocommerce div.product p.stock{ font-size: 100%; } .woocommerce div.product p.availability.stock label{ margin: 0; padding: 0; } div.product .summary .meta-content .cat-links, div.product .summary .meta-content .cat-links a, div.product .summary .meta-content .tags-link, div.product .summary .meta-content .tags-link a{ margin: 0; transition: none; } /*** Product Sharing ***/ div.product .summary .ts-social-sharing span{ display: inline-block; margin-right: 20px; /* rtl */ font-weight: 700; } div.product.accordion-tab .summary .meta-content{ border-width: 0; padding-top: 0; margin-top: 0; } div.product .summary .ts-social-sharing, .sharethis-inline-share-buttons{ margin-top: 30px; border-width: 1px 0 0; border-style: solid; padding: 12px 0 10px; } .ts-social-sharing span{ display:none; } .ts-social-sharing ul{ margin: 0; position: relative; } .sharethis-inline-share-buttons{ display: block; direction: ltr !important;/* rtl */ text-align: left !important;/* rtl */ padding-top: 15px; } .sharethis-inline-share-buttons .st-btn{ width: 30px !important; height: 30px !important; line-height: 30px !important; margin-left: 8px !important; margin-right: 8px !important; padding: 0 !important; } .sharethis-inline-share-buttons .st-btn:first-child{ margin-left: 0 !important; } .sharethis-inline-share-buttons .st-btn:last-child{ margin-right: 0 !important; } .sharethis-inline-share-buttons .st-btn > img{ height: 18px !important; width: 18px !important; top: 6px !important; } .sharethis-inline-share-buttons .st-btn > svg{ top: 4px !important; } .single.single-post .sharethis-inline-share-buttons{ text-align: center !important; margin-top: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } /*** Product Group ***/ .woocommerce div.product form.cart .group_table{ max-width: 550px; margin-top: 5px; } div.product .summary table.group_table tr{ background: transparent !important; } .woocommerce div.product form.cart .group_table td, .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label{ padding: 0 0 20px; vertical-align: middle; } .woocommerce div.product form.cart .group_table tr:last-child td, .woocommerce div.product form.cart .group_table tr:last-child td.woocommerce-grouped-product-list-item__label{ padding: 0; } .woocommerce div.product form.cart .group_table td label{ padding: 0; } .woocommerce div.product form.cart .group_table td:first-child { width: auto; text-align: left; /* rtl */ } .woocommerce div.product form.cart .group_table td .quantity, form.cart .group_table .quantity input.qty, .woocommerce form.cart .group_table .quantity input.qty { display: inline-block; float: none; } /*** Accordion Tab ***/ .accordion-tabs .vc_tta.vc_general .vc_tta-panel-title { font-weight: 400; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title .vc_tta-controls-icon{ text-align: right; /* rtl */ } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-2 .vc_tta-panel-title .vc_tta-controls-icon, .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-3 .vc_tta-panel-title .vc_tta-controls-icon{ text-align: center; /* rtl */ } .woocommerce-tabs.accordion-tabs #comments, .woocommerce-tabs.accordion-tabs #review_form_wrapper{ width: 100%; float: none; padding: 0; } .woocommerce-tabs.accordion-tabs .vc_tta-container { margin-bottom: 0; } /*** Woocommerce Tab ***/ .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel table{ margin: 0; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs{ margin-bottom: 30px; } .woocommerce div.product.tabs-in-summary .woocommerce-tabs .more-less-buttons{ margin-bottom: 0; } .woocommerce div.product.tabs-in-summary.thumbnail-summary-top_thumbnail_slider .woocommerce-tabs { margin-bottom: 60px; } .woocommerce div.product .woocommerce-tabs.accordion-tabs .vc_tta.vc_general .vc_tta-panel-title{ font-size: 100%; font-weight: 700; font-family: inherit; } .woocommerce-tabs .wc-tab:after{ display: table; clear: both; content: ""; } .woocommerce div.product .woocommerce-tabs ul.tabs{ display: block; margin: 0 -24px 40px -24px;/* rtl */ padding: 0; overflow: hidden; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ margin: 0 0 15px; padding: 0 24px; /* rtl */ position: relative; z-index: 1; float: left;/* rtl */ border-width: 0; display: inline-block; text-align: center; border-radius: 0; background: transparent !important; } .woocommerce .page-container:not(.no-sidebar) div.product .woocommerce-tabs ul.tabs, .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs{ margin: 0 -10px 30px -10px;/* rtl */ } .woocommerce .page-container:not(.no-sidebar) div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product.tabs-in-summary .woocommerce-tabs ul.tabs li{ padding: 0 10px; /* rtl */ } .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.active > a:before{ position: absolute; left: 0; right: 0; bottom: 0; content: ""; display: block; top: auto; height: 1px; width: auto; border-bottom: 2px solid; transition: 250ms ease 0s; } .woocommerce div.product .woocommerce-tabs ul.tabs li > a{ text-transform: capitalize; color: inherit; padding: 0px 0 10px; margin: 0; position: relative; z-index: 1; width: 100%; display: inline-block; transition: 250ms ease 0s; font-weight: 400; } .woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab > a{ padding-right: 25px; /* rtl */ } .review-number{ top: 0; background-color: #b7b7b7; color: #ffffff; } .column-tabs .tabs li.current .review-number, .woocommerce-tabs ul.tabs li.active .review-number{ color: #ffffff; } .woocommerce div.product .woocommerce-tabs .panel{ margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--seller > h2{ font-size: 100%; line-height: 1.5; font-family: inherit; font-weight: 700; margin-bottom: 10px; } .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li{ list-style: none; } .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li > span:not(.details):not(.text){ font-weight: 700; } .woocommerce div.product .woocommerce-tabs .panel hr{ margin: 24px 0; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--shipping hr{ max-width: 100px !important; } .woocommerce div.product .woocommerce-tabs .panel .products .product{ width: 25%; float: left; /* rtl */ } .product-content.show-more-less{ max-height: 260px; 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)),to(#fff)); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); } .product-content.opened{ max-height: 1000px; } .product-content.opened:before{ visibility: hidden; opacity: 0; } .more-less-buttons{ text-align: center; position: relative; z-index: 2; margin: 20px 0 24px 0; } .more-less-buttons a.less-button, .more-less-buttons a.more-button{ display: inline-block; } .more-less-buttons a.less-button:after, .more-less-buttons a.more-button:after{ display: inline-block; margin-left: 10px; /* rtl */ } /*** Attributes Tab ***/ .woocommerce table.shop_attributes{ margin-bottom: 24px; } .woocommerce table.shop_attributes, .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{ border-width: 0; } .woocommerce table.shop_attributes th{ text-transform: uppercase; font-weight: 400; width: 20%; padding: 15px 30px; } .woocommerce table.shop_attributes td{ font-style: normal; } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: transparent; } /*** Reviews Tab ***/ .woocommerce-tabs #comments{ float: left;/* rtl */ width: 57%; padding-right: 20px;/* rtl */ } .woocommerce-tabs #review_form_wrapper{ float: left;/* rtl */ width: 43%; padding: 0 0 24px 50px; /* rtl */ } .tabs-in-summary .woocommerce-tabs #comments, .tabs-in-summary .woocommerce-tabs #review_form_wrapper{ float: none;/* rtl */ width: 100%; padding: 0; } .tabs-in-summary .woocommerce-tabs #comments{ margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ font-size: 100%; } .woocommerce-tabs #comments > h2, .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{ display: none; } .woocommerce #reviews #comments ol.commentlist > li{ list-style: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin: 0; border-width: 0; border-radius: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{ margin-right: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 18px; } .woocommerce #reviews #review_form_wrapper .comment-reply-title{ display: block; margin-bottom: 30px; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-rating{ margin-bottom: 20px; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-rating > label{ float: left; margin-right: 20px; /* rtl */ padding: 0; } .woocommerce p.stars a{ width: 14px; } .woocommerce p.stars a::before{ width: 100%; height: 100%; } .woocommerce #review_form #respond .comment-form p { margin: 0; } .woocommerce #review_form #respond .comment-form p.stars { display: inline-block; line-height: 15px; } .woocommerce #review_form #respond .comment-form .comment-form-rating ~ p:not(.form-submit){ margin-bottom: 25px; position: relative; } .woocommerce #review_form #respond .comment-form .comment-form-rating ~ p:not(.form-submit):not(.comment-form-cookies-consent) > label{ position: absolute; top: 0; left: 0; /* rtl */ right: 0; /* rtl */ display: block; } .woocommerce #review_form #respond .comment-form p.comment-form-cookies-consent > label{ display: inline; cursor: pointer; } .woocommerce #review_form #respond .comment-form .comment-form-rating ~ p:not(.form-submit) > label.focus{ display: none; } .woocommerce #review_form #respond .comment-form .comment-form-rating ~ p:not(.form-submit) > input, .woocommerce #review_form #respond .comment-form .comment-form-rating ~ p:not(.form-submit) > textarea{ position: relative; z-index: 2; color: inherit; } .woocommerce #review_form #respond p.form-submit { margin: 25px 0 0; } .woocommerce #review_form #respond .comment-form p.comment-notes{ margin-bottom: 30px; } /*------------------------------------------ 4. PRODUCT FULLWIDTH ------------------------------------------*/ .ads-banner{ clear: both; margin-bottom: 80px; } .ads-banner:empty{ margin-bottom: 0; } /*------------------------------------------ 5. UPSELLS/CROSS SELLS/RELATED ------------------------------------------*/ .woocommerce .cross-sells, .woocommerce .upsells, .woocommerce .related{ max-width: 100%; width: 100%; display: inline-block; width: 100%; clear: both; position: relative; margin-top: 60px; margin-left: 0; margin-right: 0; } .single-product.woocommerce .tabs-in-summary .cross-sells, .single-product.woocommerce .tabs-in-summary .upsells, .single-product.woocommerce .tabs-in-summary .related{ margin-top: 35px; } .single-product.woocommerce .vertical-thumbnail.tabs-in-summary .cross-sells, .single-product.woocommerce .vertical-thumbnail.tabs-in-summary .upsells, .single-product.woocommerce .vertical-thumbnail.tabs-in-summary .related{ margin-top: 30px; } .woocommerce .cross-sells > h2, .woocommerce .upsells > h2, .woocommerce .related > h2{ margin-bottom: 40px; position:relative; } .upsells .products .owl-item .product, .cross-sells .products .owl-item .product, .related .products .owl-item .product{ width: 100% !important; padding: 0; } .woocommerce .cross-sells:after{ display: table; content: ""; clear: both; } .up-sells .products .product, .related .products .product, .woocommerce .up-sells .products .product, .woocommerce .related .products .product{ padding: 0 0 10px 0; /* rtl */ } .up-sells .products .product, .related .products .product{ width: 25%; } /*------------------------------------------------------------------------------------------------- VIII. SHOPPING CART ---------------------------------------------------------------------------------------------------*/ .woocommerce-cart #main > .page-container{ padding-bottom: 50px; } /*** Cart Table ***/ .woocommerce table.shop_table{ margin: 0; border-width: 0; table-layout: auto; } .woocommerce-cart article .woocommerce:after{ display: table; clear: both; content: ""; } .woocommerce-cart article .woocommerce form.woocommerce-cart-form, .woocommerce-cart article .woocommerce > .cart-collaterals{ width: 100%; margin-bottom: 30px; } .woocommerce-cart .ts-col-24 article .woocommerce form.woocommerce-cart-form{ width: 66%; float: left; /* rtl */ } .woocommerce-cart .ts-col-24 article .woocommerce .cart-collaterals{ width: 34%; float: left;/* rtl */ padding-left: 60px;/* rtl */ } .woocommerce table.shop_table.cart tr{ background: transparent; } table.shop_table th, table.shop_table td, table.shop_table th:first-child, table.shop_table thead th:first-child, .woocommerce table.shop_table th, .cart-collaterals table.shop_table tbody:first-child tr:first-child td, .cart-collaterals table.shop_table tbody:first-child tr:first-child th{ border-width: 1px 0 0 0; border-style: solid; padding: 14px 0; } .woocommerce table.shop_table th{ font-size: 100%; vertical-align: middle; font-weight: normal; text-transform: uppercase; } .woocommerce table.shop_table td.product-thumbnail a{ display: inline-block; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width: 100px; } .woocommerce table.shop_table td{ padding: 20px 0; } .woocommerce table.shop_table td.product-remove, .woocommerce table.shop_table td.product-thumbnail{ padding-right: 15px; } .woocommerce table.shop_table td.actions{ padding-left: 0; padding-right: 0; } .woocommerce table.shop_table td.product-name{ text-align: left; /* rtl */ } .woocommerce table.shop_table td.product-name a:hover{ text-decoration: none; } .woocommerce table.shop_table td.product-price{ width: 120px; } .woocommerce table.shop_table td.product-quantity{ width: 150px; } table.shop_table.cart .amount{ padding: 0; } table.shop_table.cart del{ margin-right: 10px;/* rtl */ } /*** Cart Coupon ***/ .woocommerce table.shop_table td.actions { padding-bottom: 0; } .woocommerce table.cart td.actions .coupon .input-text{ width: 400px; min-height: 50px; border-width: 0 0 1px 0; border-style: solid; background: transparent; padding-left: 0; /* rtl */ padding-right: 120px; /* rtl */ } .woocommerce table.cart td.actions .coupon{ padding: 0; position: relative } .woocommerce table.cart td.actions .coupon .button{ min-width: 0; border: none; position: absolute; top: 0; right: 0; padding: 12px 0; background: transparent; } /*** Cart Quantity ***/ input[type=number].qty::-webkit-inner-spin-button, input[type=number].qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .quantity input.qty, .quantity input.qty{ box-shadow: none; text-shadow: none; background: transparent; border-width: 0; border-radius: 0; margin: 0; padding: 9px; width: 52px; height: 48px; line-height: 48px; text-align: center; } .cart-item-wrapper .quantity input.qty, .woocommerce .cart-item-wrapper .quantity input.qty{ width: 42px; height: 36px; line-height: 36px; } .quantity input{ box-shadow: none !important; } .woocommerce div.product form.cart table div.quantity{ float: left;/* rtl */ margin: 0; } form.cart div.product .group_table .woocommerce-grouped-product-list-item__quantity, .woocommerce div.product form.cart .group_table .woocommerce-grouped-product-list-item__quantity{ text-align: right;/* rtl */ } form.cart div.product .group_table .woocommerce-grouped-product-list-item__quantity .button, .woocommerce div.product form.cart .group_table .woocommerce-grouped-product-list-item__quantity .button{ display: inline-block; margin: 0; float: none; } .shop_table .quantity, .summary .quantity, .cart-item-wrapper .quantity{ position: relative; width: 100px; border-width: 1px; border-style: solid; } .cart-item-wrapper .quantity{ width: 80px; line-height: 34px !important; text-align: center; } .quantity .number-button{ position: relative; display: flex; } .quantity .minus, .quantity .plus{ border-width: 0; background: transparent; width: 30px; height: 48px; line-height: 48px; font-size: 20px; color: inherit; letter-spacing: 0; text-align: center; margin: 0; padding: 0; cursor: pointer; } .cart-item-wrapper .quantity .minus, .cart-item-wrapper .quantity .plus{ line-height: 34px; height: 34px; width: 20px; } .quantity .minus:hover, .quantity .plus:hover{ z-index: 3; } /*** Cart Collaterals ***/ .woocommerce .cart-collaterals .cart_totals{ width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table{ border: 0; background: transparent; margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th{ width: 30%; } .woocommerce-cart .cart-collaterals .cart_totals table td{ vertical-align: top; text-transform: none; text-align: right;/* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table th{ vertical-align: top; text-transform: none; text-align: left;/* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table .order-total th, .woocommerce-cart .cart-collaterals .cart_totals table .order-total td{ border-bottom-width: 1px; } .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals table.shop_table tbody:first-child tr:first-child td, .woocommerce .cart-collaterals table.shop_table tbody:first-child tr:first-child th{ padding: 14px 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ font-weight: normal; } /*** Cart Shipping ***/ .woocommerce-cart .cart-collaterals .cart_totals table tr.shipping td{ text-align: left; /* rtl */ } .woocommerce .cart-collaterals ul#shipping_method{ margin-bottom: 10px; } .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination{ margin-bottom: 5px; font-size: 95%; letter-spacing: 0; } .shipping-calculator-form .form-row{ margin-bottom: 10px !important; } .shipping-calculator-form #select2-calc_shipping_country-container{ text-align: left; /* rtl */ } .shipping-calculator-button:hover{ text-decoration: none; } .shipping-calculator-button{ line-height: 20px; text-decoration: none; } .shipping-calculator-form .button{ width: 100%; } .woocommerce-shipping-calculator .button{ margin-top: 10px !important; } .shipping-calculator-button, .shipping-calculator-button:before{ line-height: 24px; } .shipping-calculator-button:before { display: inline-block; position: relative; font-size: 15px; top: 0; margin-right: 5px; /* rtl */ } .woocommerce ul#shipping_method li{ margin: 0; padding: 0 0 8px 0; text-indent: 0; list-style: none; position: relative; overflow: hidden; text-align: left;/* rtl */ } .woocommerce .woocommerce-shipping-calculator > p{ margin-bottom: 15px; } .woocommerce ul#shipping_method li:last-child{ padding-bottom: 0; } .woocommerce ul#shipping_method li input{ margin: 3px 8px 0 0;/* rtl */ float: left;/* rtl */ } .woocommerce .woocommerce-shipping-calculator .button{ margin-bottom: 10px; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input{ margin: -2px 10px 0 0;/* rtl */ } .woocommerce ul#shipping_method li label{ line-height: 20px; position: relative; padding: 0; float: left;/* rtl */ } .woocommerce ul#shipping_method li .amount{ display: inline-block; text-indent: 0; line-height: 18px; } .woocommerce #payment ul.payment_methods{ border: 0; padding: 0 0 20px 0; } .payment_methods li{ list-style: none; position: relative; padding: 0; } .payment_box > fieldset{ border: 0; } .woocommerce #payment ul.payment_methods li label{ display: inline; padding: 0; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ text-align: left;/* rtl */ } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination{ line-height: 22px; } #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-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button{ margin-top: 0; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form{ margin-top: 20px; } /*** Buttons Cart Collaterals ***/ .woocommerce-cart .wc-proceed-to-checkout{ padding: 0; margin: 30px 0 0 0; } .wc-proceed-to-checkout a.continue-shopping.button{ width: 100%; } .wc-proceed-to-checkout a.continue-shopping.button:after{ font-weight: normal; letter-spacing: 0; display: inline-block; margin-left: 10px;/* rtl */ } .cart-collaterals .wc-proceed-to-checkout a.checkout-button{ width: 100%; margin-bottom: 10px; } /*------------------------------------------------------------------------------------------------- IX. CHECKOUT ---------------------------------------------------------------------------------------------------*/ .woocommerce > form.checkout{ overflow: hidden; margin: 0; } .woocommerce > form.checkout .woocommerce-account-fields .form-row.create-account{ margin-bottom: 12px; } .woocommerce .checkout .col2-set{ width: 66%; float: left; /* rtl */ padding-right: 60px; /* rtl */ } .woocommerce .checkout .col2-set, .woocommerce .checkout #order_review{ margin-bottom: 50px; } .woocommerce .checkout #order_review, .woocommerce .checkout #order_review_heading{ float: left; /* rtl */ width: 34%; } .woocommerce .checkout #order_review{ padding: 100px 30px 50px 30px; margin-top: -75px; border-width: 1px; border-style: solid; } #order_review_heading { margin: 0; padding: 40px 30px 0 30px; position: relative; z-index: 1; height: 75px; } /*** checkout Coupon ***/ .woocommerce form.checkout_coupon{ margin: 0 0 30px 0; padding: 30px; border-width: 1px; border-style: dashed; border-radius: 0; display: none; } .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login{ display: none !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ text-align: left;/* rtl */ } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon > p{ display: inline-block; float: none; width: 100%; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first{ width: calc(100% - 210px); float: left;/* rtl */ margin: 0; line-height: 50px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ width: 200px; float: right;/* rtl */ } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first, .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ clear: none; } form.checkout_coupon .button{ min-width: 200px; } .woocommerce-checkout .checkout-login-coupon-wrapper{ margin-bottom: 55px; } body .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-last{ margin-bottom: 10px; } .woocommerce .checkout-login-coupon-wrapper .checkout_coupon .form-row-first .input-text{ min-height: 49px; } /*** Checkout Login ***/ .woocommerce .checkout-login-coupon-wrapper form.login{ margin: 0 0 30px 0; padding: 30px; border-width: 1px; border-style: dashed; border-radius: 0; display: none; } .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last{ display: table; table-layout: auto; } .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first > label, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last > label, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first > label + input, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last > label + input{ display: table-cell; vertical-align: top; } .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first > label, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last > label{ width: 15%; } .woocommerce form.login .form-row.form-row-first input, .woocommerce-page form.login .form-row.form-row-first input, .woocommerce form.login .form-row.form-row-last input, .woocommerce-page form.login .form-row.form-row-last input{ max-width: 100%; } .woocommerce .checkout-login-coupon-wrapper form.login .clear + p.form-row{ margin-top: 15px; margin-bottom: 15px; display: flex; align-items: center; } .woocommerce .checkout-login-coupon-wrapper form.login .clear + p.form-row > label.woocommerce-form-login__rememberme{ order: 1; } .woocommerce .checkout-login-coupon-wrapper form.login .clear + p.form-row > .woocommerce-form-login__submit{ float: none; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme:hover{ cursor: pointer; } .lost_password a{ color: inherit; } .register .woocommerce-password-strength{ margin-bottom: 5px; } /*** Checkout Billing ***/ .woocommerce .checkout .col2-set .woocommerce-billing-fields > h3{ margin-bottom: 30px; } .woocommerce form.checkout .col2-set .form-row .woocommerce-input-wrapper{ width: 75%; float: left; /* rtl */ display: block; } .woocommerce .checkout .col2-set .form-row label{ width: 25%; float: left; /* rtl */ display: block; } .woocommerce form .form-row .required { color: inherit; font-weight: normal; } .woocommerce .checkout .col2-set .woocommerce-account-fields > .form-row > label, .woocommerce .checkout .col2-set .woocommerce-shipping-fields > h3 > label{ width: 100%; } .woocommerce .checkout .form-row .optional { display: none; } .woocommerce .checkout .select2-container--default .select2-selection--single{ background: transparent; } .woocommerce .checkout #billing_address_2_field label.screen-reader-text, .woocommerce .checkout #shipping_address_2_field label.screen-reader-text{ position: static !important; font-size: 0; } .woocommerce .checkout #billing_address_2_field label.screen-reader-text .optional, .woocommerce .checkout #shipping_address_2_field label.screen-reader-text .optional{ display:none; } .woocommerce .checkout .col2-set .col-1{ padding: 0; margin-bottom: 0; overflow: hidden; } .woocommerce .checkout .col2-set .col-1, .woocommerce .checkout .col2-set .col-2{ width: 100%; margin-left: 0; margin-right: 0; float: left;/* rtl */ } .woocommerce .checkout .col2-set .col-2{ margin-top: 0; } .woocommerce-billing-fields{ overflow: hidden; } .woocommerce-billing-fields > h3:after{ display: table; clear: both; content: ""; } .woocommerce .checkout .select2-search--dropdown{ padding-top: 20px; } /*** Checkout Shipping ***/ .woocommerce .checkout .woocommerce-shipping-fields { margin-bottom: 15px; } .woocommerce .checkout .shipping_address .woocommerce-shipping-fields__field-wrapper{ margin-top: 16px; } .woocommerce .checkout .col-2 h3#ship-to-different-address{ width: 100%; float: none; position: relative; margin: 0; } .woocommerce-checkout .checkout #ship-to-different-address label{ position: relative; display: inline-block; width: 100%; cursor: pointer; } .woocommerce form .form-row .input-checkbox, label .woocommerce-Input[type="checkbox"], #ship-to-different-address-checkbox{ cursor: pointer; display: inline; width: auto; margin: -2px 8px 0 0;/* rtl */ text-align: center; vertical-align: middle; } .woocommerce-invalid #terms{ margin: 0 8px 0 0;/* rtl */ } .woocommerce-checkout .checkout .woocommerce-additional-fields .form-row{ margin-bottom: 0; } /*** Order Reviews ***/ .woocommerce .checkout #order_review table .product-name{ width: 65%; vertical-align: top; } .woocommerce .checkout #order_review table .product-total{ width: 35%; vertical-align: top; text-align: right; /* rtl */ } #order_review table .product-name strong{ display: inline-block; } .woocommerce .checkout #order_review table th, .woocommerce .checkout #order_review table td{ padding: 15px 0; } .woocommerce .checkout #order_review tfoot th{ text-transform: none; } .woocommerce .checkout #order_review tfoot .cart-subtotal th, .woocommerce .checkout #order_review tfoot .cart-subtotal td{ border-width: 2px 0 0; } .woocommerce .checkout #order_review tfoot .shipping ul.woocommerce-shipping-methods{ font-size: 94%; letter-spacing: 0; margin-left: -90px; /* rtl */ } .woocommerce .checkout #order_review tfoot td{ text-align: right; } .woocommerce .checkout #order_review tfoot .order-total strong{ font-weight: normal; } /*** Payment Method ***/ .woocommerce #payment{ background: none; border-width: 1px 0 0 0; border-style: solid; border-radius: 0; position: relative; margin: 0 -30px; padding: 20px 30px 0; } .woocommerce #payment div.payment_box{ width: 100%; background: #efefef; margin: 10px 0 30px 0; border: 0; padding: 20px 24px; line-height: 24px; letter-spacing: 0; border-radius: 0; box-shadow: none; } .woocommerce-checkout #payment .payment_methods div.payment_box:before{ border-bottom-color: #efefef; top: -5px; border-width: 10px; } .woocommerce #payment div.form-row{ padding: 0 0 0 0; margin: 0 0 0 0; } .woocommerce #payment #place_order{ display: inline-block; width: 100%; float: none; margin-top: 20px; margin-bottom: 0; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal img{ margin: -12px 0 0; max-height: 48px; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal{ font-size: 13px; line-height: 20px; position: relative; top: 12px; letter-spacing: 0; display: inline-block; } .woocommerce-checkout #payment ul.payment_methods li input{ margin: 0 5px 0 0; /* rtl */ } /*------------------------------------------------------------------------------------------------- X. MY ACCOUNT ---------------------------------------------------------------------------------------------------*/ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 210px; float: left;/* rtl */ position: relative; padding: 0 !important; overflow: visible; z-index: 5; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style: none; margin: 0 0 25px 0; padding: 0; width: 100%; text-align: center; line-height: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ display: inline-block; width: 100%; border-width: 1px; border-style: solid; padding-top: 10px; padding-bottom: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content{ margin-left: 240px;/* rtl */ padding: 0 0 0 30px;/* rtl */ float: none; width: auto; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: block; min-height: 400px; } .forgot-pass a, .forgot-pass a:hover{ text-decoration: underline; } /*** Orders ***/ .woocommerce table.my_account_orders { font-size: 100%; } .woocommerce table.my_account_orders .button { min-width: 0; text-decoration: none; } .woocommerce table.my_account_orders .woocommerce-orders-table__header-order-actions, .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions{ text-align: right; /* rtl */ } /*** Track Order ***/ .track_order .form-row input[type="submit"]{ min-width: 120px; } .woocommerce ul.order_details li{ float: left;/* rtl */ margin-right: 20px;/* rtl */ padding-right: 20px;/* rtl */ border-width: 0 1px 0 0;/* rtl */ border-style: dashed; } .woocommerce-account .addresses .title h3, .woocommerce-account .addresses h2, .woocommerce-customer-details .addresses h2{ float: left;/* rtl */ margin-bottom: 15px; } .woocommerce .woocommerce-customer-details address{ text-align: left;/* rtl */ } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{ padding-right: 0; padding-left: 30px;/* rtl */ position: relative; margin: 10px 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before{ top: 0; left: 0;/* rtl */ margin: 0; padding: 0; } .woocommerce table.customer_details tbody tr th, .woocommerce table.customer_details tbody tr td{ border-width: 1px 0 0 0; border-style: solid; padding-right: 0;/* rtl */ padding-left: 20px;/* rtl */ text-align: center !important; } .woocommerce table.customer_details tbody tr td, .woocommerce table.customer_details tbody tr td:last-child{ padding-right: 20px; padding-left: 20px; } .woocommerce table.customer_details tbody tr:first-child th, .woocommerce table.customer_details tbody tr:first-child td{ border-width: 0; } .woocommerce table.shop_table.order_details tfoot th{ text-transform: none; font-weight: bold; } .woocommerce table.shop_table.order_details tfoot > tr:first-child th, .woocommerce table.shop_table.order_details tfoot > tr:first-child td{ border-top-width: 3px; border-color: #363636; } p.order-info{ text-align: center; } body .woocommerce table.my_account_orders td.order-actions, .woocommerce .woocommerce-MyAccount-content table.order_details .product-total, .woocommerce .woocommerce-MyAccount-content table.order_details tfoot td, .woocommerce .woocommerce-order table.order_details .product-total, .woocommerce .woocommerce-order table.order_details tfoot td, .woocommerce .woocommerce-order-details table.woocommerce-table--order-details .product-total, .woocommerce .woocommerce-order-details table.woocommerce-table--order-details tfoot td{ text-align: right; /* rtl */ } /*** Address ***/ header.woocommerce-Address-title{ display: inline-block; width: 100%; } .woocommerce-account .addresses .title .edit{ position: relative; } .woocommerce-account .woocommerce-MyAccount-content button.button{ margin-top: 12px; } .woocommerce-account fieldset { padding: 40px 50px 30px; } .woocommerce-Address address{ margin-bottom: 20px; } .woocommerce .woocommerce-Address a.button{ padding: 5px 10px; } .woocommerce-MyAccount-content html input#account_email{ max-width: 100%; } .woocommerce-MyAccount-content > form{ width: 100%; display: inline-block; } .woocommerce-account article .woocommerce:after{ clear: both; content: ""; display: table; } .woocommerce-MyAccount-content .woocommerce-Addresses{ margin-top: 20px; display: inline-block; width: 100%; } .woocommerce div.address a.button{ margin-top: 20px; min-width: 120px; } .woocommerce .woocommerce-customer-details address{ border-width: 0; border-radius: 0; padding: 0; clear: both; } .woocommerce .edit-box-textfull .button{ margin-top: 10px } .woocommerce .edit-box-textfull p.form-row{ width: 100%; float: none; padding: 0; } .woocommerce .woocommerce-customer-details{ margin-bottom: 0; } /*** Account Details ***/ .woocommerce > form > fieldset{ border: 0;margin: 40px 0 0 0; } .woocommerce > form > fieldset legend{ text-transform: uppercase; margin: 0 0 20px 0; } /*** Login / Register ***/ .woocommerce-account .col2-set .col-1, .woocommerce-page.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2, .woocommerce-page.woocommerce-account .col2-set .col-2{ float: left; /* rtl */ width: 45%; } .woocommerce-account .col2-set .col-2, .woocommerce-page.woocommerce-account .col2-set .col-2{ float: right; /* rtl */ } .woocommerce-account form.login, .woocommerce-account form.register{ height: 100%; border: none; border-radius: 0; padding: 0; margin: 0; } .woocommerce-account form.login .button, .woocommerce-account form.register .button{ margin-top: 10px; } .woocommerce-account form.login .woocommerce-form-login__rememberme{ margin-top: 18px; } .woocommerce-account .col2-set > div > h2{ display: inline-block; margin: 0 0 30px 0; } .woocommerce-account .col2-set form.woocommerce-form .form-row:after{ content:''; display: table; clear: both; } .woocommerce-account .col2-set > div.woocommerce-column--billing-address > h2, .woocommerce-account .col2-set > div.woocommerce-column--shipping-address > h2{ margin: 0 0 20px 0; padding: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{ line-height: 24px; } .woocommerce form .password-input, .woocommerce-page form .password-input{ width: 100%; } /*** Thank You ***/ .woocommerce > .woocommerce-order .woocommerce-customer-details, .woocommerce > .woocommerce-order .woocommerce-order-details, .woocommerce > .woocommerce-order .woocommerce-order-downloads { margin-bottom: 15px; } .woocommerce > .woocommerce-order ul.order_details{ margin-bottom: 30px; } .woocommerce > .woocommerce-order .woocommerce-order-details__title{ margin-bottom: 30px; } .woocommerce > .woocommerce-order .woocommerce-customer-details .col-1{ margin-bottom: 30px; } /*------------------------------------------------------------------------------------------------- XI. QUICKSHOP ---------------------------------------------------------------------------------------------------*/ .ts-popup-modal .overlay, .pp_overlay, #cboxOverlay{ position: fixed; display: none; 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 .overlay{ visibility: hidden; display: block; opacity: 0; transition: 500ms linear 0s; background: rgba(0,0,0,0.7); } .ts-popup-modal.loading .overlay, .ts-popup-modal.show .overlay{ visibility: visible; opacity: 1; transition: 200ms linear 0s; } .ts-popup-modal.loading .overlay:before, #cboxLoadingGraphic:after{ color: #ffffff; } .ts-popup-modal.loading .overlay:before, .ts-popup-modal.show .overlay, .ts-popup-modal.loading .overlay, .ts-popup-modal.show .popup-container{ display: block; } .ts-popup-modal .popup-container{ position: fixed; z-index: 100001; padding: 0; top: 50%; left: 50%; visibility: hidden; margin-top: 30px; opacity: 0; transform: translate(-50%,-50%); width: 1000px; /* have to update width in js - quickshop fullslider */ padding: 40px; height: auto; transition: opacity 0.15s,margin 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; } body .ts-popup-modal .add-to-cart-popup-container{ width: 500px; } .ts-popup-modal.show .popup-container{ visibility: visible; opacity: 1; margin: 0; transition: opacity 0.35s,margin 0.5s; } .ts-popup-modal span.close{ width: 40px; height: 40px; line-height: 0; font-size: 0; letter-spacing: 0; text-align: center; z-index: 10001; top: 0; right: 0; position: absolute; transition: 250ms ease 0s; } .ts-popup-modal .quickshop-content{ max-height: 100%; overflow: hidden; } #ts-quickshop-modal.ts-popup-modal .popup-container{ padding: 0; } #ts-quickshop-modal .woocommerce div.images-thumbnails, #ts-quickshop-modal .woocommerce div.product.full-slider .images-slider-wrapper, #ts-quickshop-modal .woocommerce div.product div.summary{ width: 50%; /* can phai update width trong file js neu sua width - quickshop dang full slider */ margin-bottom: 0; } #ts-quickshop-modal .woocommerce div.product div.summary{ padding: 0 40px; /* rtl */ overflow: auto; position: absolute; top: 40px; bottom: 40px; right: 0;/* rtl */ } #ts-quickshop-modal .woocommerce div.images-thumbnails, #ts-quickshop-modal .woocommerce div.product.full-slider .images-slider-wrapper{ float: left;/* rtl */ position: relative; overflow: hidden; } #ts-quickshop-modal .woocommerce div.product.small-thumbnails div.images-thumbnails{ padding: 40px 0 40px 40px; } #ts-quickshop-modal .woocommerce div.product.small-thumbnails.horizontal-thumbnail div.images-thumbnails{ width: 40%; } #ts-quickshop-modal .woocommerce div.product.small-thumbnails.horizontal-thumbnail div.summary{ width: 60%; } #ts-quickshop-modal .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 124px; } #ts-quickshop-modal .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 144px;/* rtl */ } #ts-quickshop-modal .woocommerce div.product .summary .meta-content{ margin-bottom: 0; } .woocommerce div.product:after{ display: table; clear: both; content: ""; } .ts-popup-modal .quickshop-content .owl-nav > div{ top: 50%; position: absolute; width: 46px; height: 46px; margin: -23px 0 0; transition: 250ms ease 0s; } .ts-popup-modal .quickshop-content .owl-nav .owl-prev{ left: -46px; } .ts-popup-modal .quickshop-content .owl-nav .owl-next{ right: -46px; } .ts-popup-modal .quickshop-content .images-slider-wrapper:hover .owl-nav .owl-prev{ left: 10px; } .ts-popup-modal .quickshop-content .images-slider-wrapper:hover .owl-nav .owl-next{ right: 10px; } .add-to-cart-popup-content .heading h6{ text-transform: uppercase; padding: 0 0 15px; margin: 0; border-width: 0 0 1px 0; border-style: solid; font-weight: 700; font-family: inherit; } .add-to-cart-popup-content .item{ display: table; table-layout: auto; width: 100%; padding: 20px 0; } .add-to-cart-popup-content .item > *{ display: table-cell; vertical-align: middle; } .add-to-cart-popup-content .heading-title.product-name{ margin-bottom: 10px; } .add-to-cart-popup-content .item .product-image{ width: 120px; } .add-to-cart-popup-content .product-image img{ width: 100px; } .add-to-cart-popup-content .action{ padding: 20px 0 10px; clear: both; overflow: hidden; border-width: 1px 0 0 0; border-style: solid; } .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 */ } /*------------------------------------------------------------------------------------------------- XII. WISHLIST ---------------------------------------------------------------------------------------------------*/ body div.wishlist-title{ margin-bottom: 50px; display: flex; flex-flow: row wrap; align-items: center; } body div.wishlist-title h2{ margin-bottom: 0; flex: 1; } .woocommerce-wishlist .yith-wcwl-form .hidden-title-form{ margin-bottom: 50px; display: none; } .woocommerce-wishlist .yith-wcwl-form .hidden-title-form input[type="submit"], .woocommerce-wishlist .yith-wcwl-form .hidden-title-form a.button{ width: 200px; display: inline-block; vertical-align: bottom; } .woocommerce-wishlist .yith-wcwl-form .hidden-title-form input[type="text"]{ width: calc(100% - 420px); margin-right: 10px; /*rtl*/ margin-left: 0; /*rtl*/ display: inline-block; vertical-align: bottom; } .woocommerce table.wishlist_table td.product-thumbnail img{ width: 100px; } .woocommerce table.shop_table.wishlist_table tfoot td{ padding-bottom: 0 !important; } .woocommerce table.shop_table.wishlist_table .yith-wcwl-share{ display: none; } .woocommerce table.shop_table.wishlist_table td.product-price{ width: 160px; } .woocommerce table.shop_table.wishlist_table td.product-add-to-cart{ text-align: right; /* rtl */ } .woocommerce table.shop_table.wishlist_table td.product-stock-status{ width: 200px; } .woocommerce table.shop_table.wishlist_table tfoot td { padding: 0; } .woocommerce-wishlist .yith_wcwl_wishlist_footer{ border-width: 1px 0 0; border-style: solid; padding: 50px 0 0; } .woocommerce-wishlist .yith_wcwl_wishlist_footer h4{ margin: 0 20px 0 0; /*rtl*/ font-weight: 700 !important; } .woocommerce-wishlist .yith_wcwl_wishlist_footer h4, .woocommerce-wishlist .yith_wcwl_wishlist_footer ul{ display: inline-block; vertical-align: middle; } .woocommerce-wishlist .yith_wcwl_wishlist_footer ul{ margin: 0 -8px; } .woocommerce-wishlist .yith_wcwl_wishlist_footer ul li{ list-style: none; padding: 0; margin: 0 8px; display: block; float: left; } /*------------------------------------------------------------------------------------------------- XIII. COMPARE ---------------------------------------------------------------------------------------------------*/ .dataTables_scrollFoot{ display: none; } html body #yith-woocompare{ padding: 0; } body #cboxClose { background-image: none; text-indent: 0; font-size: 0; top: 0; right: 0; /* rtl */ left: auto; /* rtl */ z-index: 9; bottom: auto; min-width: 0; width: 40px; height: 40px; position: absolute; } #cboxLoadingGraphic{ background: none !important; } #cboxLoadingOverlay{ top: 50%; left: 50%; width: 100px; height: 100px; transform: translate(-50%,-50%); } #cboxContent{ background: transparent !important; } #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight{ background: transparent; width: 0;height: 0; padding: 0;margin: 0; } #cboxLoadedContent{ padding: 0; } #cboxLoadedContent iframe{ padding: 30px; position: relative; z-index: 1; background: #ffffff; } #cboxLoadedContent iframe, body table.compare-list div.blockUI.blockOverlay{ background: #ffffff !important; overflow-x: auto !important; } #cboxLoadedContent iframe .ts-scroll-wrapper{ position: static; visibility: hidden; opacity: 0; overflow-x: initial; } .dataTables_wrapper{ padding: 0; text-align: center; } .dataTables_scrollHead, .DTFC_LeftHeadWrapper{ display: none; } html body > h1{ padding: 15px 0 15px 20px; display: block; width: 100%; float: none; z-index: 14; text-align: inherit; border-width: 0; background: #363636; color: #fff !important; line-height: 24px !important; position: relative; } html body table.compare-list tr.description td p, html body table.compare-list tr.description th p { margin: 0; } table.compare-list, table.compare-list th, table.compare-list td{ box-sizing: content-box; } table.compare-list:not(.dataTable) thead{ display: none !important; } body table.compare-list{ margin: 0 !important; padding: 0 !important; width: 100% !important; border-width: 0 0 0 1px; border-style: solid; } body table.compare-list td{ line-height: 1.5; } body table.compare-list tbody tr { background-color: transparent !important; } body table.compare-list tbody tr.price { color: inherit; } body #yith-woocompare table.compare-list tbody tr.add-to-cart th, body #yith-woocompare table.compare-list tbody tr.title th, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) th{ font-size: 0; } body #yith-woocompare table.compare-list .price td { text-decoration: none; } body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td{ padding: 20px; background: transparent; } body #yith-woocompare table.compare-list tbody .remove th, body #yith-woocompare table.compare-list tbody .remove td{ padding-bottom: 0; } body #yith-woocompare table.compare-list tbody tr.title th, body #yith-woocompare table.compare-list tbody tr.title td, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) th, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) td, body #yith-woocompare table.compare-list tbody tr.add-to-cart th, body #yith-woocompare table.compare-list tbody tr.add-to-cart td{ padding-top: 0; } body #yith-woocompare table.compare-list tbody tr.title th, body #yith-woocompare table.compare-list tbody tr.title td, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) th, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) td{ padding-bottom: 10px; } body #yith-woocompare table.compare-list tbody tr.remove th, body #yith-woocompare table.compare-list tbody tr.remove td, body #yith-woocompare table.compare-list tbody tr.image th, body #yith-woocompare table.compare-list tbody tr.image td, body #yith-woocompare table.compare-list tbody tr.title th, body #yith-woocompare table.compare-list tbody tr.title td, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) th, body #yith-woocompare table.compare-list tbody tr.price:not(.repeated) td, body #yith-woocompare table.compare-list tbody tr.add-to-cart th, body #yith-woocompare table.compare-list tbody tr.add-to-cart td{ border-top: none; } body #yith-woocompare table.compare-list tfoot tr{ background: transparent; display: none; } body table.compare-list td img{ width: 200px; padding: 0; border: 0; max-width: 100%; margin-bottom: 0; } body table.compare-list .remove td a .remove, body table.compare-list tr.remove td > a{ position: relative; width: auto; height: auto; line-height: 0; font-size: 0; display: block; margin-left: auto; margin-right: auto; background: transparent !important; } body table.compare-list .remove td a .remove:before{ width: 34px; height: 34px; font-size: 16px; line-height: 34px; } body table.compare-list tr.remove td > a div.blockUI.blockOverlay { overflow: hidden !important; } body table.compare-list .stock td span{ color: inherit; } html body > h1 a.close { color: inherit; line-height: 1; font-size: 0; width: 40px; height: 40px; position: absolute; top: 6px; right: 0; } body table.compare-list .add-to-cart td a{ text-transform: uppercase; text-decoration: none; padding: 12px 26px; font-weight: bold; line-height: 24px; box-shadow: none; text-shadow: none; filter: none; cursor: pointer; text-align: center; background-image: none; border-width: 1px; border-style: solid; } body table.compare-list .add-to-cart td a.added_to_cart:before{ display: inline-block; vertical-align: middle; line-height: 1; margin: 0 5px 2px 0; /* rtl */ } body table.compare-list div.blockUI.blockOverlay{ width: 34px !important; height: 34px !important; margin: 0 auto !important; right: 0; opacity: 1 !important; background-image: none !important; } body table.compare-list div.blockUI.blockOverlay:before{ width: 34px; height: 34px; font-size: 16px; display: inline-block; position: static !important; line-height: 34px; margin: 0; } @-moz-keyframes spin{ to { transform: rotate(360deg); } } @-webkit-keyframes spin{ to { transform: rotate(360deg); } } @keyframes spin{ to { transform: rotate(360deg); } } /*------------------------------------------------------------------------------------------------- XIV. SHORTCODE ---------------------------------------------------------------------------------------------------*/ /*------------------------------------------ TS HEADING ------------------------------------------*/ .ts-heading { margin: 0 0 40px 0; } .ts-heading.heading-center, .ts-shortcode.heading-center .shortcode-heading-wrapper, .style-heading-line-under:not(.short-line), .style-heading-line-under.short-line.heading-center, .style-heading-line-under-2, .style-heading-line-under-2 .shortcode-heading-wrapper, .style-heading-dashed-line{ text-align: center; } .ts-heading .heading, .ts-shortcode .heading, .ts-products-widget .widgettitle{ position:relative; display: inline-block; margin-bottom: 0; } .style-heading-line-under .heading, .style-heading-dashed-line .heading, .style-heading-line-under .widgettitle, .widget.ts-products-widget.style-heading-line-under .widgettitle, .style-heading-dashed-line .widgettitle, .widget.ts-products-widget.style-heading-dashed-line .widgettitle{ padding-bottom: 15px; } .style-heading-line-under.short-line .heading, .style-heading-line-under.short-line .widgettitle, .widget.ts-products-widget.style-heading-line-under.short-line .widgettitle{ padding-bottom: 20px; } .style-heading-line-under-2 .heading, .style-heading-line-under-2 .widgettitle{ padding-bottom: 30px; } .ts-shortcode .heading-title .heading-title{ font-size: inherit !important; letter-spacing: inherit !important; } /*** Style Line Under ***/ .style-heading-line-under .heading:after, .style-heading-line-under .widgettitle:after{ content: ''; width: 200px; border-width: 5px 0 0 0; border-style: solid; position: absolute; bottom: 0; left: 0; /* rtl*/ } .style-heading-line-under:not(.short-line) .heading:after, .style-heading-line-under:not(.short-line) .widgettitle:after, .style-heading-line-under.short-line.heading-center .heading:after, .style-heading-line-under.short-line.heading-center .widgettitle:after{ left: 50%; /* rtl*/ transform: translateX(-50%); } .style-heading-line-under.second-line-background .heading:after, .style-heading-line-under.text-light.second-line-background .heading:after{ width: 100px; border-color: #ecbe13; } .style-heading-line-under.second-line-background{ margin-bottom: 30px; } /*** Style Short Line ***/ .style-heading-line-under.short-line .heading:after, .style-heading-line-under.short-line .widgettitle:after{ width: 60px; border-width: 10px 0 0 0; } /*** Style Line Under 2 ***/ .style-heading-dashed-line, .style-heading-line-under, .style-heading-line-under-2, .style-heading-line-under-2 .shortcode-heading-wrapper{ position: relative; } .style-heading-line-under.ts-alignleft .heading:after, .style-heading-line-under.ts-alignleft .widgettitle:after{ right: auto; /* rtl*/ } .ts-heading.style-heading-line-under-2:before, .style-heading-line-under-2 .shortcode-heading-wrapper:before{ content: '\e739'; font-family: 'themify'; line-height: 1; letter-spacing: 0; font-weight: normal; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; font-size: 14px; width: 18px; height: 18px; transform: rotate(45deg); } .style-heading-line-under-2 .heading:before, .style-heading-line-under-2 .heading:after{ content: ''; width: 30px; height: 1px; border-width: 1px 0 0; border-style: solid; position: absolute; position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; } .style-heading-line-under-2 .heading:before{ left: -80px; /* rtl */ } .style-heading-line-under-2 .heading:after{ right: -80px; /* rtl */ } /*** Style Dashed Line ***/ .style-heading-dashed-line .heading:before, .style-heading-dashed-line .widgettitle:before{ content: ''; position: absolute; left: 0; /* rtl*/ bottom: 0; width: 63px; height: 6px; background-color: #000000; left: -13px; /* rtl*/ right: 0; /* rtl*/ margin-left: auto; margin-right: auto; } .style-heading-dashed-line .heading:after, .style-heading-dashed-line .widgettitle:after{ content: ''; position: absolute; bottom: 0; left: 68px; /* rtl*/ display: inline-block; width: 8px; height: 6px; background-color: #000000; left: 0; /* rtl*/ right: -68px; /* rtl*/ margin-left: auto; margin-right: auto; } /*** Style Line Before ***/ .style-heading-line-before .heading, .widget.ts-products-widget.style-heading-line-before .widgettitle, .ts-shortcode.style-heading-line-before h2.heading{ line-height: 1 !important; padding-left: 20px; /* rtl*/ text-transform: uppercase; } .style-heading-line-before .heading:before, .style-heading-line-before .widgettitle:before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 10px; height: 76%; border-width: 0 0 0 10px; /* rtl */ border-style: solid; } /*** Style Grid Before ***/ .style-heading-grid-before .widgettitle:before, .style-heading-grid-before .heading:before{ display: inline-block; vertical-align: baseline; margin-right: 10px; font-size: 73%; } /*------------------------------------------ PRODUCTS ------------------------------------------*/ .woocommerce .ts-shortcode .products .product { margin: 0 0 30px 0; } .woocommerce .ts-shortcode.ts-slider .products .product, .woocommerce .ts-shortcode.mg-bottom-0 .products .product{ margin-bottom: 0; } .woocommerce.columns-3 .special-style .products .product:nth-child(4), .woocommerce.columns-3 .special-style .products .product:nth-child(5), .woocommerce.columns-3 .special-style .products .product:nth-child(6), .woocommerce.columns-3 .special-style .products .product:nth-child(7){ width: 25%; } .woocommerce.columns-4 .special-style .products .product:nth-child(5), .woocommerce.columns-4 .special-style .products .product:nth-child(6), .woocommerce.columns-4 .special-style .products .product:nth-child(7){ width: 33.3333333333%; } .woocommerce.columns-4 .special-style .products .product:nth-child(4), .woocommerce.columns-4 .special-style .products .product:nth-child(7), .woocommerce.columns-3 .special-style .products .product:nth-child(7){ clear: none; } .woocommerce.columns-4 .special-style .products .product:nth-child(5){ clear: both; } /*------------------------------------------ PRODUCT CATEGORY ------------------------------------------*/ .ts-product-category-wrapper .meta-wrapper div.button{ border: none !important; padding: 0 !important; background: transparent !important; } /*------------------------------------------ BANNER ------------------------------------------*/ .vc_row.ts-banner{ position: relative; overflow: visible !important; display: block; } .h1-big{ font-size: 140px; line-height: 150px; } .h2-big{ font-size: 70px; line-height: 70px; } .vc_row.ts-banner .h1-big{ padding-left: 7%; /* rtl */ margin-top: 60px; font-weight: 700; } .vc_row.ts-banner h2.h1, .vc_row.ts-banner h3.h2{ padding-left: 120px; /* rtl */ } .vc_row.ts-banner h3.h2{ margin-top: 30px; } .vc_row.ts-banner .absolute-img{ position: absolute; z-index: 4; } .vc_row.ts-banner .absolute-img.top{ top: -200px; left: 12%; /* rtl */ right: 0; /* rtl */ } .vc_row.ts-banner .absolute-img.bottom{ bottom: -140px; right: 12%; /* rtl */ left: 0; /* rtl */ } .vc_row.ts-banner .absolute-img ~ .vc_row:not(.absolute-img){ position: relative; z-index: 3; } .ts-banner .button:after { display: inline-block; vertical-align: baseline; margin-left: 5px; /* rtl */ } .vc_row.banner-gap-0{ margin-left: 0; margin-right: 0; } .vc_row.banner-gap-0 > .wpb_column{ padding-left: 0; padding-right: 0; } .vc_row.banner-gap-17{ margin-left: -17px; margin-right: -17px; } .vc_row.banner-gap-17 > .wpb_column{ padding-left: 17px; padding-right: 17px; } .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6{ color: #ffffff; } .ts-banner a.button{ background: transparent !important; border: none; } .ts-banner.banner-style-default .overlay{ cursor: default; } /*** Style 2 ***/ .banner-style-2:not(.banner-style-default).right-top.has-image .box-content > header{ top: 20%; } .ts-banner .hashtag { font-size: 125%; line-height: 24px; font-weight: 700; word-spacing: 20px; } /*** Style 3 ***/ .banner-style-3 header{ text-align: center; } .ts-banner.banner-style-3 .heading-text{ margin-bottom: 0; } .banner-style-3 .box-content > header > .heading-text, .banner-style-3 .box-content > header > .heading-text2, .banner-style-3 .box-content > header > .heading-text3{ margin-bottom: 18px; } .banner-style-3 .box-content > header > a.button{ margin-top: 40px; } .banner-style-3.has-image .box-content > header > .heading-text{ margin-bottom: 0; } .banner-style-3.has-image .box-content > header > a.button{ margin-top: 20px; } /*** Style 4 ***/ .banner-style-4 .heading-text{ font-size: 150%; line-height: 1.2; margin-bottom: 80px; letter-spacing: 2px; } .banner-style-4 .heading-text2{ font-size: 450%; line-height: 1; margin-bottom: 10px; letter-spacing: 5px; } .banner-style-4 .heading-text3{ font-size: 510%; line-height: 1; letter-spacing: 7px; } .ts-banner.pos-auto .box-content > header{ width: 100%; padding: 30px 15px; position: static; } .ts-banner.pos-auto .box-content{ text-align: center; } .ts-banner.banner-style-default header .heading-text{ margin-bottom: 0; } .ts-banner.banner-style-default header .heading-text ~ *{ margin-top: 20px; } .ts-effect-image.no-eff{ text-align: inherit; } .ts-effect-image.no-eff.ts-aligncenter{ text-align: center; } /*** cosmetic ***/ .cosmetic-banner-custom .ts-single-image { margin-bottom: 0; } .cosmetic-banner-custom .vc_custom_heading{ line-height: 1; word-break: break-all; white-space: pre-wrap; } .cosmetic-banner-custom h2.vc_custom_heading{ font-size: 930%; margin-top: 25px; } .cosmetic-banner-custom h3.vc_custom_heading{ font-size: 750%; letter-spacing: 15px; } .cosmetic-banner-custom .ts-single-image.eff-shine > a.image-link { vertical-align: top; } /*** drug ***/ .vc_row.drug-testimonials{ background-position: bottom right !important; } .drug-testimonials .custom-pdl{ padding-left: 10%; /*rtl*/ } .drug-testimonials .custom-pdl h2{ margin-bottom: 0; } /*------------------------------------------ SUBSCRIPTION ------------------------------------------*/ .vertical-button-icon .mailchimp-subscription input[type="email"], .vertical-button-icon .mailchimp-subscription input[type="email"]:hover, .vertical-button-icon .mailchimp-subscription input[type="email"]:focus{ border-width: 1px; box-shadow: none; } .ts-mailchimp-subscription-shortcode.fix-max-width{ max-width: 420px; } .ts-mailchimp-subscription-shortcode.fix-max-width.text-center{ margin: 0 auto; } .ts-mailchimp-subscription-shortcode.fix-max-width.text-right{ margin-left: auto; } .home-fashion-newsletter{ padding: 100px 80px; } .home-fashion-newsletter .vc_col-sm-5{ padding-right: 60px; /*rtl*/ } h2.vc_custom_heading.custom-fontsize-newsletter{ font-size: 437%; line-height: 1; } .home-fashion-newsletter .widget-container.mailchimp-subscription{ margin-bottom: 6px; } /*------------------------------------------ PIE CHART ------------------------------------------*/ .vc_col-sm-3 .vc_pie_chart.wpb_content_element{ max-width: 200px; margin: 0 auto 17px; } .vc_pie_chart .wpb_heading.wpb_pie_chart_heading{ margin: 10px 0 0; padding: 0; } .vc_col-sm-3 .wpb_heading.wpb_pie_chart_heading{ margin: 15px 0 0; } .vc_pie_chart_back { width: calc( 100% - 4px ) !important; height: calc( 100% - 11px ) !important; top: 2px; left: 2px; border: 2px solid; } .vc_pie_chart .vc_pie_chart_value{ font-size: 225%; line-height: 1; } /*------------------------------------------ PROGRESS BAR ------------------------------------------*/ .vc_progress_bar .vc_single_bar .vc_bar:before{ top: -28px; } /*------------------------------------------ GOOGLE MAP ------------------------------------------*/ .google-map-container.style-grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .google-map-container .information{ background: #ffffff; } /*------------------------------------------ VC TABS ------------------------------------------*/ body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-style-1 .vc_tta-tab{ border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 1px; border-style: solid; margin-right: 5px; /* rtl */ } body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-style-1 .vc_tta-panels-container + .vc_tta-tabs-container .vc_tta-tab{ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } body.wpb-js-composer .vc_general.vc_tta-tabs .vc_tta-panels-container + .vc_tta-tabs-container .vc_tta-tab { margin-bottom: 0; margin-top: -1px; } /*------------------------------------------ TS IMAGE GALLERY ------------------------------------------*/ /*** Scale items ***/ .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item .item, .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item.active + .owl-item.active + .owl-item.active .item{ transform: scale(0.8); background: #000000; border-radius: 64px; overflow: visible; transition: 400ms ease; } .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item .item img, .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item.active + .owl-item.active + .owl-item.active .item img{ opacity: 0.5; margin: 0 -4px; max-width: calc( 100% + 8px ); width: auto; transition: 400ms ease; } .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item.active + .owl-item.active .item{ transform: scale(1); } .scale-items .ts-image-gallery-wrapper.columns-3.ts-slider .owl-item.active + .owl-item.active .item img{ opacity: 1; } .scale-items .ts-image-gallery-wrapper .item a:before, .scale-items .ts-image-gallery-wrapper .item a:after{ display: none; } .scale-items .ts-image-gallery-wrapper .item a:hover{ background: transparent; } /*** Has Headings ***/ .ts-image-gallery-wrapper.has-heading .item{ position: relative; overflow: hidden; } .ts-image-gallery-wrapper.has-heading .item .overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.7; transform: scale3d(0,1,0); } .ts-image-gallery-wrapper.has-heading .item .headings{ position: absolute; top: 50%; left: 0; right: 0; color: #ffffff; transform: translateY(-50%) scale3d(0,1,0); } .ts-image-gallery-wrapper.has-heading .item .overlay, .ts-image-gallery-wrapper.has-heading .item .headings{ transition: 600ms ease; } .ts-image-gallery-wrapper.has-heading .item .headings > span{ display: block; text-align: center; } .ts-image-gallery-wrapper.has-heading .item .headings > .heading-1{ font-weight: 700; font-size: 90%; margin-bottom: 5px; } .ts-image-gallery-wrapper.has-heading .item .headings > .heading-2{ font-size: 150%; letter-spacing: 2px; font-weight: 400; } .ts-image-gallery-wrapper.has-heading .item:hover .overlay{ transform: scale3d(1,1,1); } .ts-image-gallery-wrapper.has-heading .item:hover .headings{ transform: translateY(-50%) scale3d(1,1,1); } .ts-image-gallery-wrapper.has-heading .item a:before, .ts-image-gallery-wrapper.has-heading .item a:after{ display: none; } /*------------------------------------------ IMAGE GALLERY ------------------------------------------*/ body .wpb_gallery .wpb_flexslider.flexslider, body .wpb_gallery .theme-default .nivo-controlNav{ position: relative; padding-bottom: 40px; background: transparent; } body .wpb_gallery .wpb_flexslider .flex-control-nav { position: absolute; bottom: 0; margin: 0; } body .flex-control-nav li { margin: 0; padding: 0; } .owl-dots{ text-align: center; margin-top: 20px; } .ts-logo-slider-wrapper .owl-dots, .ts-product-brand-wrapper .owl-dots{ margin-top: 60px; } .owl-dots > .owl-dot, body .flex-control-paging li a, body .theme-default .nivo-controlNav a{ border-color: transparent; background: transparent; display: inline-block; width: 14px; height: 14px; border-width: 3px; border-style: solid; position: relative; z-index: 9; margin: 0 10px; box-shadow: none; border-radius: 100%; } .owl-dots > .owl-dot:before, body .flex-control-paging li a:before, body .theme-default .nivo-controlNav a:before{ border-color: transparent; position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; content: ""; transition: 250ms ease 0s; border-radius: 100%; } .nivoSlider .nivo-caption { padding: 8px 15px; opacity: 1; -moz-opacity: 1; background: rgba(0,0,0,0.6); } body .flex-control-paging li a.flex-active{ background: transparent; } /*------------------------------------------ TESTIMONIAL ------------------------------------------*/ .ts-testimonial-wrapper.show-dots.dots-left .owl-dots{ position: absolute; left: -30px; /* rtl */ top: 50%; transform: rotate(90deg) translateX(-50%); /* rtl */ transform-origin: 0 0; /* rtl */ margin: 0; } .ts-testimonial-wrapper.ts-slider{ margin-left: -10px; margin-right: -10px; } .ts-testimonial-wrapper.ts-slider .owl-carousel .owl-item{ padding-left: 10px; padding-right: 10px; } /*------------------------------------------ PRODUCT IN CATEGORY TAB ------------------------------------------*/ .column-tabs .heading-tab .heading-title{ text-transform: uppercase; } .ts-product-in-category-tab-wrapper.tab-horizontal-icon .heading-tab, .ts-product-in-category-tab-wrapper.tab-horizontal-center .heading-tab, .ts-product-in-category-tab-wrapper.tab-horizontal-icon .list-categories, .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories{ text-align: center; } .ts-product-in-category-tab-wrapper.tab-horizontal-icon .list-categories, .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories{ margin: 15px 0 24px; } .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories ul.tabs > li{ display: inline-block; margin: 10px 40px; vertical-align: baseline; } .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories ul.tabs > li > img{ margin-bottom: 15px; opacity: 0.57; transition: 250ms ease 0s; } .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories ul.tabs > li:hover > img, .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories ul.tabs > li.current > img{ opacity: 1; } .ts-product-in-category-tab-wrapper.tab-horizontal-center.has-icon .list-categories ul.tabs > li.current{ position: relative; } .ts-product-in-category-tab-wrapper.tab-horizontal-center.has-icon .list-categories ul.tabs > li:after{ content: ""; width: 70px; height: 70px; border-radius: 100%; position: absolute; top: -18px; left: 50%; margin-left: -20px; opacity: 0; transform: scale(0); transition: 340ms ease 0s; } .ts-product-in-category-tab-wrapper.tab-horizontal-center.has-icon .list-categories ul.tabs > li.current:after{ opacity: 1; transform: scale(1); } .ts-product-in-category-tab-wrapper.tab-horizontal-center.has-icon .list-categories ul.tabs > li.current > *{ position: relative; z-index: 2; } /*------------------------------------------ PRODUCT DEAL ------------------------------------------*/ .products .product .meta-wrapper > .counter-wrapper{ display: inline-block; } .columns-4 .counter-wrapper, .columns-4 .ts-product-deals-wrapper .ts-countdown .counter-wrapper, .columns-5 .counter-wrapper, .columns-5 .ts-product-deals-wrapper .ts-countdown .counter-wrapper, .columns-6 .counter-wrapper, .columns-6 .ts-product-deals-wrapper .ts-countdown .counter-wrapper{ margin: 0 -15px; } .columns-4 .counter-wrapper > div, .columns-5 .counter-wrapper > div, .columns-6 .counter-wrapper > div{ margin: 0 15px; } .woocommerce div.product div.summary .counter-wrapper{ font-size: 24px; line-height: 30px; } /*------------------------------------------ PRODUCT CATEGORY BANNER ------------------------------------------*/ .ts-product-category-banner-wrapper{ margin-left: -15px; margin-right: -15px; display: flex; } .ts-product-category-banner-wrapper > .category-column{ flex-basis: 28%; padding: 0 15px; } .ts-product-category-banner-wrapper > .banner{ flex-basis: 44%; padding: 0 15px; } .ts-product-category-banner-wrapper > .banner > a{ width: 100%; height: 100%; display: block; overflow: hidden; transition: 600ms ease; } .ts-product-category-banner-wrapper > .banner img{ transition: 600ms ease; } .ts-product-category-banner-wrapper > .banner:hover img{ transform: scale(1.2); } .ts-product-category-banner-wrapper .category-item{ background: #ecf1f7; text-align: center; height: calc( 50% - 15px ); margin-bottom: 30px; display: flex; flex-flow: column wrap; justify-content: center; position: relative; transition: 400ms ease; } .ts-product-category-banner-wrapper .category-item:not(.active){ cursor: pointer; } .ts-product-category-banner-wrapper .category-item:after{ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: -1px; /* rtl */ margin-top: -13px; border-width: 13px 14px 13px 0; border-style: solid; border-color: transparent #f7f7f7 transparent transparent; opacity: 0; transition: 600ms ease; } .ts-product-category-banner-wrapper .category-item:hover:after, .ts-product-category-banner-wrapper .category-item.active:after{ opacity: 1; } .ts-product-category-banner-wrapper .banner ~ .category-column .category-item:after{ right: auto; /* rtl */ left: -1px; /* rtl */ transform: rotate(180deg); } .ts-product-category-banner-wrapper .category-item:hover, .ts-product-category-banner-wrapper .category-item.active{ background: #ffffff; } .ts-product-category-banner-wrapper .category-item .icon.has-hover-icon{ max-width: 80px; margin: 0 auto 30px; position: relative; } .ts-product-category-banner-wrapper .category-item .icon img{ width: auto; height: auto; } .ts-product-category-banner-wrapper .category-item .icon.has-hover-icon img:first-child{ backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 600ms ease 0s; } .ts-product-category-banner-wrapper .category-item .icon.has-hover-icon 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 } .ts-product-category-banner-wrapper .category-item:hover .icon.has-hover-icon img:first-child, .ts-product-category-banner-wrapper .category-item.active .icon.has-hover-icon img:first-child{ opacity: 0; } .ts-product-category-banner-wrapper .category-item:hover .icon.has-hover-icon img:last-child, .ts-product-category-banner-wrapper .category-item.active .icon.has-hover-icon img:last-child{ opacity: 1; } .ts-product-category-banner-wrapper .category-item .category-name h3{ display: inline-block; margin: 0; padding-bottom: 10px; text-transform: uppercase; position: relative; letter-spacing: 0.2em; opacity: 0.8; transition: 300ms ease 150ms; } .ts-product-category-banner-wrapper .category-item:hover .category-name h3, .ts-product-category-banner-wrapper .category-item.active .category-name h3{ opacity: 1; } .ts-product-category-banner-wrapper .category-item .category-name h3:before, .ts-product-category-banner-wrapper .category-item .category-name h3:after{ content: ""; width: 30px; height: 0; margin: 0 auto; display: block; border-width: 0 0 4px; position: absolute; border-style: solid; bottom: 0; left: 0; /* rtl */ right: 0; /* rtl */ transition: 300ms ease 100ms; } .ts-product-category-banner-wrapper .category-item .category-name h3:before{ opacity: 0.3; } .ts-product-category-banner-wrapper .category-item .category-name h3:after{ transform: scale(0); } .ts-product-category-banner-wrapper .category-item:hover .category-name h3:after, .ts-product-category-banner-wrapper .category-item.active .category-name h3:after{ transform: scale(1); } /*------------------------------------------ FEATURE ------------------------------------------*/ .ts-feature-wrapper .feature-title{ margin-bottom: 12px; } .ts-feature-wrapper .feature-icon{ font-size: 250%; } .ts-feature-wrapper .feature-number{ font-size: 200%; } .ts-feature-wrapper.feature-heading-big .feature-title{ font-size: 450%; line-height: 1.2; } .ts-feature-wrapper.feature-heading-big .feature-number{ font-size: 500%; line-height: 1; min-width: 88px; } /*------------------------------------------ SINGLE IMAGE ------------------------------------------*/ .ts-single-image{ margin-bottom: 20px; } .vc_row > .vc_column_container.animated{ animation-delay: 150ms; } /*------------------------------------------ MILESTONE ------------------------------------------*/ .ts-milestone > .number{ font-size: 320%; line-height: 1; } .group-milestone .ts-milestone:before{ left: -10px; /* rtl */ top: 10px; bottom: 10px; } /*------------------------------------------ PRICE TABLE ------------------------------------------*/ .ts-price-table.style-2.active-table .group-price { background: rgba(234, 234, 234, 0.3); color: #fff; } .ts-price-table.style-3 .table-title { margin: 10px 0; } /*------------------------------------------ TS BUTTON ------------------------------------------*/ a.ts-button.small{ min-width: 0; } a.ts-button.large{ min-width: 250px; } a.ts-button.x-large{ min-width: 300px; } a.ts-button i{ margin-right: 5px; /* rtl */ } a.ts-button.icon-right i{ margin-left: 5px; /* rtl */ margin-right: 0; /* rtl */ display: inline-block; } .ts-button-wrapper a.ts-button{ display: inline-block; vertical-align: middle; } /*------------------------------------------ TS BLOG ------------------------------------------*/ .ts-blogs.item-list .thumbnail-content .thumbnail.gallery .owl-nav{ display: none; } /*------------------------------------------ TS TEAM ------------------------------------------*/ .ts-team-members.style-4 .team-info{ background: rgba(155, 155, 155, 0.2); } /*------------------------------------------------------------------------------------------------- XV. BLOG ---------------------------------------------------------------------------------------------------*/ /*** Blockquote ***/ blockquote{ font-style: normal; padding: 50px; margin: 0; max-width: 100%; font-size: 125%; line-height: 1.7; text-align: left; /* rtl */ background: rgba(155, 155, 155, 0.1); } .ts-blogs .blogs .quote-wrapper blockquote{ background: rgba(155, 155, 155, 0.1); } .ts-blogs.ts-masonry blockquote{ font-size: 100%; } .ts-blogs .blogs .quote-wrapper{ background: transparent; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ padding: 50px; } .quote-icon{ line-height: 1; letter-spacing: 0; font-weight: normal; font-size: 38px; text-align: center; margin-bottom: 20px; } blockquote.style-1{ position: relative; padding: 50px 0 0 0; background: transparent; text-align: center; } blockquote.style-1.ts-alignleft{ text-align: left; /* rtl */ } blockquote.style-1:before{ content: ''; width: 32px; height: 24px; position: absolute; top: 0; left: 50%; margin-left: -16px; background: url('images/quote.png') no-repeat top left; } .wp-block-quote.is-style-default > p, .wp-block-quote.is-large > p, .wp-block-quote.is-style-large > p, .wp-block-quote.is-style-default > cite, .wp-block-quote.is-large > cite, .wp-block-quote.is-style-large > cite{ display: inline-block; font-style: normal; } blockquote .author{ display: inline; margin-top: 0; } blockquote.style-1 .author{ display: block; margin-top: 25px; } blockquote.style-1.hide-icon{ padding: 0 0 0 30px; /* rtl */ } blockquote.style-1.hide-icon:before{ display: none; } .widget-container blockquote, .ts-blogs .ts-col-6 blockquote{ padding: 30px; } blockquote .author, blockquote .role, .wp-block-quote cite, .wp-block-pullquote cite{ font-size: 95%; line-height: 20px; } blockquote .author, .wp-block-quote cite, .wp-block-pullquote cite{ font-weight: bold; font-style: normal; } .list-posts blockquote a:hover, .list-posts .wp-block-quote a:hover, .list-posts .wp-block-pullquote a:hover{ text-decoration: underline; } /*** Dropcap ***/ .ts-dropcap, body .has-drop-cap:not(:focus):first-letter{ top: -6px; font-size: 450%; line-height: 1; float: left; position: relative; margin: 0 15px 0 0; /* rtl */ font-weight: bold; text-transform: uppercase; } body .has-drop-cap:not(:focus):first-letter{ top: 0; margin-top: -12px !important; } .ts-dropcap.style-2{ padding: 10px 12px; top: 4px; background: rgba(155, 155, 155, 0.2); font-size: 250%; line-height: 1; margin-bottom: 10px; } .has-large-font-size{ line-height: 1.3; } /*** Pre/Code Tag ***/ body pre code{ background: transparent; } /*** Video/Audio ***/ .wp-block-audio audio { display: block; } .wp-block-video, .wp-block-archives-dropdown select{ margin-bottom: 24px; } /*** Table ***/ table td, table th, table thead th, table td:first-child, table th:first-child, table thead th:first-child{ border: none; } table thead th{ text-transform: none; font-weight: 400; font-size: 112%; } /*** Post Password ***/ .post-password-form input[type="password"]{ margin-bottom: 20px; } /*------------------------------------------ 1. BLOG STANDARD ------------------------------------------*/ .list-posts a:hover, .ts-blogs a:hover, .cats-link a:hover{ text-decoration: none; } .site-content > article:after{ content: ""; clear: both; display: table; } .list-posts article{ position: relative; } .list-posts article, .ts-blogs.item-grid .blogs .item, .ts-blogs.ts-masonry .blogs .item{ margin-bottom: 50px; } .list-posts article:not(:first-child).format-quote, .list-posts article:not(:first-child).sticky{ padding-top: 50px; } .list-posts article:not(:first-child){ padding-top: 50px; } .list-posts article:not(:first-child):before{ content: ''; width: 100%; height: 1px; border-width: 1px 0 0; border-style: dotted; position: absolute; top: 0; left: 0; } .list-posts .ts-blogs article{ padding-top: 0; } .list-posts .ts-blogs article:before{ display: none; } body.search-results #main-content.ts-col-24 .list-posts article{ max-width: 100%; } .list-posts article:last-child, .blog-list-style .list-posts article:last-child{ border-width: 0; padding-bottom: 0; } .list-posts article.sticky{ padding: 30px; background: rgba(155, 155, 155, 0.2); } .list-posts{ clear: both; } .list-posts article:after{ content: ""; display: table; clear: both; } .list-posts .heading-title a:hover{ text-decoration: none } .list-posts article.format-gallery .thumbnail{ width: 100%; display: block; } .list-posts article.format-gallery .thumbnail .owl-item{ opacity: 0 } .list-posts article.format-gallery .thumbnail .owl-item.active{ opacity: 1; } article .thumbnail{ position: relative; z-index: 2; } article .thumbnail figure{ overflow: hidden; } .list-posts .entry-format figure > a, .list-posts .entry-format figure > img, .list-posts .entry-format .owl-item img, .list-posts .entry-format figure{ opacity: 1; transition: 250ms ease 0s; } .list-posts .entry-format figure > img, .list-posts .entry-format .owl-item img, .ts-blogs figure > img, .ts-blogs .owl-item img{ transform: scale(1,1); backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 250ms ease 0s; } .list-posts .entry-format:hover figure > a > img, .list-posts .entry-format:hover figure > img, .list-posts .entry-format:hover .owl-item img{ opacity: 0.5; } .list-posts .entry-format:hover figure > img, .list-posts .entry-format:hover .owl-item img, .ts-blogs .thumbnail-content:hover figure > img, .ts-blogs .thumbnail-content:hover .owl-item.active img{ transform: scale(1.1,1.1); } .home.blog .list-posts .entry-format:hover figure > a > img, .home.blog .list-posts .entry-format:hover figure > img, .home.blog .list-posts .entry-format:hover .owl-item img{ opacity: 1 !important; } .home.blog .list-posts .entry-format:hover figure{ background: transparent !important; } .list-posts .entry-format, .ts-blogs .thumbnail-content{ position: relative; overflow: hidden; } .list-posts .entry-format > a, .ts-blogs .thumbnail-content > a{ overflow: hidden; } .ts-blogs.image-radius .thumbnail-content{ border-radius: 5px; } .list-posts .entry-content.no-featured-image, article.single-post > .entry-content.no-featured-image{ margin-top: -6px; } article.single-portfolio.left-thumbnail > .entry-content{ margin-top: 0; } .ts-blogs .entry-content, .ts-masonry.ts-blogs .entry-content, .list-posts .entry-content:not(.no-featured-image){ margin-top: 26px; } .ts-blogs .entry-content.no-featured-image, .ts-masonry.ts-blogs .entry-content.no-featured-image, .list-posts .entry-content:not(.no-featured-image).no-featured-image{ margin-top: 0; } .blog-list-style .list-posts .entry-content{ margin-top: 0; } .ts-blogs .entry-meta-top > span:last-child{ margin-right: 0;/* rtl */ padding-right: 0;/* rtl */ } .list-posts article.format-standard .entry-format > a, .list-posts article.format-gallery .entry-format .thumbnail, .ts-blogs .thumbnail-content > a, .ts-blogs .thumbnail-content .thumbnail{ margin-bottom: 0; display: block; } .list-posts .entry-title, .ts-blogs .entry-title{ margin-bottom: 0; } .list-posts .short-content{ margin: 0; display: inline-block; width: 100%; } .list-posts .button-readmore:hover, .ts-blogs .button-readmore:hover{ text-decoration: none; } .list-posts .entry-content > *:not(:last-child){ margin-bottom: 26px; } .entry-meta-top{ width: 100%; overflow: hidden; display: table; table-layout: auto; line-height: 22px; } .entry-meta-top .author > a:hover{ text-decoration: underline; } .entry-meta-top .meta-left, .entry-meta-top .meta-right{ display: table-cell; vertical-align: middle; } .entry-meta-top .meta-left:after, .entry-meta-top .meta-right:after{ content: ''; display: table; clear: both; } .entry-meta-top .meta-left > span{ display: block; float: left; } .entry-meta-top .meta-left > span:not(:last-child){ position: relative; padding-right: 10px; /* rtl */ margin-right: 10px; /* rtl */ } .entry-meta-top .meta-left > span:not(:last-child):after{ content: ""; position: absolute; top: 4px; right: 0; /* rtl */ border-width: 0 1px 0 0; border-style: solid; width: 0; height: 60%; } .entry-meta-top .meta-right > span{ display: block; float: right; margin-left: 15px;/*rtl*/ position: relative; padding-left: 25px;/*rtl*/ } .entry-meta-top .meta-right > span.ts-post-like-button.allow-like{ cursor: pointer; } .entry-meta-top .meta-right .comment-count:before, .entry-meta-top .meta-right span.ts-post-like-button .icon{ position: absolute; top: 0; left: 0;/*rtl*/ width: 22px; height: 22px; font-size: 18px; line-height: 26px; } .entry-meta-top .meta-right span.ts-post-like-button .icon:before{ font-size: 20px; } .comment-count .number, .ts-post-like-button .number{ font-size: 12px; line-height: 22px; font-weight: bold; width: 22px; height: 22px; text-align: center; border-radius: 100%; display: inline-block; } .entry-meta-middle .cats-link:before{ display: inline-block; vertical-align: bottom; margin-right: 5px;/* rtl */ } .entry-meta-bottom.entry-meta-bottom .button-readmore{ display: inline-block; vertical-align: bottom; margin-top: 5px; } /*** Blog Grid - Item list ***/ .ts-blogs.item-list .blogs .item{ padding: 20px; background: #ffffff; margin-bottom: 30px; } .ts-blogs.item-list .blogs .item:last-child, .ts-blogs.item-list.ts-slider .blogs .item{ margin-bottom: 0; } .ts-blogs.item-list .entry-meta-top{ font-size: 87.5%; line-height: 24px; } .ts-blogs.item-list .entry-meta-top .meta-left > span:not(:last-child):after{ top: 6px; height: 50%; } /*------------------------------------------ 2. BLOG LIST ------------------------------------------*/ .blog-list-style .list-posts article{ max-width: 100% !important; } .blog-list-style .list-posts article .entry-meta-top > span{ margin-right: 12px; /* rtl */ padding-right: 12px; /* rtl */ } .blog-list-style .list-posts article .entry-meta-top > span:last-child{ margin-right: 0;/* rtl */ padding-right: 0;/* rtl */ } .blog-list-style .list-posts article .entry-format{ width: 38%; float: left;/* rtl */ } .blog-list-style .list-posts article .entry-content{ width: 62%; padding: 0 0 0 50px;/* rtl */ float: left;/* rtl */ margin-top: 0; } .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 */ } /*------------------------------------------ 3. BLOG MASONRY ------------------------------------------*/ .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: ""; } .ts-blogs a.thumbnail{ display: block; } .ts-blogs .thumbnail-content:hover .entry-meta-top{ transform: translate(0, 0); } .ts-blogs .entry-meta-bottom > .comment-count{ float: right;/* rtl */ } .ts-blogs-wrapper .blogs article.quote .entry-meta-bottom{ display: none; } .ts-masonry.ts-blogs .entry-content { padding: 0; position: relative; margin: 22px 0 0 0; } .ts-blogs-wrapper .blogs .item:after{ display: table; clear: both; content: ""; } .ts-blogs-wrapper.ts-slider .content-wrapper{ margin: 0px; } .ts-blogs-wrapper.ts-slider .blogs .item{ padding: 0; } .ts-blogs-wrapper.ts-slider.item-list .blogs .item{ margin-bottom: 0; } .ts-blogs .entry-content > *:not(:last-child) { margin-bottom: 20px; } .ts-blogs.ts-masonry .blogs .item .heading-title{ line-height: 24px; } .ts-blogs .excerpt{ display: inline-block; width: 100%; } .ts-blogs .item.ts-col-6 .meta-right{ margin-top: 10px; } .row-has-sidebar{ margin-left: -15px; margin-right: -15px; } .row-has-sidebar > .wpb_column{ padding-left: 15px; padding-right: 15px; } #right-sidebar.wpb_widgetised_column{ padding: 0; } @media (min-width: 1200px){ .row-has-sidebar{ margin-left: -40px; margin-right: -40px; } .row-has-sidebar > .wpb_column{ padding-left: 40px; padding-right: 40px; } } /*------------------------------------------ 4. PAGINATION ------------------------------------------*/ .ts-pagination ul, .woocommerce nav.woocommerce-pagination ul, .ts-shop-result-count{ display: block; overflow: hidden; border-width: 1px 0 0; border-style: solid; text-align: center; padding-top: 30px; margin-bottom: 0; } .ts-pagination ul li, .woocommerce nav.woocommerce-pagination ul li{ display: inline-block; list-style: none; padding: 1px 0 0 0; border: none; float: none; } .ts-pagination ul li a:hover, .woocommerce-pagination{ text-decoration: none; } .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before{ font-weight: inherit; letter-spacing: 0; display: inline-block; line-height: 28px; } .ts-pagination.no-border ul{ border-width: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .ts-pagination ul li a, .ts-pagination ul li span{ padding: 0; min-width: 28px; line-height: 1; margin: 0 5px; text-align: center; display: inline-block; } .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; line-height: 0; margin: 0 5px; } .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .ts-pagination ul li a.prev:before, .ts-pagination ul li a.next:before{ font-size: 16px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .ts-pagination ul li a:focus, .ts-pagination ul li a:hover, .ts-pagination ul li span.current{ background: transparent; font-weight: bold; } /*------------------------------------------ 5. BLOG DETAIL ------------------------------------------*/ body.single-post .page-container #main-content{ margin-bottom: 50px; } /*** Navigation ***/ .single-navigation{ display: table; width: 100%; table-layout: auto; margin-bottom: 40px; } .single-navigation > div{ display: table-cell; vertical-align: middle; line-height: 36px; } .single-navigation > .next{ text-align: right;/* rtl */ } .single-navigation:after{ display: table; content: ""; clear: both; } .single-navigation a{ text-decoration: none; position: relative; display: inline-block; font-weight: 700; text-transform: capitalize; } .single-navigation .prev > a{ padding-left: 45px;/* rtl */ } .single-navigation .next > a{ padding-right: 45px;/* rtl */ } .single-navigation .prev > a:before{ position: absolute; top: 0; left: 0; } .single-navigation .next > a:after{ position: absolute; top: 0; right: 0; } .single-navigation> .prev > a:before, .single-navigation> .next > a:after{ font-size: 36px; font-weight: 400; } /*** Title ***/ .single .entry-format{ display: table; table-layout: auto; } .single .entry-format-left, .single .entry-format-right{ display: table-cell; vertical-align: middle; } .single .entry-format-right{ width: 62%; text-align: right; /* rtl */ padding-left: 100px; /* rtl */ max-width: 680px; } .single .entry-format .entry-title{ margin-bottom: 37px; line-height: 1.5; } body.single.single-post #main-content, body.single.single-post .ts-sidebar{ margin-top: 50px; } .single .entry-format-right .thumbnail{ margin-bottom: 0; } .single .entry-title{ -ms-word-break: break-word; word-break: break-word; } /*** Gallery ***/ .single-post div.gallery:after{ clear: both; } .single-post div.gallery{ margin: 0 -10px; } .single-post div.gallery .gallery-caption{ margin: 10px 0 0 0; padding: 0; } .single-post div.gallery .gallery-item{ float: left;/*rtl */ margin: 0 0 10px 0; padding: 10px; } .single-post .gallery-columns-2 .gallery-item{ width: 50%; } .single-post .gallery-columns-3 .gallery-item{ width: 33.33333%; } .single-post .gallery-columns-4 .gallery-item{ width: 25%; } .single-post .gallery-columns-5 .gallery-item{ width: 20%; } .single-post .gallery-columns-6 .gallery-item{ width: 16.66666%; } .single-post .gallery-columns-7 .gallery-item{ width: 14.28% } .single-post .gallery-columns-8 .gallery-item{ width: 12.5%; } /*** Content ***/ .entry-summary .short-content table, .entry-summary .short-content blockquote, .entry-summary .short-content pre, .entry-summary .short-content hr, .entry-summary .short-content .wp-block-audio, .entry-summary .short-content .wp-block-pullquote, .entry-summary .short-content .wp-block-media-text, .entry-summary .short-content .wp-block-pullquote, .entry-summary .short-content .wp-block-gallery, .entry-summary .short-content .wp-block-button, .entry-summary .short-content .wp-block-image, .entry-summary .short-content .wp-block-embed, .entry-summary .short-content .wp-block-cover{ margin: 30px 0; } .single .entry-content table, .single .entry-content blockquote, .single .entry-content pre, .single .entry-content hr, .single .entry-content .wp-block-audio, .single .entry-content .wp-block-pullquote, .single .entry-content .wp-block-media-text, .single .entry-content .wp-block-pullquote, .single .entry-content .wp-block-gallery, .single .entry-content .wp-block-button, .single .entry-content .wp-block-image, .single .entry-content .wp-block-embed, .single .entry-content .wp-block-cover{ margin: 50px 0; } .single .entry-content .wp-block-cover.alignleft, .single .entry-content .wp-block-cover.alignright, .single .entry-content .wp-block-cover.alignnone{ margin-bottom: 50px !important; } .entry-summary .short-content table:first-child, .entry-summary .short-content blockquote:first-child, .entry-summary .short-content pre:first-child, .entry-summary .short-content .wp-block-gallery:first-child, .entry-summary .short-content .wp-block-button:first-child, .entry-summary .short-content .wp-block-image:first-child, .entry-summary .short-content .wp-block-cover:first-child, .single .entry-content table:first-child, .single .entry-content blockquote:first-child, .single .entry-content pre:first-child, .single .entry-content .wp-block-gallery:first-child, .single .entry-content .wp-block-button:first-child, .single .entry-content .wp-block-image:first-child, .single .entry-content .wp-block-cover:first-child{ margin-top: 0; } .entry-summary .post-nav-links{ margin-top: 24px; } .entry-summary .post-nav-links{ margin-bottom: 0; } .entry-summary .short-content > *:last-child, .entry-summary .short-content > *:last-child .alignleft, .entry-summary .short-content > *:last-child .alignright, .entry-summary .short-content > *:last-child .aligncenter, .entry-summary .short-content > *:last-child .alignnone{ margin-bottom: 0 !important; } .entry-summary .short-content h1, .entry-summary .short-content h2, .entry-summary .short-content h3, .entry-summary .short-content h4, .entry-summary .short-content h5, .entry-summary .short-content h6, .single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6{ margin-bottom: 30px; } .entry-summary .short-content header h1, .entry-summary .short-content header h2, .entry-summary .short-content header h3, .entry-summary .short-content header h4, .entry-summary .short-content header h5, .entry-summary .short-content header h6{ margin-bottom: 0; } #primary > article.page > p > img.alignnone, .single .entry-content .full-content p > img.alignnone{ margin-top: 50px !important; margin-bottom: 36px !important; } #primary > article.page > p > img.alignleft, #primary > article.page > p > img.alignright, .single .entry-content .full-content p > img.alignleft, .single .entry-content .full-content p > img.alignright{ margin-bottom: 50px !important; } #primary > article.page > p > img.aligncenter, .single .entry-content .full-content p > img.aligncenter{ margin-top: 50px !important; margin-bottom: 50px !important; } article > .alignleft ~ p, article > .alignright ~ p{ clear: none; } .entry-summary .short-content p > img.alignnone{ margin-bottom: 6px !important; } .entry-summary .short-content hr, .single .entry-content hr{ display: block; } .entry-summary .short-content hr:not(.is-style-dots), .single .entry-content hr:not(.is-style-dots){ height: 0; border-width: 1px 0 0 0; border-style: solid; } .entry-summary .short-content hr:not(.alignwide):not(.alignfull):not(.is-style-wide):not(.is-style-dots), .single .entry-content hr:not(.alignwide):not(.alignfull):not(.is-style-wide):not(.is-style-dots){ max-width: 50%; } .entry-summary .short-content hr.aligncenter, .single .entry-content hr.aligncenter{ margin-left: auto; margin-right: auto; } .entry-summary .short-content .wp-block-pullquote, .single .entry-content .wp-block-pullquote{ border-width: 1px; border-style: solid; } .entry-summary .short-content .wp-block-pullquote.is-style-solid-color, .single .entry-content .wp-block-pullquote.is-style-solid-color{ border-width: 0; } .entry-summary .short-content .wp-block-pullquote blockquote, .single .entry-content .wp-block-pullquote blockquote{ margin: 0; padding: 0 50px; background: transparent; } .wp-block-button .wp-block-button__link{ min-width: 200px; text-transform: uppercase; font-weight: bold; border-radius: 50px; } .wp-block-button.is-style-squared .wp-block-button__link{ border-radius: 0; } .wp-block-button .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link{ border-width: 1px; border-style: solid; } .wp-block-button .wp-block-button__link:hover{ text-decoration: none; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .entry-content .wp-block-cover{ color: #ffffff; } .entry-content .wp-block-cover strong{ color: inherit; } .entry-content .wp-block-cover a:hover{ text-decoration: underline; } .no-sidebar .wp-block-image.alignfull, .no-sidebar .wp-block-cover.alignfull, .no-sidebar .wp-block-columns.alignfull, .no-sidebar .wp-block-media-text.alignfull, .no-sidebar .wp-block-gallery.alignfull{ max-width: 100vw; width: 100vw; margin-left: calc(-100vw/2 + 100%/2) !important; margin-right: calc(-100vw/2 + 100%/2) !important; } .no-sidebar .wp-block-columns.alignfull, .no-sidebar .wp-block-columns.alignfull .wp-block-column{ padding-left: 50px; padding-right: 50px; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 14px; } .blocks-gallery-grid.alignfull .blocks-gallery-image figcaption, .blocks-gallery-grid.alignfull .blocks-gallery-item figcaption, .wp-block-gallery.alignfull .blocks-gallery-image figcaption, .wp-block-gallery.alignfull .blocks-gallery-item figcaption { padding: 40px 15px 15px; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-caption p.wp-caption-text{ line-height: 1.5; } .list-posts article.sticky .entry-content .short-content p:last-child, .list-posts article.sticky .entry-content .short-content ul:last-child{ margin-bottom: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-image figcaption, .wp-block-video figcaption, .wp-block-embed figcaption, .wp-caption p.wp-caption-text{ margin-top: 10px; margin-bottom: 0; font-size: 14px; line-height: 20px; font-style: italic; letter-spacing: 0; } .wd-edit-link{ margin-top: -30px; float: right;/* rtl */ display: inline-block; } /*** Sharing ***/ .single .entry-content .entry-meta-bottom{ border-width: 1px 0; border-style: solid; padding: 40px 0; } .single .entry-content .entry-meta-bottom > *{ padding: 7px 0; } .ts-social-sharing{ width: 100%; } .single .social-sharing .ts-social-sharing{ text-align: center; } .ts-social-sharing ul{ display: inline-block; vertical-align: middle; margin: 0 -8px; } .ts-social-sharing ul:after{ content: ''; clear: both; display: table; } .ts-social-sharing li{ list-style: none; padding: 0; margin: 0 8px; display: block; float: left; /* rtl */ } .ts-social-sharing li a{ line-height: 20px; text-align: center; display: block; } .ts-social-sharing li.facebook a:hover{ color: #3b5998; } .ts-social-sharing li.twitter a:hover{ color: #2caae1; } .ts-social-sharing li.pinterest a:hover{ color: #cb2027; } .ts-social-sharing li.linkedin a:hover{ color: #0073b0; } .ts-social-sharing li.reddit a:hover{ color: #ff4500; } /*** Blog categories/tags ***/ .single-post .entry-content .entry-meta-bottom{ margin-top: 26px; } /*** Author ***/ .entry-author{ display: table; table-layout: fixed; width: 100%; padding: 37px 0; border-width: 0 0 1px 0; border-style: solid; clear: both; } .entry-author > *{ display: table-cell; vertical-align: middle; } .entry-author .author-avatar{ width: 120px; overflow: hidden; vertical-align: top; padding-right: 30px; /* rtl */ } .entry-author .author-avatar img{ width: 100%; border-radius: 100%; } .entry-author .author-info .author{ margin-right: 10px; /* rtl */ display: inline-block; font-size: 110%; } .entry-author .author-info .role{ text-transform: capitalize; } .entry-author .author-info p{ margin: 10px 0 0 0; } /*** Effect ***/ .blogs article .thumbnail-content:hover .owl-item > img{ opacity: 0.7; } .blogs article a.gallery .owl-item{ position: relative; } .blogs a.thumbnail.gallery figure .owl-item{ background: rgba(0,0,0,0.3); } .blogs article .thumbnail-content:hover .effect-thumbnail, .blogs article a.gallery figure.owl-carousel .thumbnail-content:hover:before{ opacity: 1; } .blogs article a.gallery .effect-thumbnail{ display: none; } /*------------------------------------------ 6. RELATED POSTS ------------------------------------------*/ article.single header.theme-title, article.single header.heading-wrapper{ margin-bottom: 40px; } .ts-blogs.related-posts{ margin-top: 60px; width: 100%; } .single .related-posts .entry-content .entry-meta-bottom{ margin-top: 0; } .single .ts-blogs.related-posts{ margin-bottom: 0 !important; } .single .related-posts .entry-title{ margin-bottom: 0; } .ts-blogs .entry-content{ backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ts-blogs.item-list .entry-content{ padding: 0; } .ts-blogs.item-list .thumbnail-content + .entry-content { padding: 0 0 0 30px; /* rtl */ text-align: left; /* rtl */ } .ts-blogs article{ display: block; overflow: hidden; margin-left: auto; margin-right: auto; } .ts-blogs.related-posts .blogs:not(.owl-carousel) article{ max-width: 450px; } .ts-blogs .entry-meta:after{ display: table; content: ""; clear: both; } article.quote .ts-blockquote{ padding: 10px 20px; } article.quote .blockquote-meta{ padding: 20px 0 10px 0; position: relative; overflow: hidden; } article.quote .blockquote-meta .date-time{ margin-right: 30px; /* rtl */ } article.quote .blockquote-meta .date-time, article.quote .blockquote-meta .author{ float: left;/* rtl */ display: inline-block; width: auto; margin-top: 0; } article.quote .blockquote-meta .author{ float: right;/* rtl */ margin: 0; } article.quote .blockquote-meta:before{ left: 30px; right: 30px; top: 0; height: 1px; border-width: 1px 0 0 0; border-style: solid; content: ""; z-index: 1; opacity: 0.2; position: absolute; } article.quote .blockquote-meta{ padding: 15px 30px 30px 30px; position: relative; background: rgba(217,217,217,0.2); } header span.author a, .meta .author a{ font-style: italic; } /*------------------------------------------ 7. COMMENT ------------------------------------------*/ .commentlist .comment-wrapper li ol li.comment{ border-width: 1px 0 0 0; border-style: solid; content: ""; } .commentlist .comment-wrapper{ display: table; table-layout: fixed; width: 100%; } .commentlist .comment-wrapper > *{ display: table-cell; vertical-align: middle; } .commentlist .comment-wrapper .comment-detail{ padding: 0; } .commentlist .comment-wrapper .comment-text p{ margin-bottom: 20px; } .comments-area{ margin: 0; clear: both; display: inline-block; width: 100%; overflow: hidden; } .comments-area > .commentlist > li.pingback{ list-style: none; border-width: 0; margin: 0; padding: 0; } .comments-area > .commentlist > li:first-child{ margin-top: 0; padding-top: 0; } .commentlist > li{ padding: 20px 0 0 0; margin-top: 20px; } .commentlist > li:first-child{ padding-top: 0; border-width: 0; } .commentlist .children{ padding: 20px 0 0 80px;/* rtl */ margin: 0; } .commentlist .children > li{ list-style: none; padding-top: 20px; margin-top: 20px; padding-bottom: 0; position: relative; } .commentlist .children > li:first-child{ margin-top: 0; } .comments-area div.avatar{ padding-right: 20px; /* rtl */ width: 80px; vertical-align: top; } .comments-area div.avatar img{ width: 60px; height: 60px; border-radius: 100%; } .comment-detail .comment-meta{ display: block; margin-bottom: 16px; } .comment-meta-bottom span{ margin-right: 20px;/* rtl */ font-size: 14px; display: inline-block; } .comment-meta-bottom > span:before{ display: inline-block; vertical-align: bottom; color: inherit; margin-right: 8px;/* rtl */ } .comment-meta-bottom span:last-child{ margin-right: 0; } .comment-detail .author a, .comment-detail .reply a{ font-style: normal; } #comment-wrapper .logged-in-as a:hover, .comment-meta-bottom a.comment-edit-link:hover, .comment-meta-bottom a.comment-reply-link:hover{ text-decoration: underline; } .comment-detail .comment-text{ clear: both; } .single .commentlist{ margin-bottom: 0; } /*** COMMENT FORM ***/ .single .comments-area{ margin-top: 50px; } #primary > article.page ~ .comments-area{ margin-top: 60px; margin-bottom: 50px; } #comment-wrapper{ overflow: hidden; } .commentlist + #comment-wrapper{ margin-top: 50px; } .commentlist .comment #comment-wrapper{ margin-top: 30px; } #comment-wrapper .info-wrapper > p, #comment-wrapper .message-wrapper > p{ margin: 0 0 30px 0; } #comment-wrapper .info-wrapper > p > label, #comment-wrapper .message-wrapper > p > label{ display: none; } #comment-wrapper p.form-submit{ clear: both; display: inline-block; width: 100%; margin-bottom: 0; } #comment-wrapper p.form-submit .button{ min-width: 220px; border: 1px solid; } #cancel-comment-reply-link{ letter-spacing: 0; font-weight: 700; } .comments-area .comment.depth-5 .comment-meta-bottom .reply:before{ display: none; } .comments-area .comment.depth-5 .comment-meta-bottom .reply{ margin-right: 0; /* rtl */ } .comments-area #cancel-comment-reply-link{ font-weight: normal; font-size: 90%; } /*------------------------------------------ 8. PORTFOLIO ------------------------------------------*/ .ts-portfolio-wrapper > ul.filter-bar{ margin-top: -10px; margin-bottom: 25px; text-align: center; } .portfolio-inner .portfolio-meta > div:first-child { text-align: left; /* rtl */ } .columns-3 .portfolio-inner .portfolio-meta > div:first-child , .columns-4 .portfolio-inner .portfolio-meta > div:first-child { padding: 10px 15px; } .portfolio-inner .item h3 a{ text-transform: none; } .ts-portfolio-wrapper.has-margin .portfolio-inner{ margin-left: -10px; /* rtl */ margin-right: -10px; /* rtl */ } .portfolio-inner .item{ margin-bottom: 40px; } .ts-portfolio-wrapper.has-margin .portfolio-inner .item{ padding: 0 10px; } .ts-portfolio-wrapper .load-more-wrapper{ margin-bottom: 50px; } .ts-portfolio-wrapper .filter-bar li.current:hover{ cursor: default; } .ts-portfolio-wrapper .portfolio-inner .item figure > a{ display: block; position: relative; overflow: hidden; } .ts-portfolio-wrapper .portfolio-inner .item figure > a:before{ position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .ts-portfolio-wrapper .portfolio-inner .item figure > a:hover:before{ -webkit-animation: shine 1.2s; animation: shine 1.2s; animation-delay: 150ms; } .ts-portfolio-wrapper .portfolio-inner .item figure > a > img{ transition: 600ms ease 0s; } .ts-portfolio-wrapper .portfolio-inner .item figure > a:hover > img{ transform: scale(1.2); } /*------------------------------------------ 9. PORTFOLIO DETAIL ------------------------------------------*/ .single-portfolio .ts-portfolio-wrapper{ display: inline-block; width: 100%; margin-top: 50px; } .single-portfolio .shortcode-heading-wrapper .heading{ padding-right: 0; } .single-portfolio .thumbnail, .single-portfolio .entry-content{ width: 50%; float: left;/* rtl */ overflow: hidden; } .single-portfolio .thumbnail a{ display: block; overflow: hidden; } .single-portfolio .thumbnail img{ display: inline-block; } .single-portfolio .entry-content{ padding-left: 50px; /* rtl */ } .single-portfolio.top-thumbnail .entry-content{ margin-top: 30px; } .single-portfolio.top-thumbnail .thumbnail, .single-portfolio.top-thumbnail .entry-content{ width: 100%; padding-left: 0; padding-right: 0; } .single-portfolio .meta-content{ display: inline-block; width: 100%; } .single-portfolio.top-thumbnail .portfolio-content{ float: left; /* rtl */ padding-right: 30px;/* rtl */ } .portfolio-info > *:not(.social-sharing){ display: inline-block; } .portfolio-info > span:first-child{ margin-bottom: 0; font-weight: bold; } .portfolio-info{ display: inline-block; width: 100%; margin: 5px 5px 5px 0; } .meta-content .portfolio-info{ margin-left: 0; margin-right: 0; } .meta-content .portfolio-info:first-child{ border: 0 !important; margin-top: 0; } .single-portfolio .portfolio-info.like-button{ position: absolute; bottom: 10px; right: 10px; /* rtl */ margin: 0; width: auto; z-index: 9; display: block; overflow: hidden; cursor: pointer; } .single-portfolio .ts-video.auto-size ~ .portfolio-info.like-button{ bottom: 55px; } .portfolio-info.like-button .portfolio-like{ padding: 12px 15px; } .portfolio-info.like-button .portfolio-like .ic-like:before{ font-family: 'FontAwesome'; font-weight: normal; letter-spacing: 0; display: inline-block; content: "\f08a"; font-size: 18px; } .portfolio-info.like-button .portfolio-like .ic-like.already-like:before{ content: "\f004"; } .single-portfolio .portfolio-info .social-sharing{ border-width: 1px 0 0; border-style: solid; padding: 30px 0 0; margin: 50px 0 0; } .portfolio-info.like-button .portfolio-like .ic-like{ width: 20px; height: 20px; line-height: 20px; display: inline-block; position: relative; vertical-align: middle; } .portfolio-info.like-button .portfolio-like .ic-like.loading:before{ width: 20px; height: 20px; line-height: 20px; margin-top: -12px; margin-left: -10px; } body .pp_content_container a.pp_close:after{ color: #ffffff; } /*------------------------------------------------------------------------------------------------- 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; 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; } /*------------------------------------------------------------------------------------------------- XVII. PAGE TEMPLATE ---------------------------------------------------------------------------------------------------*/ /*** 404 PAGE ***/ body div#main{ min-height: 0; } body.error404 .fullwidth-template{ background: url(images/bg-404.jpg) center bottom no-repeat; background-size: cover; text-align: center; padding: 120px 0; } body.error404 article > h1{ font-size: 160px; line-height: 160px; margin-bottom: 0; } body.error404 article > h2{ font-size: 46px; line-height: 55px; margin-bottom: 10px; } body.error404 article > p{ margin-bottom: 50px; } /*** COMING SOON ***/ .coming-soon-wrapper > .wpb_column{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .coming-soon-wrapper > .wpb_column > .wpb_wrapper{ position: relative; height: 100%; background-position: 80% 0 !important; } .coming-soon-wrapper .vc_inner{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 60%; } .admin-bar .coming-soon-wrapper .vc_inner{ top: calc(50% + 32px); } .coming-soon-wrapper .vc_inner .vc_custom_heading{ letter-spacing: 2px; } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:not(:last-child){ position: relative; margin-bottom: 45px; } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > .widget-container:last-child{ margin-bottom: 0; } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *{ opacity: 0; transform: translateY(30px); transition: 500ms ease 800ms; } .coming-soon-wrapper .animated .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *{ opacity: 1; transform: translateY(0); } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(2){transition-delay: 1000ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(3){transition-delay: 1200ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(4){transition-delay: 1400ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(5){transition-delay: 1600ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(6){transition-delay: 1800ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(7){transition-delay: 2000ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(8){transition-delay: 2200ms;} .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(9){transition-delay: 2400ms;} .coming-soon-wrapper .ts-countdown{ display: inline-block; } .visible-lg{ display: none; } /*** INTRO ***/ .ts-header-intro .header-middle .header-right, .ts-header-intro .verticle-group-icon{ display: none; } .ts-header-intro .logo-wrapper { width: 200px; padding: 0 30px 0 0; /* rtl */ } .ts-header-intro .menu-right .ts-menu { float: left; } .vc_row.scale-items{ position: relative; } .vc_row.scale-items .ts-image-gallery-wrapper{ max-width: 1176px; margin: 0 auto; } .vc_row.scale-items .verticle-text{ position: absolute; left: 40px; /* rtl */ top: 0; transform: translateX(-100%) rotate(-90deg); transform-origin: top right; opacity: 0.5; letter-spacing: 14px; } @media only screen and (max-width: 1366px){ .vc_row.scale-items .verticle-text { left: 10px; /* rtl */ } .header-v4 .h1-big { font-size: 85px; line-height: 1.1; } .header-fullwidth .ts-header .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image{ min-width: 310px; } } /*** Headers ***/ .vc_custom_heading.fashion a:hover{color: #b77e31;} .vc_custom_heading.fashion-2 a:hover{color: #dc6728;} .vc_custom_heading.shoes a:hover{color: #1e6287;} .vc_custom_heading.drug a:hover{color: #1bb0ce;} .vc_custom_heading.watch a:hover{color: #7e1a0b;} .vc_custom_heading.cosmetic a:hover{color: #ec145b;} .ts-header-intro #headers .wpb_single_image a.vc_single_image-wrapper{ display: inline-block; position: relative; } .ts-header-intro #headers .wpb_single_image a.vc_single_image-wrapper img{ box-shadow: 1px 1px 4px rgba(31, 31, 31, 0.5); } .ts-header-intro #headers .wpb_single_image a.vc_single_image-wrapper:before{ content: ''; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; opacity: 0; visibility: hidden; border: 3px solid #b77e31; transition: 600ms ease; } .ts-header-intro #headers .wpb_single_image:hover a.vc_single_image-wrapper:before{ opacity: 1; visibility: visible; } /*** Demos ***/ .demos .vc_inner .wpb_wrapper{ position: relative; } .demos .vc_inner .wpb_wrapper .wpb_single_image{ position: relative; z-index: 2; top: 0; } .demos .wpb_single_image img{ box-shadow: 1px 1px 4px rgba(31, 31, 31, 0.5); transition: 600ms ease 0s; } .demos .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .wpb_single_image img{ box-shadow: 2px 2px 10px rgba(31, 31, 31, 0.5); transform: translateY(-50px); } .demos .ts-button-wrapper{ position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; transition: 600ms ease 150ms; } .demos .ts-button-wrapper a.ts-button{ height: 50px; line-height: 50px; } .demos .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .ts-button-wrapper{ z-index: 3; opacity: 1; } .demos .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper .vc_custom_heading a{ opacity: 1; transition: 600ms ease 0s; } .demos .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .vc_custom_heading a{ opacity: 0; } @media only screen and (min-width: 992px){ /*** Fix Header v2 ***/ body.header-v2 #group-icon-header { position: fixed; top: 0; left: 0; padding: 40px 0; background: #ffffff; z-index: -1; } body.header-v2 #group-icon-header.active{ right: -17px; left: 0; bottom: 0; z-index: 100000; } body.header-v2 #group-icon-header .close{ position: fixed; top: 23px; right: 20px; /*rtl*/ } body.header-v2.admin-bar #group-icon-header .close{ top: 54px; } body.header-v2 #group-icon-header .ts-sidebar-content{ width: 100%; transform: translate(0); background: transparent; opacity: 1; padding: 0; top: 0; box-shadow: none; color: inherit; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 300ms; } body.header-v2 #group-icon-header.active .ts-sidebar-content{ opacity: 1; transition: all 100ms; } body.header-v2 #group-icon-header .menu-fullscreen{ position: absolute; top: 50%; left: 0; right: 0; max-width: 1000px; margin: 0 auto; text-align: center; transform: translateY(-50%); display: block; max-height: 100%; } .header-v2 .ts-floating-sidebar .menu-fullscreen .mobile-menu li .ts-menu-drop-icon { position: static; display: inline-block; min-width: 35px; vertical-align: middle; } .header-v2 .menu-fullscreen .pc-menu li a { display: inline-block; position: relative; } .header-v2 .menu-fullscreen .pc-menu > ul > li > a .menu-sub-label{ font-size: 14px; padding: 5px 8px; right: -50px;/* rtl */ top: -20px; } .header-v2 .menu-fullscreen .pc-menu > ul > li .menu-desc{ font-size: 14px; line-height: 16px; } body.header-v2 .menu-fullscreen nav > ul li ul.sub-menu{ padding-left: 0; /* rtl */ } body.header-v2 .menu-fullscreen nav > ul li.menu-item-has-children ul.sub-menu{ margin-left: 0; /* rtl */ } body.header-v2 .menu-fullscreen nav > ul li.menu-item-has-children ul.sub-menu ul.sub-menu{ margin-left: 0; /* rtl */ } body.header-v2 .menu-fullscreen nav > ul{ display: inline-block; } body.header-v2 .menu-fullscreen ul li{ list-style: none; text-align: center; } .header-v2 .ts-floating-sidebar .menu-fullscreen .pc-menu > ul > li > .ts-menu-drop-icon{ position: static; display: inline-block; vertical-align: top; margin-left: 10px; /* rtl */ } .header-v2 .ts-floating-sidebar .menu-fullscreen ul.sub-menu{ display: none; } body.header-v2 .menu-fullscreen ul li.parent, body.header-v2 .menu-fullscreen ul li.menu-item-has-children{ position: relative; } body.header-v2 .menu-fullscreen ul.sub-menu li .ts-menu-drop-icon { top: 10px; font-size: 14px; position: static; display: inline-block; margin: 0 10px; } body.header-v2 .menu-fullscreen nav > ul li.menu-item-has-children ul.sub-menu ul.sub-menu > li > a:not(:hover){ opacity: 0.5; } /*** Header v6 ***/ .header-v6 .header-template.header-transparent.hidden-search .header-middle .header-right, .header-v6 .header-template.hidden-myaccount.hidden-wishlist.hidden-language.hidden-currency .header-middle .header-right .ts-group-meta-icon-toggle{ display: none; } .header-v6 .group-button-header.visible-phone > div:first-child:nth-last-child(1){ margin-top: -30px; } /*** Language & Currency ***/ .header-v2 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a, .header-v2 .ts-header .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a, .header-v3 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a, .header-v3 .ts-header .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a, .header-v6 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a, .header-v6 .ts-header .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a{ padding: 0; border-width: 0; } .header-v2 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a span, .header-v2 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .header-v3 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a span, .header-v3 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .header-v6 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a span, .header-v6 .ts-header .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .verticle-group-icon .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a span, .verticle-group-icon .header-language .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .header-v2 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a span, .header-v2 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .header-v3 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a span, .header-v3 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .header-v6 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a span, .header-v6 .ts-header .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a .wpml-ls-flag, .verticle-group-icon .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a span, .verticle-group-icon .header-language .wpml-ls-legacy-dropdown-click > ul > li.wpml-ls-current-language > a .wpml-ls-flag{ display: none; } .header-v2 .ts-header .header-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .header-v3 .ts-header .header-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .header-v6 .ts-header .header-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .verticle-group-icon .header-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ position: absolute; top: 0; right: 0; width: 30px; height: 28px; } } @media only screen and (min-width: 1280px){ body.header-v2 #group-icon-header .close{ top: 26px; right: 30px; /*rtl*/ } body.header-v2.admin-bar #group-icon-header .close{ top: 58px; } body.woocommerce #main > .page-container, .woocommerce-account #main > .page-container, body.woocommerce.archive.category #main > .page-container, #main > .page-container.container-post, .search-no-results #main > .page-container.blog-template, .woocommerce-cart #main > .page-container{ padding-top: 100px; padding-bottom: 100px; } .woocommerce-checkout #main > .page-container, .archive #main > .page-container.archive-template, .page-template-default #main > .page-container:not(.no-sidebar), body.single-post #main > .page-container, #main > .page-container.blog-template{ padding-top: 100px; } body.woocommerce.archive.category #main > .page-container, .archive #main > .page-container.archive-template, .page-template-default #main > .page-container:not(.no-sidebar), body.single-post #main > .page-container.container-post, body.woocommerce.archive #main > .page-container{ padding-bottom: 50px; } body.woocommerce.single-product #main > .page-container{ padding-bottom: 70px; } .ts-blogs.related-posts{ margin-top: 94px; } .single .comments-area, .commentlist + #comment-wrapper{ margin-top: 84px; } .woocommerce .checkout .col2-set, .woocommerce .checkout #order_review{ margin-bottom: 100px; } .ts-heading, .ts-shortcode .shortcode-heading-wrapper{ margin: 0 0 60px 0; } .woocommerce .after-loop-wrapper .woocommerce-pagination, .woocommerce .after-loop-wrapper .ts-shop-load-more{ margin-bottom: 40px; } body.single.single-post .page-container.has-thumbnail #main-content, body.single.single-post .page-container.has-thumbnail .ts-sidebar{ margin-top: 100px; } .single-product #primary > .vc_row { margin-top: -70px; } .list-posts article, .ts-blogs.item-grid .blogs .item, .ts-blogs.ts-masonry .blogs .item{ margin-bottom: 70px; } .list-posts article:not(:first-child).format-quote, .list-posts article:not(:first-child).sticky{ padding-top: 70px; } .list-posts article:not(:first-child){ padding-top: 70px; } /* 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; } /*** Header ***/ .header-v2 .ts-group-meta-icon-toggle .icon, .header-v2 #group-icon-header .close{ width: 60px; height: 60px; border: 1px solid; line-height: 58px; text-align: center; display: inline-block; } .header-v2 .header-right > .ts-group-meta-icon-toggle{ margin-left: 50px; /* rtl */ } .header-v2 #group-icon-header .close:before, .header-v2 .ts-group-meta-icon-toggle .icon:before{ font-size: 24px; line-height: inherit; } .header-v2 .ts-group-meta-icon-toggle ~ *{ margin-top: 15px; } .header-v1 .header-middle .shopping-cart-wrapper a > .ic-cart, .header-v5 .header-bottom .shopping-cart-wrapper a > .ic-cart{ width: 50px; height: 50px; border-width: 1px; border-style: solid; border-radius: 100%; text-align: center; } .header-v5 .header-bottom .shopping-cart-wrapper a > .ic-cart{ border-color: #ebeef7; background: #ebeef7; } .header-v1 .header-middle .shopping-cart-wrapper .cart-number, .header-v5 .header-bottom .shopping-cart-wrapper .cart-number{ right: 6px; /* rtl */ top: -4px; } .header-v1 .header-middle .shopping-cart-wrapper a > .ic-cart:before, .header-v1 .header-middle .my-account-wrapper .ts-tiny-account-wrapper:before, .header-v1 .header-middle .header-language:before, .header-v1 .header-middle .header-currency:before, .header-v1 .header-middle .search-sidebar-icon .icon:before, .header-v1 .header-middle .my-wishlist-wrapper > a:before, .header-v1 .header-middle .search-button .icon:before, .header-v1 .header-middle .ts-group-meta-icon-toggle .icon:before, .header-v5 .header-bottom .shopping-cart-wrapper a > .ic-cart:before, .header-v5 .header-bottom .my-account-wrapper .ts-tiny-account-wrapper:before, .header-v5 .header-bottom .header-language:before, .header-v5 .header-bottom .header-currency:before, .header-v5 .header-bottom .search-sidebar-icon .icon:before, .header-v5 .header-bottom .my-wishlist-wrapper > a:before, .header-v5 .header-bottom .search-button .icon:before, .header-v5 .header-bottom .ts-group-meta-icon-toggle .icon:before{ line-height: 48px; } .mb-md-50{ margin-bottom: 50px; } /*** drug ***/ .drug-testimonials .custom-pdl{ padding-left: 20%; /*rtl*/ } .drug-testimonials .custom-pdl h2{ margin-bottom: 15px; } /*** Footer ***/ .vc_row.custom-footer-padding{ margin-left: -50px; margin-right: -50px; } .vc_row.custom-footer-padding > .wpb_column{ padding-left: 50px; padding-right: 50px; } .vc_row.custom-footer-padding .vc_inner{ margin-left: -60px; margin-right: -60px; } .vc_row.custom-footer-padding .vc_inner > .wpb_column > .vc_column-inner{ padding-left: 35px; padding-right: 35px; } .vc_row.contact-info-wrapper{ margin-left: -85px; margin-right: -85px; } .vc_row.contact-info-wrapper > .wpb_column{ padding-left: 85px; padding-right: 85px; } .single-portfolio .ts-portfolio-wrapper{ margin-top: 80px; } } @media only screen and (min-width: 1500px){ body.header-v2 #group-icon-header .close{ top: 40px; right: 60px; /*rtl*/ } body.header-v2.admin-bar #group-icon-header .close { top: 72px; } /* Search */ .ts-floating-sidebar.full-screen .ts-sidebar-content{ top: 15%; height: 70%; } .ts-floating-sidebar.full-screen .ts-search-result-container{ padding-bottom: 15%; } /*** Quickshop ***/ #ts-quickshop-modal.ts-popup-modal .popup-container{ width: 1176px; /* can phai update width trong file js neu sua width - quickshop dang full slider */ } /*** 360 ***/ body .ts-popup-modal .product-360-container{ width: 602px; } /*** Product ***/ .woocommerce div.product.vertical-thumbnail > .vc_row .thumbnails{ width: 150px; } .woocommerce div.product.vertical-thumbnail > .vc_row div.images-thumbnails div.images{ margin-left: 170px;/* rtl */ } div.product > .vc_row div.summary{ max-width: 700px; } div.product > .vc_row{ padding-left: 50px; padding-right: 50px; } .woocommerce div.product.thumbnail-summary-fullwidth .vc_row div.images-thumbnails{ width: 54%; } .woocommerce div.product.thumbnail-summary-fullwidth .vc_row div.summary{ width: 46%; } .visible-lg{ display: block; } .pl-lg-50{ padding-left: 50px !important; /* rtl */ } .pr-lg-50{ padding-right: 50px !important; /* rtl */ } .header-v2 .ts-floating-sidebar .menu-fullscreen .pc-menu > ul > li { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 1366px){ .header-v2 .ts-header .header-transparent .header-middle{ padding: 11px 0; } .verticle-group-icon { right: 30px; /* rtl */ } .header-v2 .verticle-group-icon { right: 48px; /* rtl */ } .ts-header .ts-megamenu-widgets-container > ul > li.widget.widget_media_image, .mobile-menu-wrapper .ts-megamenu-widgets-container > ul > li.widget.widget_media_image { min-width: 25%; } /*** Quickshop ***/ #ts-quickshop-modal .woocommerce div.product div.summary .product_title a{ font-size: 80%; line-height: 1.5; } #ts-quickshop-modal .woocommerce div.product .entry-title { margin: 0 0 24px 0; padding: 0 0 24px 0; } #ts-quickshop-modal .woocommerce div.product .summary > .price, #ts-quickshop-modal .woocommerce div.product .summary .star-rating, #ts-quickshop-modal div.product .summary .meta-content, #ts-quickshop-modal .summary .counter-wrapper, #ts-quickshop-modal .woocommerce div.product .cart, #ts-quickshop-modal .woocommerce-tabs.accordion-tabs { margin-bottom: 20px; } #ts-quickshop-modal .woocommerce div.product form.cart, #ts-quickshop-modal .woocommerce div.product form.cart .woocommerce-variation-price, #ts-quickshop-modal .woocommerce div.product .summary > .woocommerce-product-details__short-description, #ts-quickshop-modal .woocommerce div.product form.cart .group_table{ margin-bottom: 24px; } #ts-quickshop-modal .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 102px; } #ts-quickshop-modal .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 122px;/* rtl */ } /*** Shortcode ***/ .vc_row.ts-banner .absolute-img.top .wpb_single_image img{ max-width: 80%; } .vc_row.ts-banner .absolute-img.bottom .wpb_single_image img{ max-width: 90%; } .vc_row.ts-banner .absolute-img.top { top: -160px; left: 4%; /*rtl*/ } .vc_row.ts-banner .absolute-img.bottom { bottom: -180px; right: 4%; /*rtl*/ } .ts-banner.banner-style-default .heading-text { font-size: 36px; line-height: 40px; letter-spacing: 2px; } .banner-style-4 .heading-text { font-size: 18px; line-height: 28px; letter-spacing: 1px; margin-bottom: 50px; } .banner-style-4 .heading-text2 { font-size: 60px; line-height: 70px; letter-spacing: 3px; } .banner-style-4 .heading-text3 { font-size: 75px; line-height: 80px; letter-spacing: 3px; } .h1-big.heading-thin { letter-spacing: 0.15em; } .h1-super-big{ font-size: 120px; line-height: 120px; } .h1-big{ font-size: 100px; line-height: 100px; } .h2-super-big{ font-size: 72px; line-height: 72px; } .h2-big{ font-size: 48px; line-height: 48px; } .vc_row.ts-banner .absolute-img.top{ left: 6%; /* rtl */ } .vc_row.ts-banner .absolute-img.bottom{ right: 6%; /* rtl */ } .coming-soon-wrapper .vc_inner { left: 5%; /* rtl */ } .ts-product.partial-view.ts-slider .content-wrapper{ margin-left: -150px !important; margin-right: -150px !important; } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev{ left: 160px; } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next{ right: 160px; } .header-v4 .absolute-column .vc_empty_space{ height: 0 !important; } .header-v4 .h2-big + .wpb_text_column h3.heading-font-2{ font-size: 24px; } .header-v4 .h2-big{ font-size: 90px; line-height: 100px; } } /*------------------------------------------------------------------------------------------------- XIII. IPAD RESPONSIVE ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 1279px){ body.floating-sidebar-active, body.floating-sidebar-active > #page{ overflow-y: hidden !important; } .ts-floating-sidebar.full-screen.active{ right: 0;/* rtl */ } .ts-floating-sidebar .ts-sidebar-content{ right: 0 !important; /* rtl */ } .nav-middle .owl-carousel .owl-nav > .owl-prev{ left: -45px; /* rtl */ } .nav-middle .owl-carousel .owl-nav > .owl-next{ right: -45px; /* rtl */ } .cloud-zoom-big{ margin: 0; } /*------------------------------------------ HEADER ------------------------------------------*/ .header-v2 .ts-header .header-transparent{ padding: 0; } .header-v2 .verticle-group-icon { top: 20vh; right: 30px; /* rtl */ } .header-v2 .ts-header .header-transparent .header-middle { padding: 0; } .header-v2 .ts-header .header-transparent .logo-wrapper { height: 86px; } .ts-header .ts-megamenu-widgets-container > ul > li.widget.widget_media_image, .mobile-menu-wrapper .ts-megamenu-widgets-container > ul > li.widget.widget_media_image { min-width: 33.3333%; } .center-content > .container > .header-left, .center-content > .container > .header-right { width: 25%; } .shopping-cart-wrapper:hover .dropdown-container{ display: none; } .shopping-cart-wrapper.active .dropdown-container{ display: block; -webkit-animation-duration: 240ms; -moz-animation-duration: 240ms; animation-duration: 240ms; 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; } .drop-icon{ display: block; } .menu-wrapper .ts-menu > nav > ul.menu > li.parent:hover > a:after, .menu-wrapper .ts-menu > nav > ul.menu > li.parent:hover:after, .menu-wrapper nav > ul.menu li:hover > ul.sub-menu, .menu-wrapper nav > ul.menu ul.sub-menu li:hover > ul.sub-menu{ display: none; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none; } .header-v1 .header-middle .shopping-cart-wrapper .dropdown-container, .header-v1 .header-middle .my-account-wrapper .dropdown-container, .header-v1 .header-middle .wcml_currency_switcher > ul, .header-v1 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu, .header-v1 .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu, .header-v1 .header-middle .my-account-wrapper .account-control{ padding-top: 48px; } .header-v1 .header-middle .shopping-cart-wrapper .dropdown-container:before, .header-v1 .header-middle .my-account-wrapper .dropdown-container:before, .header-v1 .header-middle .wcml_currency_switcher > ul:before, .header-v1 .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before, .header-v1 .header-middle .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu:before, .header-v1 .header-middle .my-account-wrapper .account-control:before{ top: 28px; } .verticle-group-icon { right: 30px; } .ts-floating-sidebar.full-screen .ts-sidebar-content{ top: 10%; transform: translate(0); max-width: 80%; } body.header-v2 .mobile-menu-wrapper nav > ul li ul.sub-menu{ font-size: 18px; line-height: 24px; } .header-v2 .ts-floating-sidebar .mobile-menu-wrapper .mobile-menu > ul > li ul.sub-menu > li .ts-menu-drop-icon{ font-size: 12px; line-height: 1; } .header-v4 header .logo-wrapper{ height: 60px; } .header-v5 header .logo-wrapper{ padding: 0 10px 0 0; height: 60px; } .ts-header .info-desc > .hotline { margin-right: 0; /* rtl */ font-size: 0; line-height: 0; } .ts-header .info-desc .hotline:before{ content: "\e621"; font-family: 'themify'; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 24px; } .woocommerce .woocommerce-ordering .orderby ul { right: 0; /* rtl */ } .woocommerce .after-loop-wrapper .woocommerce-pagination, .woocommerce .after-loop-wrapper .ts-shop-load-more{ margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs .panel .products .product{ width: 33.33333%; } /*** Product Group Icons ***/ .products.grid .thumbnail-wrapper .product-group-button, .item-grid .products .thumbnail-wrapper .product-group-button, .up-sells .thumbnail-wrapper .product-group-button, .cross-sells .thumbnail-wrapper .product-group-button, .related .products .thumbnail-wrapper .product-group-button, .woocommerce-tabs .products .thumbnail-wrapper .product-group-button, .thumbnail-wrapper .loop-add-to-cart, .product-group-button-meta > div:not(.loop-add-to-cart) .button-tooltip, .products.grid .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .item-grid .products .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .up-sells .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .cross-sells .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .related .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .woocommerce-tabs .product-group-button-meta > div.loop-add-to-cart .button-tooltip, .product-group-button > div .button-tooltip{ display: none; } .item-grid .products .product:not(.product-category) .product-wrapper .meta-wrapper, .products.grid .product:not(.product-category) .product-wrapper .meta-wrapper, .up-sells .products .product-wrapper .meta-wrapper, .cross-sells .products .product-wrapper .meta-wrapper, .related .products .product-wrapper .meta-wrapper, .woocommerce-tabs .products .product-wrapper .meta-wrapper{ padding: 0; display: flex; flex-flow: column wrap; } .item-grid .products .product .meta-wrapper > *:not(:last-child), .products.grid .product .meta-wrapper > *:not(:last-child), .up-sells .product .meta-wrapper > *:not(:last-child), .cross-sells .product .meta-wrapper > *:not(:last-child), .related .product .meta-wrapper > *:not(:last-child), .woocommerce-tabs .product .meta-wrapper > *:not(:last-child){ order: 1; } .item-grid .products .product .meta-wrapper > .product-group-button-meta, .products.grid .product .meta-wrapper > .product-group-button-meta, .up-sells .product .meta-wrapper > .product-group-button-meta, .cross-sells .product .meta-wrapper > .product-group-button-meta, .related .product .meta-wrapper > .product-group-button-meta, .woocommerce-tabs .product .meta-wrapper > .product-group-button-meta{ width: calc(100% + 1px); display: flex; flex-flow: row wrap; margin: 1px -0.5px 25px; position: relative; z-index: 2; order: 0; } .item-grid[data-margin="0"] .products .product .meta-wrapper > .product-group-button-meta{ width: 100%; } .products.grid .product-group-button-meta > div, .item-grid .products .product-group-button-meta > div, .thumbnail-wrapper .product-group-button > div, .product-group-button > div, .up-sells .product-group-button-meta > div, .cross-sells .product-group-button-meta > div, .related .product-group-button-meta > div, .woocommerce-tabs .product-group-button-meta > div{ background: rgba(155, 155, 155, 0.15); flex: 1; width: auto; height: 50px; text-align: center; position: relative; margin: 0 0.5px; padding: 0; animation: none !important; } .item-grid .products .product .meta-wrapper .product-group-button-meta a, .products.grid .product .meta-wrapper .product-group-button-meta a, .up-sells .product .meta-wrapper .product-group-button-meta a, .cross-sells .product .meta-wrapper .product-group-button-meta a, .related .product .meta-wrapper .product-group-button-meta a, .woocommerce-tabs .product .meta-wrapper .product-group-button-meta a, .up-sells .product .meta-wrapper .product-group-button-meta .loop-add-to-cart > a.button:hover, .cross-sells .product .meta-wrapper .product-group-button-meta .loop-add-to-cart > a.button:hover, .related .product .meta-wrapper .product-group-button-meta .loop-add-to-cart > a.button:hover, .woocommerce-tabs .product .meta-wrapper .product-group-button-meta .loop-add-to-cart > a.button:hover{ width: 100%; height: 100%; position: static; min-width: 0; padding: 0; border: none; background: transparent; color: inherit; box-shadow: none; transition: none; } .product-group-button > div a:before, .products.grid .product-group-button-meta > div a:before, .item-grid .products .product-group-button-meta > div a:before, .up-sells .product .product-group-button-meta > div a:before, .cross-sells .product .product-group-button-meta > div a:before, .related .product .product-group-button-meta > div a:before, .woocommerce-tabs .product .product-group-button-meta > div a:before{ font-size: 17px !important; line-height: 50px !important; } .products.grid .product-group-button-meta > div, .item-grid .products .product-group-button-meta > div, .up-sells .product .product-group-button-meta > div, .cross-sells .product .product-group-button-meta > div, .related .product .product-group-button-meta > div, .woocommerce-tabs .product .product-group-button-meta > div, .meta-wrapper .product-group-button-meta .loop-add-to-cart{ display: inline-block !important; font-size: 0; } .products.grid .loop-add-to-cart a.button:before, .item-grid .products .loop-add-to-cart a.button:before, .up-sells .product .loop-add-to-cart a.button:before, .cross-sells .product .loop-add-to-cart a.button:before, .related .product .loop-add-to-cart a.button:before, .woocommerce-tabs .product .loop-add-to-cart a.button:before{ display: inline-block; } .meta-wrapper .product-group-button-meta > div.wishlist a.loading{ position: static !important; opacity: 1 !important; } .products.grid .product .meta-wrapper .product-group-button-meta a.added, .products.grid .product .meta-wrapper .product-group-button-meta .added a{ color: inherit; } .columns-1 .item-list .product .product-wrapper .thumbnail-wrapper { flex-basis: 45%; } .products.list .product:not(.product-category) .thumbnail-wrapper{ padding-bottom: 51px; } .products.list .product:not(.product-category) .product-group-button, .item-list .product:not(.product-category) .products .product-group-button{ width: calc( 100% + 1px ); display: flex; flex-flow: row wrap; bottom: 0; z-index: 2; opacity: 1; visibility: visible; top: auto; transform: translate(0,0); left: -0.5px; transition: none; } .product-style-1 .product-group-button > div a { background: transparent; color: inherit; } .products.list .product .meta-wrapper .loop-add-to-cart a.button.loading:before, .products.list .product .meta-wrapper .loop-add-to-cart a.button.added:before, .item-list .products .product .meta-wrapper .loop-add-to-cart a.button.loading:before, .item-list .products .product .meta-wrapper .loop-add-to-cart a.button.added:before, body table.compare-list .add-to-cart td a.loading:before, .wishlist_table .product-add-to-cart a.button.loading:before{ display: inline-block; color: inherit; } .product-list-has-bg .columns-1 .ts-shortcode.item-list .product:not(.product-category) .product-wrapper .meta-wrapper{ padding-left: 50px; /* rtl */ padding-right: 50px; /* rtl */ } .ts-popup-modal .popup-container{ padding: 30px; } .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal img { max-width: 120px; } /*** Product details ***/ .woocommerce div.product .entry-title{ margin-bottom: 30px; padding-bottom: 36px; } .woocommerce div.product div.images-thumbnails, .woocommerce div.product div.summary{ margin-bottom: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs{ margin-bottom: 20px; } .woocommerce .cross-sells, .woocommerce .upsells, .woocommerce .related { margin-top: 30px; } /*** Shortcode ***/ .ts-team-members.style-2 .member-social a { margin-bottom: 15px; transition: none; opacity: 1; transform: translateY(0); } .ts-feature-wrapper.feature-heading-big .feature-title{ font-size: 320%; line-height: 1; } .ts-feature-wrapper.feature-heading-big .feature-number{ font-size: 350%; line-height: 1; min-width: 65px } .banner-style-default .overlay{ opacity: 0.7; transform: scale(1); } .banner-style-default .box-content > header { opacity: 1; } .ts-product.partial-view.ts-slider .content-wrapper{ margin-left: -180px !important; /* rtl */ margin-right: -180px !important; /* rtl */ } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev{ left: 190px; /* rtl */ } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next{ right: 190px; /* rtl */ } .vc_row[data-vc-full-width].vc_row-no-padding .ts-shortcode.ts-product{ margin-left: -1px; } .ts-product-category-banner-wrapper .category-item{ -webkit-tap-highlight-color: transparent; } /*** fashion ***/ .home-fashion-newsletter{ padding: 70px 40px; } h2.vc_custom_heading.custom-fontsize-newsletter{ font-size: 325%; } .home-fashion-newsletter .vc_col-sm-5{ padding-right: 10px; /*rtl*/ } /*** cosmetic ***/ .cosmetic-banner-custom h2.vc_custom_heading{ font-size: 780%; } .cosmetic-banner-custom h3.vc_custom_heading{ font-size: 600%; letter-spacing: 10px; } /*** Compare ***/ body table.compare-list td img{ width: 150px; } body table.compare-list td{ width: auto; max-width: none; min-width: auto; } body table.compare-list .add-to-cart td a{ min-width: 150px; } .ts-banner.banner-style-default.eff-scale .banner-wrapper .overlay, .ts-banner.banner-style-default.eff-grayscale .banner-wrapper .overlay { transform: scale3d(1,1,1); transition: none; } .ts-banner.banner-style-default.eff-scale header, .ts-banner.banner-style-default.eff-grayscale header { transform: translate(-50%,-50%) scale3d(1,1,1); transition: none; } .header-v4 .h2-big { font-size: 60px; line-height: 65px; } /*** 404 Page ***/ body.error404 .fullwidth-template{ padding: 80px 0; } body.error404 article > h1{ font-size: 100px; line-height: 100px; } body.error404 article > h2{ font-size: 30px; line-height: 40px; } /*** Search ***/ .search-no-results .blog-template .alert { padding: 60px 0; } .search-no-results .blog-template .search-wrapper .search-field { max-width: 600px; } .search-no-results .blog-template .search-wrapper { margin-bottom: 60px; } /*** Wishlist ***/ .woocommerce-wishlist ul.wishlist_table{ margin: 0 -10px; display: block; } .woocommerce-wishlist ul.wishlist_table .wishlist-empty{ padding: 10px; } .woocommerce-wishlist ul.wishlist_table:after{ content: ''; display: table; clear: both; } .woocommerce-wishlist ul.wishlist_table li{ list-style: none; width: 33.33333%; float: left; padding: 40px 10px; position: relative; } .woocommerce-wishlist ul.wishlist_table li table tr{ background: transparent !important; } .woocommerce-wishlist ul.wishlist_table li table td{ padding: 10px 0; } .woocommerce-wishlist ul.wishlist_table li .product-name h3{ font-size: 100%; font-family: inherit; } .woocommerce-wishlist ul.wishlist_table li .item-details{ margin-top: 20px; } .woocommerce-wishlist ul.wishlist_table li table td.value{ text-align: right; } .woocommerce-wishlist ul.wishlist_table li .product-add-to-cart{ margin-top: 20px; } .woocommerce-wishlist ul.wishlist_table li .product-add-to-cart a.button{ width: 100%; } .woocommerce-wishlist ul.wishlist_table li .product-remove{ position: absolute; top: 0; left: 0; right: 0; text-align: center; } .woocommerce-wishlist ul.wishlist_table li .product-remove a{ padding: 10px; } .woocommerce-wishlist ul.wishlist_table li .product-remove i:before{ font-family: themify; content: "\e646"; letter-spacing: 0; } .woocommerce-wishlist .yith_wcwl_wishlist_footer { padding-top: 40px; } } @media only screen and (max-width: 1279px) and (min-width: 992px){ .ts-banner.banner-style-4 .heading-text{ font-size: 100%; } .ts-banner.banner-style-4 .heading-text2{ font-size: 200%; letter-spacing: 1px; } .ts-banner.banner-style-4 .heading-text3{ font-size: 300%; letter-spacing: 1px; } .woocommerce div.product.vertical-thumbnail .ts-product-video-button, .woocommerce div.product.vertical-thumbnail .ts-product-360-button { right: 135px; /* rtl */ } .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first > label, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last > label { width: 20%; } /*** drug ***/ .drug-testimonials { background-position: 440px 100% !important; } } @media only screen and (max-width: 1279px) and (min-width: 1024px){ .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 100px; } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 120px;/* rtl */ } .woocommerce div.product div.summary { padding-left: 40px; /* rtl */ } .woocommerce div.product .summary > .price, .woocommerce div.product form.cart .button, .woocommerce div.product form.cart div.quantity, .woocommerce div.product .summary a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist { margin-right: 10px; } .woocommerce div.product form.cart .button { width: 180px; } .woocommerce div.product .summary .yith-wcwl-add-to-wishlist{ margin-left: 300px; /* rtl */ } .woocommerce div.product .summary a.compare{ margin-left: 360px; /* rtl */ } .woocommerce div.product .summary form.cart + a.compare { margin-left: 300px; /* rtl */ } .woocommerce div.product.sold-individually .summary .yith-wcwl-add-to-wishlist, .woocommerce div.product.product-type-external .summary .yith-wcwl-add-to-wishlist, .woocommerce div.product.product-type-grouped .summary .yith-wcwl-add-to-wishlist{ margin-left: 190px; /* rtl */ } .woocommerce div.product.sold-individually .summary a.compare, .woocommerce div.product.product-type-external .summary a.compare, .woocommerce div.product.product-type-grouped .summary a.compare{ margin-left: 250px; /* rtl */ } .woocommerce div.product.sold-individually .summary form.cart + a.compare, .woocommerce div.product.product-type-external .summary form.cart + a.compare, .woocommerce div.product.product-type-grouped .summary form.cart + a.compare{ margin-left: 190px; /* rtl */ } } @media only screen and (max-width: 1279px) and (min-width: 768px){ .vc_col-sm-4 .ts-feature-wrapper.horizontal-icon .feature-icon{ padding: 0; margin-bottom: 22px; } .vc_col-sm-4 .ts-feature-wrapper.horizontal-icon .feature-content > *{ display: block; text-align: center; } } @media only screen and (max-width: 1024px){ /*------------------------------------------ HEADER ------------------------------------------*/ .header-v1 .header-middle > .container > .header-right { width: 120px; } .ts-header .header-transparent { top: 0; } .ts-header .menu-wrapper nav > ul > li { margin: 0 25px 0 0; /* rtl */ } .header-fullwidth .header-middle div.header-right > div { margin-left: 25px; /* rtl */ } .ts-header .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image, .mobile-menu-wrapper .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image{ min-width: 295px; } .header-fullwidth .ts-header .menu-sub-center .ts-megamenu-widgets-container > ul > li.widget.widget_media_image{ min-width: 305px; } /*------------------------------------------ MAIN CONTENT ------------------------------------------*/ .h1-super-big{ font-size: 125px; line-height: 125px; } .h1-big{ font-size: 100px; line-height: 100px; } .h2-big{ font-size: 60px; line-height: 60px; } .nav-middle .products.owl-carousel .owl-nav > div, .woocommerce .upsells .owl-carousel .owl-nav > div, .woocommerce .related .owl-carousel .owl-nav > div, .woocommerce .cross-sells .owl-carousel .owl-nav > div{ display: none; } /*** Blog ***/ .single .entry-format{ display: block; } .single .entry-format-left, .single .entry-format-right{ display: block; padding-left: 0; /* rtl */ width: 100%; max-width: 100%; } .single .entry-format-left{ margin-bottom: 50px; } .single .entry-format-right img{ width: 100%; } /*** Portfolio ***/ .ts-portfolio-wrapper .filter-bar li{ min-width: 1px; } /*** Coming Soon ***/ .coming-soon-wrapper .vc_inner { width: 100%; } .coming-soon-wrapper > .wpb_column > .wpb_wrapper > .vc_row.vc_inner{ left: 30px; /* rtl */ } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:not(:last-child) { margin-bottom: 30px; } .mr-0-device{ margin-right: 0 !important; } .ts-testimonial-wrapper blockquote { padding: 20px; } .ts-testimonial-wrapper .item:not(:last-child) { margin-bottom: 10px; } .ts-testimonial-wrapper .author-role, .ts-testimonial-wrapper .content { margin-bottom: 0; } .ts-testimonial-wrapper.show-dots.dots-left{ padding-left: 30px; /* rtl */ } .ts-testimonial-wrapper.show-dots.dots-left .owl-dots { left: -15px; /* rtl */ } /*------------------------------------------ PRODUCT ------------------------------------------*/ /*** Shop ***/ .top-filter-widget-area.dropdown-filter > *, .no-sidebar .top-filter-widget-area.dropdown-filter > *{ width: calc(50% - 20px); padding: 0; margin: 0 10px 20px 10px; border-width: 1px; border-style: solid; } .top-filter-widget-area.dropdown-filter > *:nth-child(2n + 1){ clear: both; } .top-filter-widget-area.dropdown-filter .widget-container > *:not(.widget-title-wrapper) { position: static; box-shadow: none; background: transparent; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control{ border-width: 0; } .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control.active + .widget-title, .top-filter-widget-area.dropdown-filter .widget-title-wrapper .block-control:hover + .widget-title { background: transparent; } .woocommerce .product .product-label { left: 15px;/*rtl*/ top: 15px; } .woocommerce .cross-sells > h2, .woocommerce .upsells > h2, .woocommerce .related > h2{ margin-bottom: 40px; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .price, .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .price{ font-size: 175%; } .ts-product-category-banner-wrapper .category-item .category-name h3{ font-size: 100%; } /*** Shopping Cart ***/ .woocommerce-cart .ts-col-24 article .woocommerce form.woocommerce-cart-form, .woocommerce-cart .ts-col-24 article .woocommerce .cart-collaterals{ width: 100%; float: none; /* rtl */ padding-left: 0;/* rtl */ } .woocommerce-cart .ts-col-24 article .woocommerce form.woocommerce-cart-form{ margin-bottom: 40px; } .woocommerce-cart .ts-col-24 article .woocommerce .cart-collaterals{ margin-bottom: 0; } .woocommerce table.shop_table td.product-quantity input.qty { padding: 4px 20px; } /*** Checkout ***/ .woocommerce .checkout .col2-set{ width: 60%; padding-right: 40px; /* rtl */ } .woocommerce .checkout #order_review, .woocommerce .checkout #order_review_heading{ width: 40%; } .woocommerce .checkout #order_review{ padding: 80px 30px 30px 30px; margin-top: -55px; } #order_review_heading { padding: 30px 30px 0 30px; height: 55px; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { top: 7px; } .woocommerce-checkout .checkout-login-coupon-wrapper { margin-bottom: 35px; } /*** MyAccount ***/ .woocommerce-account .woocommerce-MyAccount-content { margin-left: 210px; /* rtl */ } /*------------------------------------------ SHORTCODE ------------------------------------------*/ /*** Banner ***/ .vc_row.ts-banner .absolute-img.top{ top: -100px; left: 5%; /* rtl */ } .vc_row.ts-banner .absolute-img.bottom{ bottom: -100px; right: 5%; /* rtl */ } .vc_row.ts-banner .absolute-img.top .wpb_single_image img{ max-width: 80%; } .vc_row.ts-banner .absolute-img.bottom .wpb_single_image img{ max-width: 70%; } .vc_row.ts-banner h3.h2 { margin-top: 20px; } .h1-big { font-size: 90px; line-height: 90px; } .vc_row.ts-banner .h1-big { letter-spacing: 0; } .ts-banner .heading-text{ font-size: 30px; line-height: 30px; letter-spacing: 2px; } .banner-style-1.right-top .box-content > header{ top: 30px; right: 30px; /*rtl*/ } .left-top .box-content > header{ top: 30px; left: 30px; /*rtl*/ } .left-bottom .box-content > header{ bottom: 30px; left: 30px; /*rtl*/ } .left-center .box-content > header{ left: 30px; /*rtl*/ } .right-top .box-content > header{ top: 30px; right: 30px; /*rtl*/ } .right-bottom .box-content > header{ bottom: 30px; right: 30px; /*rtl*/ } .right-center .box-content > header{ right: 30px; /*rtl*/ } .center-top .box-content > header{ top: 30px; } .center-bottom .box-content > header{ bottom: 30px; } .ts-banner .hashtag{ font-size: 100%; margin-bottom: 6px; } .banner-style-1 .heading-text { font-size: 50px; letter-spacing: 3px; } .banner-style-2 .heading-text2{ font-size: 60px; margin-bottom: 0; } .banner-style-2 .heading-text{ font-size: 32px; } .banner-style-2 .heading-text3{ font-size: 100%; } .banner-style-default .overlay { top: 15px; right: 15px; bottom: 15px; left: 15px; } .ts-banner-image.right-top img.text-image, .ts-banner-image.right-bottom img.text-image, .ts-banner-image.right-center img.text-image, .ts-banner-image.left-top img.text-image, .ts-banner-image.left-bottom img.text-image, .ts-banner-image.left-center img.text-image{ max-height: 80%; width: auto; } .ts-banner-image.center-top img.text-image, .ts-banner-image.center-bottom img.text-image, .ts-banner-image.center-center img.text-image{ max-width: 80%; height: auto; } .ts-banner:not(.has-image) .box-content{ padding: 80px 65px; } .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail, .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail, .vc_col-sm-6 .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail, .vc_col-sm-6 .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail{ width: 120px; padding-right: 15px; } .ts-products-widget .product_list_widget li .ts-wg-meta > *:not(:last-child) { margin-bottom: 8px; } /*** TS Heading ***/ .style-heading-grid-before .widgettitle, .style-heading-grid-before .heading { letter-spacing: 3px; } .ts-banner.banner-style-default .heading-text { font-size: 30px; line-height: 40px; } } @media only screen and (max-width: 991px){ .ls-18, .vc_custom_heading.ls-18 { letter-spacing: 7px; } /*------------------------------------------ HEADER ------------------------------------------*/ .hidden-phone{display: none !important;} .visible-phone{display: block !important} .header-v4 .header-bottom .logo-wrapper.visible-phone, .header-v5 .header-bottom .logo-wrapper.visible-phone{ display: none !important; } .header-v4 .sticky-wrapper.is-sticky .header-bottom .logo-wrapper.visible-phone, .header-v5 .sticky-wrapper.is-sticky .logo-wrapper.visible-phone{ display: block !important; } .header-v4 .sticky-wrapper.is-sticky .ts-header-social-icons{ display: none; } .header-v4 .sticky-wrapper.is-sticky .logo-wrapper.visible-phone .logo, .header-v5 .sticky-wrapper.is-sticky .logo-wrapper.visible-phone .logo{ line-height: 60px; } .header-v4 .sticky-wrapper.is-sticky .header-right .shopping-cart-wrapper{ display: none; } .header-v4 .header-bottom > .container > .header-left, .header-v4 .header-bottom > .container > .header-right{ width: 25%; } header .logo-wrapper { height: 80px; } .header-v2 .ts-floating-sidebar .logo-wrapper .mobile-logo{ display: block; } .header-v2 .ts-floating-sidebar .logo-wrapper .normal-logo{ display: none; } .header-top{ display: none; } .header-v1 .header-middle > .container > .header-right{ width: auto; } .header-v1 .header-middle .shopping-cart-wrapper .cart-control{ border-width: 0; width: auto; height: 100%; } .header-v6 .header-middle > .container > .header-right, .header-v6 .header-transparent .header-middle .header-right{ width: auto !important; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, .cart-drop-icon { display: none !important; } .header-v2 .ts-header .header-transparent .header-right > div.shopping-cart-wrapper, .header-v2 .ts-header .header-transparent .header-right > div.search-sidebar-icon{ display: inline-block; } .verticle-group-icon, .verticle-group-icon.show{ display: none !important; } .header-v2 #group-icon-header .logo-wrapper, .header-v2 #group-icon-header .group-button-header{ display: block !important; } body.header-v2 .mobile-menu-wrapper nav > ul li ul.sub-menu { font-size: 100%; line-height: inherit; } .header-v2 .ts-floating-sidebar .mobile-menu-wrapper .mobile-menu > ul > li .ts-menu-drop-icon { line-height: 1 !important; } body.header-v2 #group-icon-header .close { right: 20px; /* rtl */ } .header-v2 .header-middle .header-currency, .header-v2 .header-middle .header-language, .header-v2 .header-middle .my-wishlist-wrapper, .header-v2 .header-middle .my-account-wrapper, .header-v3 .header-middle .header-currency, .header-v3 .header-middle .header-language, .header-v3 .header-middle .my-wishlist-wrapper, .header-v3 .header-middle .my-account-wrapper{ display: none; } .header-v3 .header-middle .header-right { width: auto; } .header-v4 header .logo-wrapper{ height: 80px; } .header-v4 .header-middle .ts-header-social-icons, .header-v4 .header-middle .header-right .shopping-cart-wrapper{ display: none; } .header-v4 .header-bottom > .container{ padding-top: 0; padding-bottom: 0; } .shopping-cart-wrapper a > .ic-cart:before, .my-account-wrapper .ts-tiny-account-wrapper:before, .header-language:before, .header-currency:before, .my-wishlist-wrapper:before, .search-button .icon:before, .search-sidebar-icon .icon:before, .ts-group-meta-icon-toggle .icon:before { font-size: 18px; } .verticle-group-icon{ display: none !important; } .header-v5 .header-bottom.center-content > .container > .header-left, .header-v5 .header-bottom.center-content > .container > .header-right { width: 50%; } .header-v5 .sticky-wrapper.is-sticky .header-bottom.center-content > .container > .header-left, .header-v5 .sticky-wrapper.is-sticky .header-bottom.center-content > .container > .header-right{ width: 28%; } #group-icon-header .group-button-header.visible-phone{ margin-top: 0; } .header-v6 .ts-header .header-transparent { padding: 0; } .header-v6 .header-transparent .header-middle .ts-group-meta-icon-toggle, .header-v6 .header-transparent .header-middle .header-right .shopping-cart-wrapper{ display: inline-block; } .header-v6 .group-button-header.visible-phone{ border-width: 1px 0 0; } .header-v4 #main{ margin-top: 5px; } .center-content > .container > .header-left, .center-content > .container > .header-right { width: auto; } .header-v4 .center-content > .container > .header-left, .header-v4 .center-content > .container > .header-right { width: 25%; } /*------------------------------------------ FOOTER ------------------------------------------*/ /*------------------------------------------ MAIN CONTENT ------------------------------------------*/ .nav-middle .owl-carousel .owl-nav, .woocommerce .upsells .owl-carousel .owl-nav, .woocommerce .related .owl-carousel .owl-nav, .woocommerce .cross-sells .owl-carousel .owl-nav{ display: none; } .single-ts_portfolio .nav-middle .ts-portfolio-wrapper .owl-carousel .owl-nav{ display: block; } .ts-product-in-category-tab-wrapper.tab-horizontal-center .list-categories ul.tabs > li { margin: 10px 25px; } .blog-list-style .list-posts article .entry-content { padding: 0 0 0 30px; /* rtl */ } /*------------------------------------------ PRODUCT ------------------------------------------*/ /*** Shop ***/ .woocommerce .before-loop-wrapper .woocommerce-result-count{ display: none; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .products .product .meta-wrapper > *:not(:last-child), .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .products .product .meta-wrapper > *:not(:last-child) { margin-bottom: 20px; } .woocommerce.columns-3 .products .product, .woocommerce.columns-3 .products .product.product-category, .woocommerce.columns-4 .products .product, .woocommerce.columns-4 .products .product.product-category, .woocommerce.columns-5 .products .product, .woocommerce.columns-5 .products .product.product-category, .woocommerce.columns-6 .products .product, .woocommerce.columns-6 .products .product.product-category, .woocommerce.columns-7 .products .product, .woocommerce.columns-7 .products .product.product-category, .woocommerce.columns-8 .products .product, .woocommerce.columns-8 .products .product.product-category, .woocommerce.columns-3 .special-style .products .product:nth-child(4), .woocommerce.columns-3 .special-style .products .product:nth-child(5), .woocommerce.columns-3 .special-style .products .product:nth-child(6), .woocommerce.columns-3 .special-style .products .product:nth-child(7), .woocommerce.columns-4 .special-style .products .product:nth-child(5), .woocommerce.columns-4 .special-style .products .product:nth-child(6), .woocommerce.columns-4 .special-style .products .product:nth-child(7){ width: 50%; } .products .product-category.first { clear: none; } .products.list .product .meta-wrapper > *:not(:last-child), .products.list .product-category .meta-wrapper > .category-name > *:not(:last-child), .woocommerce .products.list .product .meta-wrapper > *:not(:last-child), .item-list .product .meta-wrapper > *:not(:last-child), .woocommerce .item-list .product .meta-wrapper > *:not(:last-child){ margin-bottom: 15px; } .ts-col-24 .products.list .product:not(.product-category) .product-wrapper .meta-wrapper, .columns-1 .item-list .product:not(.product-category) .product-wrapper .meta-wrapper, .product-list-has-bg .columns-1 .ts-shortcode.item-list .product:not(.product-category) .product-wrapper .meta-wrapper{ padding-left: 20px; /* rtl */ padding-right: 20px; /* rtl */ } .columns-1 .item-list .product .product-wrapper .thumbnail-wrapper { flex-basis: 40%; } .woocommerce .special-style .products .product.first, .woocommerce.columns-4 .special-style .products .product:nth-child(5){ clear: none; } .woocommerce.columns-3 .special-style .products .product:nth-child(2n+1), .woocommerce.columns-4 .special-style .products .product:nth-child(2n+1){ clear: both; } /*** Product Detail ***/ .woocommerce div.product div.images-thumbnails, .woocommerce div.product div.summary { margin-bottom: 40px; } .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.thumbnail-summary-top_thumbnail_slider.tabs-in-summary > div.summary, .woocommerce div.thumbnail-summary-top_thumbnail_slider.tabs-in-summary .woocommerce-tabs{ width: 100%; float: none;/* rtl */ clear: both; padding: 0;/* rtl */ } .single-product-top-thumbnail-slider { margin-bottom: 50px; } .woocommerce div.product.thumbnail-summary-scrolling div.summary{ position: static !important; } .woocommerce div.product div.images-thumbnails{ margin-bottom: 40px; } body .ts-popup-modal .product-360-container { width: 360px; } #ts-product-360-modal.ts-popup-modal .nav_bar { bottom: 40px; } .woocommerce div.product .woocommerce-tabs .panel .products .product{ width: 50%; } /*** Reviews Tab ***/ .woocommerce-tabs #comments, .woocommerce-tabs #review_form_wrapper{ float: none;/* rtl */ width: 100%; padding: 0; /* rtl */ } .woocommerce #review_form #respond p.form-submit { margin-bottom: 24px; } .woocommerce #reviews #review_form_wrapper .comment-form .form-submit { text-align: left; /* rtl */ } /*** Checkout ***/ .woocommerce form .form-row-first, .woocommerce form .form-row-last{ width: 100%; float: none;/* rtl */ } .woocommerce form .form-row-first{ margin-right: 0; /* rtl */ } .woocommerce .checkout #order_review, .woocommerce .checkout .col2-set, .woocommerce .checkout #order_review_heading{ width: 100%; clear: both; } .woocommerce .checkout .col2-set{ padding-right: 0; /* rtl */ } /*** MyAccount ***/ .woocommerce-account .col2-set .col-1, .woocommerce-page.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2, .woocommerce-page.woocommerce-account .col2-set .col-2 { width: 48%; } .woocommerce-MyAccount-content > form{ width: 100%; } .shop_table td.product-remove a.remove{ text-align: center; } /*** Shortcode ***/ .vc_row.ts-banner .absolute-img.top{ left: 2%; /* rtl */ } .vc_row.ts-banner .absolute-img.bottom{ right: 2%; /* rtl */ } .vc_row.ts-banner .absolute-img.top .wpb_single_image img, .vc_row.ts-banner .absolute-img.bottom .wpb_single_image img{ max-width: 100%; } .vc_row.ts-banner h3.h2 { margin-top: 0; margin-bottom: 5px; } .vc_row.ts-banner h3.h2 { font-size: 24px !important; line-height: 26px !important; } .vc_row.ts-banner h2.h1 { font-size: 36px !important; line-height: 40px !important; } .h1-big { font-size: 65px; line-height: 70px; } .ts-banner:not(.has-image) .box-content { padding: 50px 35px; } .feature-title{ font-size: 17px; } .vc_col-sm-5 .ts-mailchimp-subscription-shortcode .widget-container .widget-title-wrapper{ margin-bottom: 25px; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .product-name, .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .product-name { letter-spacing: 0.4px; } .vc_col-sm-12 > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .color-swatch, .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .woocommerce.columns-1 .ts-product-wrapper.item-list .product .color-swatch{ display: none; } .banner-style-3 .box-content > header > a.button{ margin-top: 30px; } /*** Category Banner ***/ .ts-product-category-banner-wrapper .category-item .icon img { max-height: 40px; } .ts-product-category-banner-wrapper .category-item .category-name h3 { letter-spacing: 0.1em; } /*** TEMPLATE ***/ /*404*/ body.error404 article > h1.heading-font-1{ font-size: 70px; line-height: 70px; } body.error404 article > h2.heading-font-2 { font-size: 32px; line-height: 40px; } /*** Portfolio ***/ .ts-portfolio-wrapper .filter-bar li{ padding-left: 15px; padding-right: 15px; } /*contact*/ .wpb_text_column.contact-info{ max-width: 100%; } /*coming soon*/ .coming-soon-wrapper > .wpb_column > .wpb_wrapper > .vc_row.vc_inner { left: 0; /* rtl */ } .coming-soon-wrapper .vc_inner{ text-align: center; } .coming-soon-wrapper .vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper > *:not(:last-child) { margin-bottom: 20px; } /*testimonial*/ .ts-testimonial-wrapper blockquote { padding: 30px; } .ts-testimonial-wrapper .item:not(:last-child) { margin-bottom: 20px; } .ts-testimonial-wrapper .author-role, .ts-testimonial-wrapper .content { margin-bottom: 10px; } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav{ display: block; } .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-prev, .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next, .page-container:not(.no-sidebar) .ts-product.partial-view.ts-slider.nav-middle .owl-carousel .owl-nav > .owl-next{ opacity: 1; transition: none; } /*** cosmetic ***/ .cosmetic-banner-custom h2.vc_custom_heading{ font-size: 630%; margin-top: 12px; } .cosmetic-banner-custom h3.vc_custom_heading{ font-size: 450%; letter-spacing: 8px; margin-top: -20px !important; } /*** drug ***/ .drug-testimonials .custom-pdl{ padding-left: 0; /*rtl*/ } .drug-testimonials .ts-testimonial-wrapper.dots-left + .custom-pdl{ padding-left: 30px; /*rtl*/ } .drug-testimonials .custom-pdl h2 { font-size: 30px; } .drug-testimonials .custom-pdl .h1-big { font-size: 80px; } } @media only screen and (max-width: 991px) and (min-width: 768px){ .visible-ipad{ display: block !important; } /*** Shop ***/ .woocommerce div.product.vertical-thumbnail .thumbnails{ width: 140px; } .woocommerce div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 160px;/* rtl */ } .woocommerce .one-sidebar div.product.vertical-thumbnail .thumbnails, .woocommerce .two-sidebar div.product.vertical-thumbnail .thumbnails{ width: 80px; } .woocommerce .one-sidebar div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images, .woocommerce .two-sidebar div.product.vertical-thumbnail div.images-thumbnails .thumbnails + div.images{ margin-right: 100px;/* rtl */ } .woocommerce-account form.login .woocommerce-form-login__rememberme { margin-top: 0; } .woocommerce .checkout #order_review tfoot .shipping ul.woocommerce-shipping-methods { margin-left: 0; float: right; /* rtl */ } .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-first > label, .woocommerce .checkout-login-coupon-wrapper form.login .form-row.form-row-last > label { width: 27%; } /*** SHORTCODE ***/ /*banner*/ .banner-style-1 .heading-text { font-size: 40px; letter-spacing: 2px; } .banner-style-2 .heading-text2{ font-size: 50px; line-height: 54px; letter-spacing: 1px; margin-bottom: 10px; } .banner-style-2 .heading-text{ font-size: 26px; line-height: 28px; letter-spacing: 1px; margin-bottom: 10px; } .banner-style-2 .heading-text3{ font-size: 92%; } .left-top .box-content > header{ top: 20px; left: 20px; /*rtl*/ } .left-bottom .box-content > header{ bottom: 20px; left: 20px; /*rtl*/ } .left-center .box-content > header{ left: 20px; /*rtl*/ } .right-top .box-content > header{ top: 20px; right: 20px; /*rtl*/ } .right-bottom .box-content > header{ bottom: 20px; right: 20px; /*rtl*/ } .right-center .box-content > header{ right: 20px; /*rtl*/ } .center-top .box-content > header{ top: 20px; } .center-bottom .box-content > header{ bottom: 20px; } .banner-style-3 .heading-text{ font-size: 90%; line-height: 18px; letter-spacing: 0.4px; } .banner-style-3 .heading-text2{ font-size: 26px; line-height: 30px; margin-bottom: 5px; } .banner-style-3 .heading-text3{ font-size: 36px; line-height: 40px; } .ts-banner:not(.banner-style-1) .heading-text { font-size: 20px; line-height: 24px; } .vc_row.banner-gap-17{ margin-left: -10px; margin-right: -10px; } .vc_row.banner-gap-17 > .wpb_column{ padding-left: 10px; padding-right: 10px; } .ts-banner-image.right-top img.text-image, .ts-banner-image.right-bottom img.text-image, .ts-banner-image.right-center img.text-image, .ts-banner-image.left-top img.text-image, .ts-banner-image.left-bottom img.text-image, .ts-banner-image.left-center img.text-image{ max-height: 75%; } .ts-banner-image.center-top img.text-image, .ts-banner-image.center-bottom img.text-image, .ts-banner-image.center-center img.text-image{ max-width: 75%; } .header-v4 .vc_row > .vc_col-sm-4 .woocommerce .ts-products-widget ul.product_list_widget li .ts-wg-thumbnail, .header-v4 .vc_row > .vc_col-sm-4 .ts-products-widget .woocommerce ul.product_list_widget li .ts-wg-thumbnail { width: 90px; } .cosmetic-feature > .wpb_column { width: 100%; float: none; } .header-v5 .h1-big{ font-size: 60px; line-height: 1; } .vc_pie_chart .vc_pie_chart_value { font-size: 150%; } } @media only screen and (max-width: 768px){ .woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-quantity{ width: 100%; } .woocommerce table.shop_table_responsive tr td .quantity, .woocommerce-page table.shop_table_responsive tr td .quantity{ float: right; /* rtl*/ } .woocommerce table.shop_table_responsive tr td:after, .woocommerce-page table.shop_table_responsive tr td:after{ content: ''; clear: both; display: table; } .woocommerce table.shop_table td.product-remove, .woocommerce table.shop_table td.product-thumbnail { text-align: center !important; } .shop_table td.product-remove a.remove{ text-align: center; padding: 0; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.shop_table td.product-remove{ border-width: 0; } .woocommerce table.shop_table td.actions { padding-top: 40px; } .woocommerce table.cart td.actions .coupon{ margin-bottom: 10px; } .woocommerce table.cart td.actions .coupon .input-text{ width: 100%; } .woocommerce table.cart td.actions .coupon .button{ width: auto !important; } .woocommerce-cart .cart-collaterals .woocommerce-shipping-destination{ clear: both; } .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination { padding-left: 100px; /* rtl*/ } .woocommerce table.shop_table td.product-thumbnail{ display: block; } .woocommerce table.shop_table_responsive tr td.product-thumbnail::before, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before{ display: none; } .woocommerce table.my_account_orders tr { margin-bottom: 30px; } .woocommerce table.my_account_orders .button { min-width: 150px; } .woocommerce table.shop_table.cart tr:not(:first-child){ margin-top: 20px; } .woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td { text-align: left !important; /* rtl */ } .woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td > *, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td > * { padding-left: 30% !important; /* rtl */ } } .discount_popup { position: fixed; top: 30%; left: 0px; right: 0px; width: 250px; background: #fff; margin: 0 auto; z-index: 9999; } .discount_popup.normal { position: inherit; width:auto; } .discount_popup .close { position: absolute; right: -10px; top: -10px; font-size: 20px; background: #fff; border-radius: 100%; width: 25px; height: 25px; text-align: center; z-index: 999; padding: 1px 7px; font-weight: bold; color: #000; } .discount_popup.normal .close { display:none; } .discount_popup .woocommerce-message { color: #111; font-weight: bold; border-color: #111; margin-bottom:0px; } @media only screen and (min-width:500px){ .discount_popup { width:480px; } .discount_popup.normal { width:auto; } }