/* PRODUCT DEFAULT */ .woocommerce .products .product .product-wrapper .meta-wrapper .loop-add-to-cart{ margin:14px 0 10px 0; display:inline-block; } .products li { list-style: none; } .cross-sells .products, .upsells .products, .related .products li { list-style: none; } /* zoom yith woocommerce */ div.product .images { overflow: unset!important; } @media only screen and (max-width: 1239px){ /* Tooltip */ .product-group-button .button-tooltip{ display:none !important; } .thumbnail-wrapper .product-group-button{ opacity:1; } /* Dropdown myaccount */ .my-account-wrapper .dropdown-container, .ts-tiny-account-wrapper:before{ display:none !important; } .meta-wrapper .meta-left, .meta-wrapper .meta-right{ float:none;/* rtl */ max-width:100%; text-align:center /* rtl */ } .woocommerce .products .meta-right .star-rating, .woocommerce-page .products .meta-right .star-rating, .woocommerce .star-rating .meta-right, .woocommerce-page .meta-right .star-rating{ margin-left:auto;/* rtl */ margin-right:auto;/* rtl */ } /* IMAGE BACKGROUND PRODUCT */ .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display:none !important; } /* Main Content */ div#main{ min-height:300px; } /* Breadcrumb */ .breadcrumb-title-wrapper{ padding:50px 0 50px 0; } .breadcrumb-title-wrapper .breadcrumb-title h1{ font-size:24px; line-height:26px; } .breadcrumb-title-wrapper.breadcrumb-v1{ padding:42px 0 260px 0; position:relative; } #main > .page-container.show_breadcrumb_v1, #main > .fullwidth-template.show_breadcrumb_v1{ margin-top:-220px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ min-height:50px; } /* Home supermarket 3 */ #main .custom-newsletter-long-title .ts-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .ts-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:400px; } .custom-newsletter-long-title .ts-feedburner-subscription-shortcode.style-3 .widgettitle{ width:40%; } .custom-newsletter-long-title .ts-feedburner-subscription-shortcode.style-3 .subscribe-widget{ width:60%; } /* Home page 2 Feature Banner */ .banner-content-center{ margin:50px 0; } /* Home supermarket 2 */ .fix-content-pile-revolution { margin-top:-90px; } /* Home main Newsletter Main Content */ .widget-container.feedburner-subscription .subscribe-widget{ padding-top:10px; padding-bottom:0; } /* 404 Page */ body.error404 #main > .fullwidth-template{ padding:120px 25px } body.error404 article h1{ font-size:120px; line-height:120px; } /* BLACK PAGE */ h1.title-coming{ font-size:60px; line-height:60px; } .ts-group-button-coming{ padding-bottom:90px; } /* Shortcode sub categories product */ .column-product-banner .row-products .owl-controls .owl-nav > div.owl-prev{ left:10px;/* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div.owl-next{ right:10px /* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div{ visibility:visible; opacity:1; } .column-product-banner .owl-controls .owl-nav > div{ top:25%; } /* Shortcode countdown */ .ts-countdown .counter-wrapper > div{ width:100px; height:100px; padding:10px 2px 10px 2px; border-radius:5px 0 5px 0; margin:0 10px; border-width:1px; } .ts-countdown .counter-wrapper > div .number-wrapper .number{ font-size:44px; line-height:48px; } .ts-countdown .counter-wrapper > div .ref-wrapper{ font-size:16px; line-height:20px; } /* Feature */ .ts-feature-wrapper.feature-horizontal{ margin-bottom:0; } /* Portfolio */ .ts-portfolio-wrapper.columns-3 .item, .ts-portfolio-wrapper.columns-4 .item{ width:50%; float:left; } .ts-portfolio-wrapper.columns-3 .item:nth-child(2n+1), .ts-portfolio-wrapper.columns-4 .item:nth-child(2n+1){ clear:both; } .portfolio-inner .icon-group{ top:30%; } /* Quote */ blockquote{ padding:30px 30px 30px 50px /* rtl */ } blockquote:before{ left:15px; /* rtl */ } /* Product deal */ .counter-wrapper > div{ display:inline-block; padding:3px 1px 4px 1px; border-radius:3px 0 3px 0; width:40px; height:36px; overflow:hidden; } .counter-wrapper .ref-wrapper{ font-size:8px; } .counter-wrapper > div .number-wrapper .number{ font-size:16px; line-height:18px; } /* PARALLAX */ .ts-parallax-bg{ background-position:50% 50% !important; background-attachment:initial !important; } /* COMAPRE & WISHLIST */ div.product a.compare{ display:none !important; } /* PRODUCT DETAIL */ /* Banner before woocommerce tab */ .ads-banner{ margin:10px 0; } /* End Show button next prev thumbnail */ /* .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li{ margin-bottom:20px; padding-bottom:20px; } .woocommerce div.product .woocommerce-tabs .panel{ padding:22px 20px 25px 20px } .single-navigation .product-info { display:none !important; } */ .woocommerce #content div.product p.availability.stock, .woocommerce div.product p.availability.stock, .woocommerce-page #content div.product p.availability.stock, .woocommerce-page div.product p.availability.stock{ margin-bottom:20px; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating, .woocommerce div.product .woocommerce-product-rating{ margin-bottom:0; } .woocommerce form.login .button, .woocommerce form.register .button, .woocommerce-page form.login .button, .woocommerce-page form.register .button{ margin:0 10px 0 0; } .ts-social-icons .social-icons .ts-tooltip{ display:none; } .ts-social-icons .social-icons.style-3 .ts-tooltip{ display:inline-block; } .comment-respond textarea, #commentform textarea, .comment-respond input[type="text"], .comment-respond select, #commentform input[type="text"], .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2{ max-width:100%; } .ts-social-sharing, .ts-col-18 .ts-social-sharing{ width:100%; margin-top:15px; display:inline-block; } .social-sharing > .email{ border:0; } .summary .meta-wrapper, body div.product .social-sharing{ padding-top:10px; } body div.product .social-sharing{ margin-top:10px; } .woocommerce div.product.type-product form.cart, .woocommerce div.product p.cart{ margin-bottom:20px; } .commentlist .children{ padding:20px 0 0 50px; } .commentlist .children .children{ padding:20px 0 0 100px; } article.single .meta-bottom-1.has-categories .social-sharing, article.single .social-sharing{ float:left; clear:both; width:100%; } article.single .meta-bottom-1.has-categories .social-sharing{ margin-top:20px; } .meta-bottom-1.has-social .cats-link{ margin-right:0 } .products .product.product-category .meta-wrapper{ opacity:1; } .products .product.product-category:before{ opacity:0.6; } .products .product.product-category:hover .meta-wrapper > div{ -webkit-animation: none; -moz-animation: none; animation: none; } .products .product.product-category h3{ font-size:20px; line-height:24px; } } .woocommerce .seller-items .products .product, .woocommerce-page .products .product{ width:25%; } .product-edit-new-container table.dokan-attribute-options-table{ table-layout:auto; } .product-edit-new-container table.dokan-attribute-options-table th{ text-align:center; vertical-align:middle; } .product-edit-new-container table.dokan-attribute-options-table ul.tagit{ border-radius:0; margin-top:10px; } .product-edit-new-container .dokan-variations-table .dokan-w3{ width:100%; } .product-variation-single-popup-content #product-variations .wc-metabox table.data_table td.dimensions_field input{ padding-top:5px; padding-bottom:5px; } thead > tr > th{ border-bottom-width:1px; } form.report-filter > input[type="submit"]{ clear:both; float:left; } .report-filter .dokan-form-group input.datepicker{ max-width:180px; } .product-variation-single-popup-content #product-variations .wc-metabox h3{ margin-bottom: 0; } .product-variation-single-popup-content #product-variations .wc-metabox table{ margin: 0 !important; border: none; } .product-variation-single-popup-content #product-variations .wc-metabox table td{ border: none; } .product-variation-single-popup-content #product-variations .wc-metabox table tr{ background-color: #fff; } .product-variation-single-popup-content #product-variations .wc-metabox table td.sku, .product-variation-single-popup-content #product-variations .wc-metabox table td.upload_image, .product-variation-single-popup-content #product-variations .wc-metabox table td.options{ width: 40% !important; } h4.heading-title > a, h3.product-name > a, h3.product-name{ font-weight:400; letter-spacing:0.2px; } h3.product-name{ margin-bottom:5px; } #main-content .asp-large-one-third .vc_col-sm-4{ width:35%; padding:2% 3% 0 3%; } #main-content .asp-large-one-third .vc_col-sm-8{ width:65%; } body .owl-carousel{ z-index:5; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .woocommerce .asp-slider .products .product, .woocommerce-page .asp-slider .products .product{ width:100%; padding-left:0; padding-right:0; } .asp-slider ul li{ list-style:none; } .asp-slider.products section.product, .woocommerce .asp-slider.products section.product, .woocommerce-page .asp-slider.products section.product{ padding:0 } .content-border{ border-width: 1px; border-style: solid; padding: 0 20px 0 20px; } .woocommerce .content-wrapper{ position:relative; } .woocommerce .content-wrapper:after{ display:table; clear:both; content:""; } .woocommerce ul.cart_list li.empty, .woocommerce ul.product_list_widget li.empty, .woocommerce-page ul.cart_list li.empty, .woocommerce-page ul.product_list_widget li.empty{ min-height:0; margin:0; padding:0; } header .woocommerce ul.cart_list li, header .woocommerce ul.product_list_widget li, .woocommerce-page header ul.product_list_widget li, .woocommerce header .widget_shopping_cart .cart_list li, header .woocommerce.widget_shopping_cart .cart_list li{ } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ position:relative; overflow:hidden; margin:0 0 17px 0; padding:0 0 18px 0; } .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.product_list_widget li:after, .woocommerce .widget_shopping_cart .cart_list li:after, .woocommerce.widget_shopping_cart .cart_list li:after{ border-width:0 0 1px 0; border-style:solid; position:absolute; left:0;right:0; bottom:0; height:1px; content:""; display:block; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child, .woocommerce.widget_shopping_cart .cart_list li:last-child, .woocommerce-page ul.product_list_widget li:last-child{ padding-bottom:0; } .woocommerce ul.cart_list li:last-child:after, .woocommerce ul.product_list_widget li:last-child:after, .woocommerce .widget_shopping_cart .cart_list li:last-child:after, .woocommerce.widget_shopping_cart .cart_list li:last-child:after, .woocommerce-page ul.product_list_widget li:last-child:after{ display:none; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img{ box-shadow:none; width:100px; margin:0; float:left; } .widget.asp-producasp-widget ul.product_list_widget li img, .woocommerce-page .widget.asp-producasp-widget ul.product_list_widget li img{ width:100px; } .widget.asp-producasp-widget ul.product_list_widget li .asp-wg-meta{ margin-left:120px; } .widget.asp-producasp-widget .woocommerce ul.product_list_widget li:after, .woocommerce-page .widget.asp-producasp-widget ul.product_list_widget li:after{ display:none; } .widget.asp-producasp-widget .woocommerce ul.product_list_widget li, .woocommerce-page .widget.asp-producasp-widget ul.product_list_widget li{ padding-bottom:10px; } .widget.asp-producasp-widget .woocommerce ul.product_list_widget li:last-child, .woocommerce-page .widget.asp-producasp-widget ul.product_list_widget li:last-child{ margin-bottom:0; padding-bottom:0; } .widget.asp-producasp-widget .asp-wg-meta > a, .woocommerce-page .widget.asp-producasp-widget .asp-wg-meta > a, .widget-container ul.product_list_widget li .asp-wg-meta > a, .woocommerce .widget-container ul.product_list_widget li .asp-wg-meta > a, .woocommerce-page .widget-container ul.product_list_widget .asp-wg-meta > a, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ font-weight:normal; margin:6px 0 6px 0; text-transform:none; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .woocommerce.widget_recent_reviews ul.product_list_widget li a{ margin-top:0; } ul.product_list_widget li .asp-wg-meta{ margin-left:95px; margin-top:-4px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ margin:0; } body.woocommerce .widget_shopping_cart ul.product_list_widget li > *, body .woocommerce .widget_shopping_cart ul.product_list_widget li > *{ margin-right:5px; width: auto; padding: 0; } body.woocommerce .widget_shopping_cart ul.product_list_widget li > a:not(.remove), body .woocommerce .widget_shopping_cart ul.product_list_widget li > a:not(.remove){ margin-bottom:5px; margin-top: 10px; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt{ margin:0 0 4px 0; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl{ float:left; } .woocommerce ul.product_list_widget li > a.asp-wg-thumbnail, .woocommerce-page ul.product_list_widget li > a.asp-wg-thumbnail{ margin:0; padding:0; display:inline-block; position:relative; top:auto; left:auto; bottom:auto; right:auto; float:left; } .woocommerce ul.product_list_widget li > a.asp-wg-thumbnail:before, .woocommerce-page ul.product_list_widget li > a.asp-wg-thumbnail:before{ position:absolute; z-index:4; left:0; right:100%; bottom:0; top:0; content:""; background:rgba(0,0,0,0.4); transition:all 400ms ease 0s; } .woocommerce ul.product_list_widget li > a.asp-wg-thumbnail:after, .woocommerce-page ul.product_list_widget li > a.asp-wg-thumbnail:after{ position: absolute; top:50%; left:-50%; z-index: 5; width:40px; height:40px; content:"+"; font-weight:normal; font-family:"Times New Roman"; text-align: center; color: #fff; line-height: 40px; font-size: 32px; transform: translate(-50%,-50%); transition:all 350ms ease 0s; } .woocommerce ul.product_list_widget li > a.asp-wg-thumbnail:hover:before, .woocommerce-page ul.product_list_widget li > a.asp-wg-thumbnail:hover:before{ right:0; } .woocommerce ul.product_list_widget li > a.asp-wg-thumbnail:hover:after, .woocommerce-page ul.product_list_widget li > a.asp-wg-thumbnail:hover:after{ left:50%; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover, .woocommerce-page ul.cart_list li a:hover, .woocommerce-page ul.product_list_widget li a:hover{ text-decoration:none; } .woocommerce > .products > .list-categories{ width:100%; } .woocommerce > .products{ clear:both; display:flex; flex-flow:row wrap; } .woocommerce .products .product, .woocommerce-page .products .product{ margin:0 0 20px 0; padding:0 10px; float:left; } .woocommerce-page .woocommerce > .products .product{ margin:20px 0 10px 0; } .woocommerce.asp-products .products .product, .woocommerce-page .asp-products .products .product{ margin-bottom:0; } .woocommerce-page.columns-8 .products .product, .woocommerce.columns-8 .products .product{ width:12.5%; } .woocommerce-page.columns-7 .products .product, .woocommerce.columns-7 .products .product{ width:14.285% } .woocommerce-page.columns-6 .products .product, .woocommerce.columns-6 .products .product{ width:16.6% } .woocommerce-page.columns-5 .products .product, .woocommerce.columns-5 .products .product{ width:20%; } .woocommerce-page.columns-4 .products .product, .woocommerce.columns-4 .products .product{ width:25%; } .woocommerce-page.columns-3 .products .product, .woocommerce.columns-3 .products .product{ width:33.33333%; } .woocommerce-page.columns-2 .products .product, .woocommerce.columns-2 .products .product{ width:50%; } .woocommerce-page.columns-1 .products .product, .woocommerce.columns-1 .products .product{ width:100% } .product-edit-container #varianasp-holder .inpuasp-box .box-header:after{ display:table; content:""; clear:both; } .product-edit-container #product-variations .wc-metabox table td.sku{ width:14%; } .product-edit-container #product-variations .wc-metabox table td.upload_image, .product-edit-container #product-variations .wc-metabox table td.options{ width:auto; display:inline-block; } .product-edit-container #product-variations .wc-metabox table{ margin:0; } .woocommerce .products .meta-right .star-rating, .woocommerce-page .products .meta-right .star-rating, .woocommerce .star-rating .meta-right, .woocommerce-page .meta-right .star-rating{ margin:7px 0 0 0; display:inline-block; } /* Fix one product */ .asp-single-product .woocommerce-page.columns-1 .products .product, .asp-single-product .woocommerce.columns-1 .products .product{ margin-bottom:0; } /* End Fix 1 Product */ .woocommerce .products ul, .woocommerce .products, .woocommerce-page .products ul, .woocommerce-page .products{ margin:0; } .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .woocommerce.columns-6{ margin:20px 0; clear:both; } .woocommerce .products, .woocommerce-page .products{ margin:0 -10px; } .woocommerce.asp-product-deals-widget-wrapper .products, .woocommerce-page .asp-product-deals-widget-wrapper .products, .woocommerce .asp-slider .products, .woocommerce-page .asp-slider .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, .woocommerce-page .products .product .product-wrapper{ position:relative; max-width:330px; margin-left:auto !important; margin-right:auto !important; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .woocommerce .product .product-wrapper a.added_to_cart:hover, .woocommerce-page .product .product-wrapper a.added_to_cart:hover, .woocommerce .product .product-wrapper a.button:hover, .woocommerce-page .product .product-wrapper a.button:hover, .woocommerce .product .product-wrapper a.added_to_cart:focus, .woocommerce-page .product .product-wrapper a.added_to_cart:focus, .woocommerce .product .product-wrapper a.button:focus, .woocommerce-page .product .product-wrapper a.button:focus, .woocommerce #content .product .product-wrapper a.added_to_cart:hover, .woocommerce-page #content .product .product-wrapper a.added_to_cart:hover, .woocommerce #content .product .product-wrapper a.button:hover, .woocommerce-page #content .product .product-wrapper a.button:hover, .woocommerce #content .product .product-wrapper a.added_to_cart:focus, .woocommerce-page #content .product .product-wrapper a.added_to_cart:focus, .woocommerce #content .product .product-wrapper a.button:focus, .woocommerce-page #content .product .product-wrapper a.button:focus, .asp-button-product:hover, .asp-button-product:focus{ background-image:none; } .woocommerce .product .product-wrapper .thumbnail-wrapper{ position:fixed; z-index:1; max-width:100%; line-height:0; overflow:hidden; } .woocommerce .product .product-wrapper .thumbnail-wrapper > a{ position:fixed; z-index:2; display:inline-block; max-width:100%; line-height:0; } .woocommerce .products .product a img, .woocommerce-page .products .product a img{ margin:0; box-shadow:none; border-radius: 10px; } .woocommerce .products .product a:hover img, .woocommerce-page .products .product a:hover img{ box-shadow:none !important; } .woocommerce .product .product-wrapper figure{ position:relative; z-index:1; overflow:hidden; } .woocommerce .product .product-wrapper figure img:first-child{ position:relative;z-index:2 } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ position:absolute;right:0;top:0;z-index:3 } .woocommerce .products .product .product-wrapper .meta-wrapper .loop-add-to-cart{ display:none; } .woocommerce .products .product .product-wrapper .meta-wrapper:after{ display:table; clear:both; content:""; } .woocommerce .product .product-wrapper .meta-wrapper{ margin:0;padding:0; position:relative;z-index:1; text-align:center; } /* .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before{ font-family: "Font Awesome 5 Free"; content: "\f00c"; position:static; margin:0 8px 0 0; padding:0; } */ .asp-producasp-widget-wrapper .product-categories span, .woocommerce .products .product .product-categories span, .woocommerce-page .products .product .product-categories span, .widget-container .product-categories span{ display:none; } .woocommerce .products .product .product-categories, .woocommerce-page .products .product .product-categories, .widget.asp-producasp-widget .product-categories, .woocommerce-page .widget.asp-producasp-widget .product-categories{ margin-bottom:4px; overflow:hidden; line-height:18px; } .woocommerce .products .product .product-categories a, .woocommerce-page .products .product .product-categories a, .woocommerce .widget-container il li .product-categories a, .woocommerce-page ul li .widget-container .product-categories a, .widget-container ul li .product-categories a, .widget.asp-producasp-widget .product-categories a, .woocommerce-page .widget.asp-producasp-widget .product-categories a{ display:inline-block; padding:0;margin:0; line-height:16px; } .woocommerce .products .product .product-categories a:hover, .woocommerce-page .products .product .product-categories a:hover, .widget-container ul li .product-categories a:hover, .asp-producasp-widget-wrapper .product-categories a:hover{ text-decoration:none; } /* END META CATEGORIES PRODUCT */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 2. PRODUCT TITLE --------------------------------------------------------------------------------------------------*/ .products .product h3, .woocommerce .products .product h3, .woocommerce-page .products .product h3{ margin:0 0 5px 0; padding:0; display:inline-block; width:100%; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* END TITLE PRODUCT */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 3. PRODUCT SKU ----------------------------------------------------------------------------------------------------*/ .summary .sku-wrapper.product_meta{ margin-top: 0; } .products .product .product-sku{ display:none } .products .product-type-simple .product-sku{ display:inline-block; width:100%;font-family:arial } /* END PRODUCT SKU */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 4. PRODUCT PRICE --------------------------------------------------------------------------------------------------*/ .woocommerce .products .product .price del, .woocommerce-page .products .product .price del{ font-size:100%; line-height:100%; margin:0; opacity:0.5; display:inline-block; } .woocommerce .products .product .price ins, .woocommerce-page .products .product .price ins{ margin:0; } .woocommerce .products .product .price .amount, .woocommerce-page .products .product .price .amount, .product-price .amount{ padding:0 2px 0 2px; } .woocommerce .products .product .price, .woocommerce-page .products .product .price{ margin-left:-2px; margin-right:-2px; display:block; padding-bottom:3px; line-height:18px; } .woocommerce .meta-on-thumbnail .products .product-type-variable .amount:last-child, .woocommerce-page .meta-on-thumbnail .products .product-type-variable .amount:last-child{ display:block; } /* END PRODUCT PRICE */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 5. PRODUCT RATING -------------------------------------------------------------------------------------------------*/ .pp_woocommerce .star-rating, .woocommerce .star-rating, .woocommerce-page .star-rating{ width:65px; height:12px; overflow:hidden; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating, .woocommerce .star-rating, .woocommerce-page .star-rating{ margin:7px auto 0 auto; width:65px; height:12px; overflow:hidden; position:relative; line-height:20px; font-size:9px; } /* Fix Hot deal */ .woocommerce.asp-product-deals-widget-wrapper .products .star-rating, .woocommerce .asp-product-deals-slider-wrapper .products .star-rating, .woocommerce-page .asp-product-deals-slider-wrapper .products .star-rating{ margin-bottom:5px; } /* End Fix Hot deal */ .pp_woocommerce .star-rating:before, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before{ content: "\73\73\73\73\73"; float: left; top: 0; left: 0;/* rtl */ position: absolute; } .pp_woocommerce .star-rating span:before, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before{ content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0;/* rtl */ } .pp_woocommerce .star-rating span:before, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .pp_woocommerce .star-rating:before, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before{ letter-spacing:4px; font-size:9px; line-height:12px; font-family:star; } /* END PRODUCT RATING */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 6. PRODUCT SHORT DESCRIPTION --------------------------------------------------------------------------------------*/ .woocommerce .products .product .short-description, .woocommerce-page .products .product .short-description{ margin:10px 0 10px 0; padding:0; width:100%; } /* END PRODUCT SHORT DESCRIPTION */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 7. PRODUCT LABEL --------------------------------------------------------------------------------------------------*/ /* OUT OF STOCK */ .woocommerce .products .product .product-label, .woocommerce-page .products .product .product-label{ position:absolute; left:0 /* rtl */; right:auto; top:0px; bottom:auto; z-index:3; text-align:left;/* rtl */ width:100%; line-height:0; text-align:center; } .woocommerce .products .product .product-label span:first-child, .woocommerce-page .products .product .product-label span:first-child{ margin-top:0 !important; } .woocommerce .asp-product-deals-slider-wrapper .products .product .product-label span:nth-child(2), .woocommerce-page .asp-product-deals-slider-wrapper .products .product .product-label span:nth-child(2){ margin-top:0 !important; } .woocommerce .products .product .product-label .onsale, .woocommerce-page .products .product .product-label .onsale, .woocommerce .products .product .product-label .featured, .woocommerce-page .products .product .product-label .featured, .woocommerce .products .product .product-label .out-of-stock, .woocommerce-page .products .product .product-label .out-of-stock{ position:static; margin:0;min-height:0;min-width:0; box-shadow:none; text-shadow:none; padding:1px; text-align:center; float:left; display:inline-block; border-radius:0; min-width:44px; height:auto; margin-top:3px; clear:both; } .woocommerce .products .product .product-label .out-of-stock, .woocommerce-page .products .product .product-label .out-of-stock{ width:auto; padding:1px 5px; } .asp-product.featured .product-label .featured{ display:none !important; } /* END PRODUCT LABEL */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- VI. CATEGORIES PRODUCT --------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ .products{ clear:both; } #content > .products{ margin:0 -10px; } /* CATEGORIES SHOW CATEGORIES ITEM */ .products .product.product-category, .woocommerce .products .product.product-category, .woocommerce-page .products .product.product-category{ text-align:center; position:relative; z-index:0; } .asp-product-category-slider-wrapper .products .product.product-category{ margin:0 !important; } .products .product.product-category h3, .woocommerce .products .product.product-category h3, .woocommerce-page .products .product.product-category h3{ position:relative; margin:0; z-index:1; margin-bottom:5px; } .products .product.product-category h3, .woocommerce .products .product.product-category h3, .woocommerce-page .products .product.product-category h3, .products .product.product-category .count, .woocommerce .products .product.product-category .count, .woocommerce-page .products .product.product-category .count{ color:#fff; } .products .product.product-category .meta-wrapper{ position:absolute; left:49%; top:49%; transform:translate(-49%,-49%); z-index:3; opacity:0; transition: all 300ms ease-in-out 0s; } .products .product.product-category:hover .meta-wrapper{ opacity:1; } .products .product.product-category:before{ position:absolute; content:""; left:0; right:0; bottom:0; top:0; z-index:2; background:#212121; opacity:0; transition: all 300ms ease-in-out 0s; } body.woocommerce .products .product.product-category:before{ left:20px; right:20px; } .products .product.product-category:hover:before{ opacity:0.6; } .products .product.product-category:hover .meta-wrapper > div{ -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_categories_detail; -moz-animation-name: run_categories_detail; animation-name: run_categories_detail; } .products .product.product-category:hover .meta-wrapper > div:nth-child(2){ animation-delay: 300ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; } .products .product.product-category:hover .meta-wrapper > div:nth-child(3){ animation-delay: 600ms; -webkit-animation-delay: 200ms; -moz-animation-delay:200ms; } @-webkit-keyframes run_categories_detail { from { opacity:0; transform:translate(0,20px); } to { opacity:1; transform:translate(0,0); } } @-moz-keyframes run_categories_detail { from { opacity:0; transform:translate(0,20px); } to { opacity:1; transform:translate(0,0); } } @keyframes run_categories_detail { from { opacity:0; transform:translate(0,20px); } to { opacity:1; transform:translate(0,0); } } .products .product.product-category h3 mark, .woocommerce .products .product.product-category h3 mark, .woocommerce-page .products .product.product-category h3 mark{ background:none; display:none; } .products .product.product-category .shop-now-button, .woocommerce .products .product.product-category .shop-now-button, .woocommerce-page .products .product.product-category .shop-now-button{ margin-top:25px; background:transparent !important; color:#fff !important; border-color:#ffffff !important; } .products .product.product-category .shop-now-button:hover, .woocommerce .products .product.product-category .shop-now-button:hover, .woocommerce-page .products .product.product-category .shop-now-button:hover{ margin-top:25px; background:#ffffff !important; color:#3f3f3f !important; border-color:#ffffff !important; } .products .product.product-category img, .woocommerce .products .product.product-category img, .woocommerce-page .products .product.product-category img{ transition: all 300ms ease-in-out 0s; position:relative;z-index:0; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div{ top:50%; transform:translate(0,-50%); } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-prev{ left:10px; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-next{ right:10px; } /* CATEGORIES SHOW PRODUCT */ #main-content > #primary > .woocommerce.columns-3, #main-content > #primary > .woocommerce.columns-4, #main-content > #primary > .woocommerce.columns-5, #main-content > #primary > .woocommerce.columns-6{ margin-top:0; } /* TOP WIDGET CATEGORIES PRODUCT */ .woocommerce .before-loop-wrapper{ display:inline-block; width:100%; border-width:0 0 2px 0; border-style:solid; margin-top:-5px; } .product-category-top-content{ margin-left:-15px; margin-right:-15px; padding-bottom:0 !important; } .product-category-top-content .widget-container{ width:25%; float:left; clear:none; padding:20px 15px; border:0; margin:0; } .product-category-top-content .widget-title-wrapper > .widget-title{ padding:0; margin:0 0 10px 0; text-align:left /* rtl */ } .product-category-top-content .widget-title-wrapper > .widget-title:before, .product-category-top-content .widget-title-wrapper > .widget-title:after{ display:none; } .product-category-top-content .widget-container:after{ display:table; clear:both; content:""; } th.product-quantity, th.product-price { font-size: 14px; padding: 4px; white-space: nowrap; } td.product-price, td.product-quantity { font-size: 14px; padding: 4px; white-space: nowrap; } th.product-name { font-size: 14px; padding: 4px; max-width: 20%; } th.product-subtotal { font-size: 14px; padding: 4px; max-width: 20%; white-space: nowrap; } td.product-name, td.product-subtotal { font-size: 14px; padding: 4px; } .woocommerce td.product-quantity { border-width: 1px; padding: 8px 0; line-height: 18px; width: 100%; display: inline-grid; margin: 0; text-align: center; font-weight: 700; font-size: 20px; color: black; } @media screen and (min-width: 500px) { .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { position: relative; text-align: justify; width: 236px; line-height: 22px; padding-left: 2px; padding-right: 2px; font-size: 20px; } .amount, .quantity { font-family: "alegreya sc","Lato", sans-serif; font-size: 20px!important; } .woocommerce table.shop_table td { padding: 4px!important; } .button-secondary { width: 100%; border-radius: 0; font-weight: 700; font-size: 13px; padding: 8px 15px; text-align: center; } .woocommerce-account .woocommerce-MyAccount-content { -webkit-flex: auto; -ms-flex: auto; flex: auto; } } @media screen and (max-width: 500px) { .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { position: relative; text-align: justify; width: 236px; line-height: 22px; padding-left: 2px; padding-right: 2px; font-size: 15px; } .amount, .quantity { font-family: "alegreya sc","Lato", sans-serif; font-size: 15px!important; } .woocommerce table.shop_table td { padding: 4px!important; } th.product-quantity, th.product-price { font-size: 14px; padding: 4px; white-space: nowrap; } td.product-price, td.product-quantity { font-size: 14px; padding: 4px; white-space: nowrap; } th.product-name { font-size: 14px; padding: 4px; max-width: 20%; } th.product-subtotal { font-size: 14px; padding: 4px; max-width: 20%; white-space: nowrap; } td.product-name, td.product-subtotal { font-size: 14px; padding: 4px; } .woocommerce td.product-quantity { border-width: 1px; padding: 8px 0; line-height: 18px; width: 100%; display: inline-grid; margin: 0; text-align: center; font-weight: 700; font-size: 15px; } .button-secondary { width: 100%; border-radius: 0; font-weight: 700; font-size: 13px; padding: 8px 15px; text-align: center; } .woocommerce-account .woocommerce-MyAccount-content { padding-right: 16px!important; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .product-thumbnail a{ margin-right: 130px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width: 200px; } } .widget-container ul.product_list_widget li .asp-wg-meta > a, .woocommerce .widget-container ul.product_list_widget li .asp-wg-meta > a, .woocommerce-page .widget-container ul.product_list_widget .asp-wg-meta > a, .widget.asp-producasp-widget .asp-wg-meta > a, .woocommerce-page .widget.asp-producasp-widget .asp-wg-meta > a, h3.product-name > a, h3.product-name, .product-name a, .single-navigation a .product-info, .group_table a, body #yith-woocompare table.compare-list tr.title td{ color:#3f3f3f; } .woocommerce .product .product-wrapper a.added_to_cart, .woocommerce-page .product .product-wrapper a.added_to_cart, .woocommerce .product .product-wrapper a.button, .woocommerce-page .product .product-wrapper a.button, .woocommerce #content .product .product-wrapper a.added_to_cart, .woocommerce-page #content .product .product-wrapper a.added_to_cart, .woocommerce #content .product .product-wrapper a.button, .woocommerce-page #content .product .product-wrapper a.button, .asp-button-product, .meta-wrapper .button-in.wishlist a, .meta-wrapper .button-in.compare a, body #yith-woocompare table.compare-list tr.add-to-cart td a{ background-color:#ffffff; border-color:#e8e8e8; color:#666666; } .woocommerce .product .product-wrapper .meta-wrapper a.added_to_cart:hover, .woocommerce-page .product .product-wrapper .meta-wrapper a.added_to_cart:hover, .woocommerce .product .product-wrapper .meta-wrapper a.button:hover, .woocommerce-page .product .product-wrapper .meta-wrapper a.button:hover, .woocommerce .product .product-wrapper .meta-wrapper a.added_to_cart:focus, .woocommerce-page .product .product-wrapper .meta-wrapper a.added_to_cart:focus, .woocommerce .product .product-wrapper .meta-wrapper a.button:focus, .woocommerce-page .product .product-wrapper .meta-wrapper a.button:focus, .woocommerce #content .product .product-wrapper .meta-wrapper a.added_to_cart:hover, .woocommerce-page #content .product .product-wrapper .meta-wrapper a.added_to_cart:hover, .woocommerce #content .product .product-wrapper .meta-wrapper a.button:hover, .woocommerce-page #content .product .product-wrapper .meta-wrapper a.button:hover, .woocommerce #content .product .product-wrapper .meta-wrapper a.added_to_cart:focus, .woocommerce-page #content .product .product-wrapper .meta-wrapper a.added_to_cart:focus, .woocommerce #content .product .product-wrapper .meta-wrapper a.button:focus, .woocommerce-page #content .product .product-wrapper .meta-wrapper a.button:focus, .asp-button-product:hover, .asp-button-product:focus, .meta-wrapper .button-in.wishlist a:hover, .meta-wrapper .button-in.compare a:hover, .asp-product-deals-widget .loop-add-to-cart a:hover{ background-color:#40bea7; border-color:#40bea7; color:#ffffff; } /* GROUP BUTTON */ .product-group-button{ background:#f5f5f5;/* Mau co dinh */ } .woocommerce .product .thumbnail-wrapper .product-group-button > div a{ background-color:#ffffff;/* Mau co dinh */ color:#ababab; } .woocommerce .product .thumbnail-wrapper .product-group-button > div a:hover{ background-color:#ffffff;/* Mau co dinh */ } .woocommerce .products .product .product-label .onsale, .woocommerce-page .products .product .product-label .onsale, .pp_woocommerce div.product .images .product-label span.onsale, .woocommerce #content div.product .images .product-label span.onsale, .woocommerce div.product .images .product-label span.onsale, .woocommerce-page #content div.product .images .product-label span.onsale, .woocommerce-page div.product .images .product-label span.onsale { color:#ffffff; background:#000000; } .woocommerce .products .product .product-label .featured, .woocommerce-page .products .product .product-label .featured, .pp_woocommerce div.product .images .product-label span.featured, .woocommerce #content div.product .images .product-label span.featured, .woocommerce div.product .images .product-label span.featured, .woocommerce-page #content div.product .images .product-label span.featured, .woocommerce-page div.product .images .product-label span.featured{ color:#ffffff; background:#f23434; } .woocommerce .products .product .product-label .out-of-stock, .woocommerce-page .products .product .product-label .out-of-stock, .pp_woocommerce div.product .images .product-label span.out-of-stock, .woocommerce #content div.product .images .product-label span.out-of-stock, .woocommerce div.product .images .product-label span.out-of-stock, .woocommerce-page #content div.product .images .product-label span.out-of-stock, .woocommerce-page div.product .images .product-label span.out-of-stock{ color:#ffffff; background:#d4d4d4; } .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td{ color:#3f3f3f; } .woocommerce .products.list .product .product-wrapper, .woocommerce-page .products.list .product .product-wrapper{ max-width:100%; } .woocommerce .products.list .product .product-wrapper .thumbnail-wrapper{ float:left; width:23%; } .woocommerce .products.list .product .product-wrapper .meta-wrapper{ float:left; width:77%; padding:0 0 0 30px; /* rtl */ } .woocommerce .product .product-wrapper .thumbnail-wrapper figure img:first-child, .woocommerce-page .product .product-wrapper .thumbnail-wrapper figure img:first-child{ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; transition: opacity 250ms ease-in-out 0s; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child, .woocommerce-page .product .product-wrapper figure.has-back-image img:last-child{ position:absolute;right:0;left:0;top:0; width:100%; transition: opacity 250ms ease-in-out 0s; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; opacity:0 } .woocommerce .product .product-wrapper .thumbnail-wrapper:hover figure.has-back-image img:last-child, .woocommerce-page .product .product-wrapper .thumbnail-wrapper:hover figure.has-back-image img:last-child{ opacity:1; top:0; } .woocommerce .product .product-wrapper .thumbnail-wrapper:hover figure.has-back-image img:first-child, .woocommerce-page .product .product-wrapper .thumbnail-wrapper:hover figure.has-back-image img:first-child{ opacity:0; } .woocommerce .products .product .product-wrapper .meta-wrapper .loop-add-to-cart{ margin-right:1px /* rtl */ } .thumbnail-wrapper .button-in, .thumbnail-wrapper .loop-add-to-cart{ display:none !important; } .woocommerce .product .product-wrapper .thumbnail-wrapper .product-group-button{ bottom:0; right:0; top:auto; height:auto; left:auto; z-index:5; transform: none; } .woocommerce .meta-on-thumbnail .product .product-wrapper .meta-wrapper{ position:static; padding:0; margin-bottom:20px; text-align:center /* rtl */ } .woocommerce .meta-on-thumbnail .products .product .product-wrapper .meta-wrapper .loop-add-to-cart{ margin-top:8px; } .woocommerce .meta-on-thumbnail .product .product-wrapper .thumbnail-wrapper, .woocommerce-page .meta-on-thumbnail .product .product-wrapper .thumbnail-wrapper{ margin-bottom:10px; } .woocommerce .meta-on-thumbnail .product .product-wrapper .meta-wrapper{ position:absolute; z-index:99; left:0; right:0; bottom:0; padding:0 6% 5% 6%; text-align:left /* rtl */ } /* boton shop */ /* .woocommerce .product .product-wrapper a.added_to_cart, .woocommerce-page .product .product-wrapper a.added_to_cart, .woocommerce .product .product-wrapper a.button, .woocommerce-page .product .product-wrapper a.button, .woocommerce #content .product .product-wrapper a.added_to_cart, .woocommerce-page #content .product .product-wrapper a.added_to_cart, .woocommerce #content .product .product-wrapper a.button, .woocommerce-page #content .product .product-wrapper a.button, .asp-button-product, .asp-product-deals-widget .loop-add-to-cart a, .woocommerce-page .asp-product-deals-widget .loop-add-to-cart a, .woocommerce-page #content .asp-product-deals-widget .loop-add-to-cart a, .woocommerce .asp-product-deals-widget .loop-add-to-cart a, .woocommerce #content .asp-product-deals-widget .loop-add-to-cart a{ background:none; border-width:2px; border-style:solid; padding:8px 10px; width:100%; text-align:center; } */ /* .woocommerce .product .product-wrapper a.added_to_cart, .woocommerce-page .product .product-wrapper a.added_to_cart, .woocommerce #content .product .product-wrapper a.added_to_cart, .woocommerce-page #content .product .product-wrapper a.added_to_cart, .asp-product-deals-widget .loop-add-to-cart a.added_to_cart, .woocommerce-page .asp-product-deals-widget .loop-add-to-cart a.added_to_cart, .woocommerce-page #content .asp-product-deals-widget .loop-add-to-cart a.added_to_cart, .woocommerce .asp-product-deals-widget .loop-add-to-cart a.added_to_cart, .woocommerce #content .asp-product-deals-widget .loop-add-to-cart a.added_to_cart{ margin-top:5px; display:none !important; } */ .asp-product-in-category-tab-2-wrapper .woocommerce .product .product-wrapper .thumbnail-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .product .product-wrapper .thumbnail-wrapper{ width:100%; margin-bottom:10px; } .asp-product-in-category-tab-2-wrapper .woocommerce .product .product-wrapper .meta-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .product .product-wrapper .meta-wrapper{ width:100%; padding-left:0; padding-right:0; } .asp-product-in-category-tab-2-wrapper .woocommerce .product .product-wrapper .meta-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .product .product-wrapper .meta-wrapper{ padding-left:25px; /* rtl */ } .asp-product-in-category-tab-2-wrapper .woocommerce .products .product .product-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .products .product .product-wrapper{ padding:20px; } .asp-product-in-category-tab-2-wrapper .woocommerce .product .product-wrapper .meta-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .product .product-wrapper .meta-wrapper{ padding-left:20px; /* rtl */ } .asp-product-in-category-tab-2-wrapper .woocommerce .products .product .product-wrapper, .woocommerce-page .asp-product-in-category-tab-2-wrapper .products .product .product-wrapper{ padding:15px; } .woocommerce .meta-on-thumbnail .product .product-wrapper .meta-wrapper{ position:static; padding:0; margin-bottom:20px; text-align:center /* rtl */ } .woocommerce .meta-on-thumbnail .products .product-wrapper .meta-wrapper .loop-add-to-cart{ margin-top:8px; } .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display:none !important; } .woocommerce .products .product .product-wrapper .meta-wrapper .loop-add-to-cart{ margin:14px 0 10px 0; display:inline-block; } @media only screen and (max-width: 1239px){ /* Tooltip */ .product-group-button .button-tooltip{ display:none !important; } .thumbnail-wrapper .product-group-button{ opacity:1; } /* Dropdown myaccount */ .my-account-wrapper .dropdown-container, .asp-tiny-account-wrapper:before{ display:none !important; } /* HEADER VERSION 7 */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ max-width:850px; } /* Sticky menu */ .sticky-wrapper{ height:auto !important } .sticky-wrapper .header-sticky{ position:relative !important; top: auto !important; z-index:9; } /* WISHLIST */ ul.wishlist_table{ overflow: hidden; margin: 0 -10px; } ul.wishlist_table li{ list-style: none; width: 33.33333%; padding: 40px 10px 10px 10px; margin-top: 20px; position: relative; float: left;/* rtl */ } ul.wishlist_table li:nth-child(3n + 1){ clear: both; } ul.wishlist_table .item-details .product-name{ margin-bottom: 0; } ul.wishlist_table .item-details .product-name h3{ margin: 0; } ul.wishlist_table .item-wrapper .product-thumbnail{ margin-bottom: 20px; } ul.wishlist_table .product-add-to-cart a{ display: block; width: 100%; } ul.wishlist_table .product-remove{ position: absolute; left: 50%; transform: translate(-50%,0); top: 0; z-index: 2; } ul.wishlist_table .product-remove i:before{ font-family: "Font Awesome 5 Free"; font-size:14px; font-weight:400; content: "\f00d"; letter-spacing: 0; line-height: 36px; } ul.wishlist_table table td{ padding-left: 0; padding-right: 0; border-width: 0; } ul.wishlist_table table{ border-width: 0 0 1px 0; border-style: solid; } .thumbnail-wrapper .button-in.wishlist{ display:inline-block !important; margin:0 !important; } .product .thumbnail-wrapper .button-in{ margin:0 !important; } /* SHORTCODE */ /* Shortcode sub categories product */ .column-product-banner .owl-controls .owl-nav > div{ top:25%; } /* Product meta top thumbnail */ .woocommerce .meta-on-thumbnail .products .product-type-variable .amount:last-child, .woocommerce-page .meta-on-thumbnail .products .product-type-variable .amount:last-child{ display:initial; } .meta-wrapper .meta-left, .meta-wrapper .meta-right{ float:none;/* rtl */ max-width:100%; text-align:center /* rtl */ } .woocommerce .products .meta-right .star-rating, .woocommerce-page .products .meta-right .star-rating, .woocommerce .star-rating .meta-right, .woocommerce-page .meta-right .star-rating{ margin-left:auto;/* rtl */ margin-right:auto;/* rtl */ } /* IMAGE BACKGROUND PRODUCT */ .woocommerce .product .product-wrapper figure.has-back-image img:last-child{ display:none !important; } /* Main Content */ div#main{ min-height:300px; } /* Breadcrumb */ .breadcrumb-title-wrapper{ padding:50px 0 50px 0; } .breadcrumb-title-wrapper .breadcrumb-title h1{ font-size:24px; line-height:26px; } .breadcrumb-title-wrapper.breadcrumb-v1{ padding:42px 0 260px 0; position:relative; } #main > .page-container.show_breadcrumb_v1, #main > .fullwidth-template.show_breadcrumb_v1{ margin-top:-220px; } .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title{ min-height:50px; } /* Home supermarket 3 */ #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:400px; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ width:40%; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ width:60%; } .asp-product-in-category-tab-2-wrapper .woocommerce.columns-4 .products .product.first, .asp-product-in-category-tab-2-wrapper.has-banner .woocommerce.columns-3 .products .product.first{clear:none;} .asp-product-in-category-tab-2-wrapper .woocommerce.columns-4 .products .product, .asp-product-in-category-tab-2-wrapper.has-banner .woocommerce.columns-3 .products .product{width:50%;float:left} .asp-product-in-category-tab-2-wrapper .woocommerce.columns-4 .products .product:nth-child(2n+1), .asp-product-in-category-tab-2-wrapper.has-banner .woocommerce.columns-3 .products .product:nth-child(2n+1){ clear:both;float:left; } /* Home page 2 Feature Banner */ .banner-content-center{ margin:50px 0; } /* Home supermarket 2 */ .fix-content-pile-revolution { margin-top:-90px; } /* Home main Newsletter Main Content */ .widget-container.feedburner-subscription .subscribe-widget{ padding-top:10px; padding-bottom:0; } /* 404 Page */ body.error404 #main > .fullwidth-template{ padding:120px 25px } body.error404 article h1{ font-size:120px; line-height:120px; } /* BLACK PAGE */ h1.title-coming{ font-size:60px; line-height:60px; } .asp-group-button-coming{ padding-bottom:90px; } .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div.owl-prev, .asp-product-in-category-tab-wrapper .column-products:hover .owl-controls .owl-nav > div.owl-prev{ left:0;/* rtl */ } .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div.owl-next, .asp-product-in-category-tab-wrapper .column-products:hover .owl-controls .owl-nav > div.owl-next{ right:0 /* rtl */ } .asp-product-in-category-tab-wrapper.no-banner .column-products .owl-controls .owl-nav > div.owl-next{ right:1px /* rtl */ } .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div{ visibility:visible; opacity:1; } /* Shortcode sub categories product */ .column-product-banner .row-products .owl-controls .owl-nav > div.owl-prev{ left:10px;/* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div.owl-next{ right:10px /* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div{ visibility:visible; opacity:1; } .column-product-banner .owl-controls .owl-nav > div{ top:25%; } /* Shortcode countdown */ .asp-countdown .counter-wrapper > div{ width:100px; height:100px; padding:10px 2px 10px 2px; border-radius:5px 0 5px 0; margin:0 10px; border-width:1px; } .asp-countdown .counter-wrapper > div .number-wrapper .number{ font-size:44px; line-height:48px; } .asp-countdown .counter-wrapper > div .ref-wrapper{ font-size:16px; line-height:20px; } /* Feature */ .asp-feature-wrapper.feature-horizontal{ margin-bottom:0; } /* Portfolio */ .asp-portfolio-wrapper.columns-3 .item, .asp-portfolio-wrapper.columns-4 .item{ width:50%; float:left; } .asp-portfolio-wrapper.columns-3 .item:nth-child(2n+1), .asp-portfolio-wrapper.columns-4 .item:nth-child(2n+1){ clear:both; } .portfolio-inner .icon-group{ top:30%; } /* Quote */ blockquote{ padding:30px 30px 30px 50px /* rtl */ } blockquote:before{ left:15px; /* rtl */ } /* Product deal */ .counter-wrapper > div{ display:inline-block; padding:3px 1px 4px 1px; border-radius:3px 0 3px 0; width:40px; height:36px; overflow:hidden; } .counter-wrapper .ref-wrapper{ font-size:8px; } .counter-wrapper > div .number-wrapper .number{ font-size:16px; line-height:18px; } /* PARALLAX */ .asp-parallax-bg{ background-position:50% 50% !important; background-attachment:initial !important; } /* COMAPRE & WISHLIST */ div.product a.compare{ display:none !important; } /* PRODUCT DETAIL */ /* Banner before woocommerce tab */ .ads-banner{ margin:10px 0; } /* Show button next prev thumbnail */ div.product .thumbnails .owl-controls div.owl-prev, div.product .thumbnails .owl-controls div.owl-next{ visibility:visible; opacity:1; transform:translate(0,0); } /* Vertical thumbnail */ div.product.vertical-thumbnail .thumbnails .owl-controls div.owl-prev, div.product.vertical-thumbnail .thumbnails .owl-controls div.owl-next{ visibility:visible; opacity:1; transform:translate(0,0); } /* End Show button next prev thumbnail */ .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li{ margin-bottom:20px; padding-bottom:20px; } /* .woocommerce div.product .woocommerce-tabs .panel{ padding:22px 20px 25px 20px } */ .single-navigation .product-info { display:none !important; } .woocommerce #content div.product p.availability.stock, .woocommerce div.product p.availability.stock, .woocommerce-page #content div.product p.availability.stock, .woocommerce-page div.product p.availability.stock{ margin-bottom:20px; } /* MY ACCOUNT */ .woocommerce table.my_account_orders tr td:last-child .button, .woocommerce-page table.my_account_orders tr td:last-child .button{ padding:10px 20px; } .woocommerce table.my_account_orders tr td:last-child, .woocommerce-page table.my_account_orders tr td:last-child{ min-width:0; } /* TOOLTIP SOCIAL */ .asp-social-icons .social-icons .asp-tooltip{ display:none; } .asp-social-icons .social-icons.style-3 .asp-tooltip{ display:inline-block; } /* TAB COMMENT */ .woocommerce-tabs #comments, .asp-col-18 .woocommerce-tabs #comments, .asp-col-12 .woocommerce-tabs #comments{ width:100%; padding-right:0;/* rtl */ margin-bottom:40px; } .comment-respond textarea, #commentform textarea, .comment-respond input[type="text"], .comment-respond select, #commentform input[type="text"], .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2{ max-width:100%; } .woocommerce-tabs #review_form_wrapper, .asp-col-18 .woocommerce-tabs #review_form_wrapper, .asp-col-12 .woocommerce-tabs #review_form_wrapper{ width:100%; padding:0 /* rtl */ } /* PRODUCT DETAIL */ .asp-social-sharing, .asp-col-18 .asp-social-sharing{ width:100%; margin-top:15px; display:inline-block; } .social-sharing > .email{ border:0;/* rtl */ } .summary .meta-wrapper, body div.product .social-sharing{ padding-top:10px; } body div.product .social-sharing{ margin-top:10px; } .woocommerce div.product.type-product form.cart, .woocommerce div.product p.cart{ margin-bottom:20px; } /* BLOG DETAIL */ /* Comment */ .commentlist .children{ padding:20px 0 0 50px; /* rtl */ } .commentlist .children .children{ padding:20px 0 0 100px;/* rtl */ } article.single .meta-bottom-1.has-categories .social-sharing, article.single .social-sharing{ float:left;/* rtl */ clear:both; width:100%; } article.single .meta-bottom-1.has-categories .social-sharing{ margin-top:20px; } .meta-bottom-1.has-social .caasp-link{ margin-right:0 /* rtl */ } /* .woocommerce #content table.shop_table td.actions, .woocommerce table.shop_table td.actions, .woocommerce-page #content table.shop_table td.actions, .woocommerce-page table.shop_table td.actions{ border:0; } */ .woocommerce-cart .cart-collaterals .cart_totals table th{ width:30%; } /* CHECKOUT */ .woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon{ max-width:100%; } /* SHOP CATEGORIES */ .products .product.product-category .meta-wrapper{ opacity:1; } .products .product.product-category:before{ opacity:0.6; } .products .product.product-category:hover .meta-wrapper > div{ -webkit-animation: none; -moz-animation: none; animation: none; } .products .product.product-category h3{ font-size:20px; line-height:24px; } } @media only screen and (max-width: 5000px) and (min-width: 1500px){ .woocommerce .meta-on-thumbnail .products .product-type-variable .amount:last-child, .woocommerce-page .meta-on-thumbnail .products .product-type-variable .amount:last-child{ display:inline-block; } } @media only screen and (max-width: 5000px) and (min-width: 1700px){ /* HEADER */ /* Header version 5 */ header.asp-header .header-v3 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v3 .asp-menu > .menu > ul > li > a, header.asp-header .header-v5 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v5 .asp-menu > .menu > ul > li > a{ padding:32px 25px !important } header.asp-header .menu-wrapper nav > ul.menu li.logo-header-menu > a{ padding-top:23px !important; padding-bottom:0 !important; } /* Version 8 */ /* Menu header version 8 */ header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li > a{ padding:15px 30px !important; } header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.fa > a{ padding-left:44px !important; } header.asp-header .menu-wrapper nav > ul.menu li:before{ left:24px /* rtl */ } .fullwidth-template-padding .fullwidth-template{ padding-left:150px; padding-right:150px; } header.asp-header .header-v8 .group-button-icon-header{ right:150px; /* rtl */ } header.asp-header .header-v8 .header-bottom > .container, header.asp-header .header-v8 .header-middle > .container, header.asp-header .header-v8 .header-top > .container{ padding-left:150px; padding-right:150px; } .fullwidth-template-padding footer .footer-container > div > .container{ padding-left:135px; padding-right:135px; } .fullwidth-template-padding .asp-product-in-category-tab-2-wrapper ul.tabs{ padding-left:150px; padding-right:150px; } .fullwidth-template-padding .asp-product-in-category-tab-2-wrapper .row-content{ padding:70px 150px; } .asp-product-in-category-tab-2-wrapper ul.tabs li{ padding:40px 5px; } .asp-product-in-category-tab-2-wrapper .products .product h3, .asp-product-in-category-tab-2-wrapper .woocommerce .products .product h3, .woocommerce-page .asp-product-in-category-tab-2-wrapper .products .product h3{ margin-bottom:20px; } .asp-product-in-category-tab-2-wrapper .counter-wrapper{ margin:0 -20px; bottom:-20px; } .asp-product-in-category-tab-2-wrapper .counter-wrapper > div{ padding:14px 0 16px 0; } .content-middle-header{ width:70%; } .info-footer{ margin-bottom:40px; } /* END HEADER */ .blank-page-template{ padding:80px 30px 20px 30px; } .blank-page-template .asp-countdown{ padding:20px 0; } .asp-group-button-coming{ padding-bottom:100px; } h1.title-coming{ margin-top:130px; } /* Home supermarket 3 */ .fullwidth-template-padding #main > .fullwidth-template{ padding-top:50px; } .asp-product-in-category-tab-2-wrapper.has-banner .column-products{ width:76%; } .asp-product-in-category-tab-2-wrapper .column-banners{ width:24%; } /* Fix newsletter home supermarket 3 */ .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ width:33%; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ width:68%; } #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:800px } /* SHORTCODE */ /* Shortcode tab product 2 */ .asp-product-in-category-tab-2-wrapper ul.tabs li span.title{ font-size:16px; line-height:26px; } /* Shortcode Banner */ .asp-banner .heading-big{ font-size:56px; line-height:66px; margin-bottom:30px; } .asp-banner .heading-body{ font-size:25px; line-height:28px; margin-bottom:24px; } .asp-banner .text-big{ font-size:16px; line-height:24px; margin-bottom:35px; } .asp-banner .text-big{ font-size:18px; line-height:26px; margin-bottom:40px; } .asp-banner h2.big{ font-size:40px; line-height:46px; } .banner-content .h3-big{ font-size:50px; line-height:54px; } .banner-content .h4-big{ font-size:30px; line-height:34px; } /* FIX CUSTOM WIDTH FOR COLUMNS VISUAL */ #main-content .asp-large-one-third .vc_col-sm-4{ padding:4% 3% 0 3% } #main .feedburner-no-background .asp-feedburner-subscription-shortcode .widgettitle{ font-size:30px; line-height:34px; } /* Product categories */ .fullwidth-template .products .product.product-category h3, .fullwidth-template .woocommerce .products .product.product-category h3{ font-size:40px; line-height:44px; margin-bottom:10px; } .products .product.product-category .shop-now-button, .woocommerce .products .product.product-category .shop-now-button, .woocommerce-page .products .product.product-category .shop-now-button{ margin-top:40px; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-prev{ left:21px; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-next{ right:21px; } /* Background Video */ .vc_row.asp-video-bg > .wpb_column{ padding:170px 30px; } .asp-youtube-video-bg .mb_YTPBar, .asp-hosted-video-bg .video-control{ top:190px; } } @media only screen and (max-width: 1700px) and (min-width: 1500px){ /* HEADER */ /* Header version 5 */ header.asp-header .header-v3 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v3 .asp-menu > .menu > ul > li > a, header.asp-header .header-v5 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v5 .asp-menu > .menu > ul > li > a{ padding:26px 20px !important } header.asp-header .menu-wrapper nav > ul.menu li.logo-header-menu > a{ padding-top:17px !important; padding-bottom:0 !important; } /* Version 8 */ /* Menu header version 8 */ header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li > a{ padding:15px 25px !important; } header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.fa > a{ padding-left:39px !important; } header.asp-header .menu-wrapper nav > ul.menu li:before{ left:19px /* rtl */ } .fullwidth-template-padding .fullwidth-template{ padding-left:80px; padding-right:80px; } header.asp-header .header-v8 .header-bottom > .container, header.asp-header .header-v8 .header-middle > .container, header.asp-header .header-v8 .header-top > .container{ padding-left:80px; padding-right:80px; } header.asp-header .header-v8 .group-button-icon-header{ right:80px; /* rtl */ } .fullwidth-template-padding footer .footer-container > div > .container{ padding-left:65px; padding-right:65px; } .fullwidth-template-padding .asp-product-in-category-tab-2-wrapper ul.tabs{ padding-left:80px; padding-right:80px; } .fullwidth-template-padding .asp-product-in-category-tab-2-wrapper .row-content{ padding:50px 80px; } .asp-product-in-category-tab-2-wrapper ul.tabs li{ padding:34px 5px; } .asp-product-in-category-tab-2-wrapper .products .product h3, .asp-product-in-category-tab-2-wrapper .woocommerce .products .product h3, .woocommerce-page .asp-product-in-category-tab-2-wrapper .products .product h3{ margin-bottom:15px; } .asp-product-in-category-tab-2-wrapper .counter-wrapper{ margin:0 -15px; bottom:-15px; } .asp-product-in-category-tab-2-wrapper .counter-wrapper > div{ padding:10px 0 12px 0; } .content-middle-header{ width:72%; } .info-footer{ margin-bottom:30px; } /* END HEADER */ .blank-page-template{ padding:50px 30px 20px 30px; } .blank-page-template .asp-countdown{ padding:15px 0; } .asp-group-button-coming{ padding-bottom:60px; } h1.title-coming{ margin-top:90px; } /* Home supermarket 3 */ .fullwidth-template-padding #main > .fullwidth-template{ padding-top:50px; } /* Fix newsletter home supermarket 3 */ .asp-product-in-category-tab-2-wrapper.has-banner .column-products{ width:76.5%; } .asp-product-in-category-tab-2-wrapper .column-banners{ width:23.5%; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ width:36%; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ width:64%; } #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:700px } /* SHORTCODE */ /* Shortcode Banner */ .asp-banner .heading-big{ font-size:46px; line-height:46px; margin-bottom:20px; } .asp-banner .heading-body{ font-size:22px; line-height:24px; margin-bottom:15px; } .asp-banner .text-big{ font-size:14px; line-height:22px; margin-bottom:22px; } .asp-banner .text-big{ font-size:16px; line-height:22px; margin-bottom:25px; } .asp-banner h2.big{ font-size:32px; line-height:36px; } .banner-content .h3-big{ font-size:42px; line-height:44px; } .banner-content .h4-big{ font-size:24px; line-height:28px; } /* FIX CUSTOM WIDTH FOR COLUMNS VISUAL */ #main-content .asp-large-one-third .vc_col-sm-4{ padding:3% 2% 0 2% } #main .feedburner-no-background .asp-feedburner-subscription-shortcode .widgettitle{ font-size:24px; line-height:28px; } /* Product categories */ .fullwidth-template .products .product.product-category h3, .fullwidth-template .woocommerce .products .product.product-category h3{ font-size:32px; line-height:34px; margin-bottom:6px; } .products .product.product-category .shop-now-button, .woocommerce .products .product.product-category .shop-now-button, .woocommerce-page .products .product.product-category .shop-now-button{ margin-top:30px; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-prev{ left:11px; } .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-next{ right:11px; } /* Background Video */ .vc_row.asp-video-bg > .wpb_column{ padding:140px 20px; } .asp-youtube-video-bg .mb_YTPBar, .asp-hosted-video-bg .video-control{ top:140px; } } @media only screen and (max-width: 1501px) and (min-width: 1238px){ .woocommerce .meta-on-thumbnail .products .product .price del .amount, .woocommerce-page .meta-on-thumbnail .products .product .price del .amount, .woocommerce .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child, .woocommerce-page .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child{ padding-bottom:5px; display:inline-block; } .woocommerce .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child:last-child, .woocommerce-page .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child:last-child{ padding-bottom:0; } } @media only screen and (max-width: 1350px) and (min-width: 1240px){ /* FIX CUSTOM WIDTH FOR COLUMNS VISUAL */ #main-content .asp-large-one-third .asp-banner .banner-bg{ margin-left:-5%; margin-right:-5%; } } @media only screen and (max-device-width : 3000px){ .breadcrumb-title-wrapper{ background-size: initial; } } /* Ipad */ @media only screen and (max-device-width : 1239px){ /* WISHLIST */ ul.wishlist_table{ overflow: hidden; margin: 0 -10px; width: 100%; } ul.wishlist_table li{ list-style: none; width: 33.33333%; padding: 40px 10px 10px 10px; margin-top: 20px; position: relative; float: left;/* rtl */ } ul.wishlist_table li:nth-child(3n + 1){ clear: both; } ul.wishlist_table .item-details .product-name{ margin-bottom: 0; } ul.wishlist_table .item-details .product-name h3{ margin: 0; } ul.wishlist_table .item-wrapper .product-thumbnail{ margin-bottom: 20px; } ul.wishlist_table .product-add-to-cart a{ display: block; width: 100%; } ul.wishlist_table .product-remove{ position: absolute; left: 50%; transform: translate(-50%,0); top: 0; z-index: 2; } ul.wishlist_table .product-remove i:before{ font-family: "Font Awesome 5 Free"; font-size:14px; font-weight:400; content: "\f00d"; letter-spacing: 0; line-height: 36px; } ul.wishlist_table table td{ padding-left: 0; padding-right: 0; border-width: 0; } ul.wishlist_table table{ border-width: 0 0 1px 0; border-style: solid; } /* SHORTCODE PRODUCT */ .thumbnail-wrapper .product-group-button{ opacity:1; } /* Product meta top thumbnail */ .woocommerce .meta-on-thumbnail .products .product-type-variable .amount:last-child, .woocommerce-page .meta-on-thumbnail .products .product-type-variable .amount:last-child{ display:initial; } .woocommerce .meta-on-thumbnail .products .product .price del .amount, .woocommerce-page .meta-on-thumbnail .products .product .price del .amount, .woocommerce .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child, .woocommerce-page .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child{ padding-bottom:0; display:initial; } .woocommerce .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child:last-child, .woocommerce-page .meta-on-thumbnail .products .product.product-type-variable .price .amount:first-child:last-child{ padding-bottom:0; } .meta-wrapper .meta-left, .meta-wrapper .meta-right{ float:none;/* rtl */ max-width:100%; text-align:center /* rtl */ } /* SHORTCODE */ /* Shortcode tab product */ .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div.owl-prev, .asp-product-in-category-tab-wrapper .column-products:hover .owl-controls .owl-nav > div.owl-prev{ left:0;/* rtl */ } .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div.owl-next, .asp-product-in-category-tab-wrapper .column-products:hover .owl-controls .owl-nav > div.owl-next{ right:0 /* rtl */ } .asp-product-in-category-tab-wrapper.no-banner .column-products .owl-controls .owl-nav > div.owl-next{ right:1px /* rtl */ } .asp-product-in-category-tab-wrapper .column-products .owl-controls .owl-nav > div{ visibility:visible; opacity:1; } /* Shortcode sub categories product */ .column-product-banner .row-products .owl-controls .owl-nav > div.owl-prev{ left:10px;/* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div.owl-next{ right:10px /* rtl */ } .column-product-banner .row-products .owl-controls .owl-nav > div{ visibility:visible; opacity:1; } .column-product-banner .owl-controls .owl-nav > div{ top:25%; } .drop-icon{ display:inline-block; } .shopping-cart-wrapper:hover .dropdown-container{ animation: none; display:none; } .shopping-cart-wrapper:hover .ic-cart:before, .group-button-icon-header .shopping-cart-wrapper:hover .ic-cart:before{ animation: none; } .shopping-cart-wrapper .dropdown-container{ visibility:visible !important; opacity:1 !important; z-index:99999; display:none } .shopping-cart-wrapper.active .dropdown-container { -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; display:block; } .group-button-icon-header .shopping-cart-wrapper.active .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon_v3; -moz-animation-name: animation_dropdow_icon_v3; animation-name: animation_dropdow_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .shopping-cart-wrapper.active .ic-cart:before { -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon; -moz-animation-name: animation_dropdow_icon; animation-name: animation_dropdow_icon; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Drop down icon menu */ .asp-menu-drop-icon{ display:inline-block !important; position:absolute; z-index:99; left:0;right:0;bottom:0;top:0; content:""; text-align:center; cursor:pointer; } .asp-menu-drop-icon.active{ z-index:-1; } /* Sub menu */ header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.parent .asp-menu-drop-icon, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children .asp-menu-drop-icon{ position:absolute; content:""; left:0;right:0; top:0;bottom:0; z-index:100000; } header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.parent .asp-menu-drop-icon.active, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children .asp-menu-drop-icon.active{ z-index:-1; } /* MENU */ header.asp-header .asp-menu > nav > ul.menu li:hover > ul.sub-menu, header.asp-header .menu-wrapper nav > ul.menu > li.parent:hover > a:after, header.asp-header .menu-wrapper nav > ul.menu > li.menu-item-has-children:hover > a:after{ animation: none !important; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu, .widget-container .vertical-menu > ul.menu li ul.sub-menu{ visibility:visible; opacity:1; display:none; } header.asp-header .menu-wrapper nav > ul.menu li:hover ul.sub-menu{ display:none; } header.asp-header .menu-wrapper nav > ul.menu > li.parent.active > a:after{ display:block; visibility:visible; opacity:1; } /* Vertical menu */ .menu-wrapper .vertical-menu > ul.menu li > ul.sub-menu{ animation: none !important; visibility:visible !important; opacity:1 !important; display:none; } /* Background size */ .breadcrumb-title-wrapper.asp-breadcrumb-parallax{ background-attachment: scroll; } /* Portfolio */ .portfolio-inner .thumbnail > figure .figcaption{ transform: translate(0,0); } .portfolio-inner .thumbnail > figure span.bg-hover{ opacity:0.5; } .portfolio-inner .thumbnail > figure img{ top:-20px; } .portfolio-inner .thumbnail .icon-group{ opacity:1; } .portfolio-inner .thumbnail .icon-group a{ transform: translate(0,0); } /* Team member */ .asp-team-member .image-thumbnail:hover .social a{ animation: none; } .asp-team-member .image-thumbnail .social a{ color:inherit; } .asp-team-member .image-thumbnail .social a:hover{ color:#fff; } .asp-team-member .image-thumbnail .social{ display:block; position:static; transform:none; padding:5px 0; border-width:1px; border-style:solid; margin-bottom:-1px; } .asp-team-member .image-thumbnail:before{ display:none; } .asp-team-member .image-thumbnail:hover img{ transform: scale(1); } /* Group button */ .product .thumbnail-wrapper .button-in{ margin:0 !important; } } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 19. WIDGET ARCHIVE ------------------------------------------------------------------------------------------------*/ .widget-container.widget_archive > ul{ padding-top:5px; margin:0; } .widget-container.widget_archive ul li{ text-align:right; /* rtl */ position:relative; margin:0; padding:10px 0 11px 0; display:inline-block; width:100%; } .widget_archive li:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:0; top:auto; border-width:1px 0 0 0; border-style:solid; } .widget_archive ul li:last-child:before{ display:none; } .widget_archive li a{ float:left; /* rtl */ } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 20. WIDGET CATEGORIES PRODUCT -------------------------------------------------------------------------------------*/ .widget-container ul.product-categories{ padding:2px 0; margin:0; } .widget-container ul.product-categories ul, .widget-container ul.product-categories li{ margin:0; padding:0; } .widget-container ul.product-categories li{ margin:0; padding:0; position:relative; } .widget-container ul.product-categories li a{ position:relative; padding:11px 0 10px 0; display:inline-block; width:100%; } .widget-container ul.product-categories li.cat-parent > a:after{ font-family: "Font Awesome 5 Free"; content: "\f150"; position:absolute; right:0; /* rtl */ top:50%; transform:translate(0 ,-50%); } .widget-container ul.product-categories ul.children li a{ padding-left:20px /* rtl */ } .widget-container ul.product-categories ul.children ul.children li a{ padding-left:40px /* rtl */ } .widget-container ul.product-categories a:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-1px; top:auto; border-width:1px 0 0 0; border-style:solid; margin:0; } .widget-container ul.product-categories > li:last-child > a:before, .widget-container ul.product-categories > li.cat-parent:last-child > ul.children > li:last-child > a:before, .widget-container ul.product-categories > li.cat-parent:last-child > ul.children > li.cat-parent > ul.children > a:before{ display:none; } .widget-container ul.product-categories > li.cat-parent:last-child > a:before{ display:inline-block; } /* WIDGET TS CATEGORIES */ .widget-container.asp-product-categories-widget ul.product-categories li.cat-parent > a:after{ display:none; } .widget-container.asp-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle{ position:absolute; right:0; /* rtl */ top:10px; z-index:2; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; cursor:pointer; } .widget-container.asp-product-categories-widget ul.product-categories li span.icon-toggle{ display:none; } .widget-container.asp-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle:before{ font-family: "Font Awesome 5 Free"; content: "\f150"; font-size:14px; line-height:14px; display:inline-block; } .widget-container.asp-product-categories-widget ul.product-categories li.cat-parent.active > span.icon-toggle:before{ content: "\f0d8"; } .widget-container.asp-product-categories-widget ul.product-categories li a{ padding-right:20px /* rtl */ } .widget-container.asp-product-categories-widget ul.product-categories > li.cat-parent.active:last-child > a:before{ display:inline-block; } .widget-container.asp-product-categories-widget ul.product-categories > li.cat-parent:last-child > a:before{ display:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 21. WIDGET TWITTER ------------------------------------------------------------------------------------------------*/ .widget-container.asp-twitter-widget .item{ position:relative; padding:0; margin:20px 0 21px; display:inline-block; width:100%; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .widget-container.asp-twitter-widget .item:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-20px; top:auto; border-width:1px 0 0 0; border-style:solid; } .widget-container.asp-twitter-widget .item:last-child:before{ display:none } .widget-container.asp-twitter-widget .avatar-name img{ width:30px; height:auto; float:left; } .widget-container.asp-twitter-widget .avatar-name{ min-height:30px; } .avatar-name a{ font-weight:bold; margin:0 0 0 10px; /* rtl */ position:relative; top:2px; } .avatar-name a:hover{ text-decoration:none; } .widget-container.asp-twitter-widget .content{ margin-top:10px; } .widget-container.asp-twitter-widget .date-time{ font-size:12px; line-height:14px; margin-top:10px; display:inline-block; width:100%; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 22. WIDGET SINGLE IMAGE -------------------------------------------------------------------------------------------*/ .widget-container.asp-single-image{ border:0; padding:0; } .widget-container.asp-single-image img{ margin:0; padding:0; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 23. WIDGET CATEGORIES ---------------------------------------------------------------------------------------------*/ .widget-container.widget_categories ul, .widget-container.widget_categories ul li{ margin:0; padding:0; } .widget-container.widget_categories ul.children{ display:none; } .widget-container.widget_categories > ul{ padding:2px 0; margin:0; } .widget-container.widget_categories > ul li, .category-menu ul li{ margin:0; padding:0; position:relative; list-style:none; } .widget-container.widget_categories > ul li a, .category-menu ul li a{ position:relative; padding:11px 0 10px 0; display:inline-block; width:100%; } .widget-container.widget_categories > ul ul.children li a, .category-menu ul .sub-category h3 > a{ padding-left:20px /* rtl */ } .widget-container.widget_categories > ul ul.children ul.children li a, .category-menu ul .sub-category .sub-category h3 > a{ padding-left:40px /* rtl */ } .widget-container.widget_categories > ul a:before, .category-menu ul a:before{ content:"" !important; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-1px; top:auto; border-width:1px 0 0 0; border-style:solid; margin:0; } .category-menu > div > ul > li:last-child > a:before, .widget-container.widget_categories > ul > li:last-child > a:before, .widget-container.widget_categories > ul > li.cat-parent:last-child > ul.children > li:last-child > a:before, .widget-container.widget_categories > ul > li.cat-parent:last-child > ul.children > li.cat-parent > ul.children > a:before{ display:none; } .widget-container.widget_categories > ul > li.cat-parent:last-child > a:before, .category-menu > div > ul > li.has-children:last-child > a:before{ display:inline-block; } /* WIDGET TS CATEGORIES */ .widget-container.widget_categories > ul li.cat-parent > a:after{ display:none; } .widget-container.widget_categories > ul li.cat-parent > span.icon-toggle{ position:absolute; right:0; /* rtl */ top:10px; z-index:2; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; cursor:pointer; } .widget-container.widget_categories > ul li span.icon-toggle{ display:none; } .widget-container.widget_categories > ul li.cat-parent > span.icon-toggle:before{ font-family: "Font Awesome 5 Free"; content: "\f150"; font-size:14px; line-height:14px; display:inline-block; } .widget-container.widget_categories > ul li.cat-parent.active > span.icon-toggle:before{ content: "\f0d8"; } .widget-container.widget_categories > ul li a{ padding-right:20px /* rtl */ } .widget-container.widget_categories > ul > li.cat-parent.active:last-child > a:before{ display:inline-block; } .widget-container.widget_categories > ul > li.cat-parent:last-child > a:before{ display:none; } .widget-container.asp-blogs-tabs-widget{ padding:0; border:0; } body section.asp-blogs-tabs-widget .vc_general.vc_tta-tabs.top_border .vc_tta-tab{ width:50%; } body section.asp-blogs-tabs-widget .vc_general.vc_tta-tabs.top_border .vc_tta-tab:last-child a{ border-left-width:0;/* rtl */ } body section.asp-blogs-tabs-widget .vc_general.vc_tta-tabs.top_border .vc_tta-tab a{ width:100%; text-align:center; } .widget-container.asp-blogs-tabs-widget .post_list_widget > li{ padding-left:0; padding-right:0; padding:20px 0 0 0; margin:20px 0 0 0; min-height:0; } .widget-container.asp-blogs-tabs-widget .post_list_widget > li:first-child{ margin-top:0; padding-top:0; } section.asp-blogs-tabs-widget .post_list_widget.has-image .blog-info{ margin-left:105px;/* rtl */ margin-top:-4px; } .widget-container .post_list_widget.no-image .blog-info{ margin:0; } .widget-container .post_list_widget.has-image .thumbnail{ float:left; /* rtl */ margin:0; width:90px; display:inline-block; } .widget-container.asp-blogs-tabs-widget a.post-title:hover{ text-decoration:none; } .widget-container.asp-blogs-tabs-widget .post-meta{ margin-top:3px; display:inline-block; width:100%; } .widget-container.asp-blogs-tabs-widget .excerpt{ margin-top:3px; display:inline-block; width:100%; } .widget-container.asp-blogs-tabs-widget .post-meta span.author, .widget-container.asp-blogs-tabs-widget .post-meta span.date-time, .widget-container.asp-blogs-tabs-widget .post-meta span.comment{ margin:0; width:100%; display:inline-block; } .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #4169e1; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { -webkit-box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1); box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #4169e1; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, .1); } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } /* single product */ .single-product div.product { content: ""; display: table; table-layout: fixed; position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; float: left; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 2em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .woocommerce #content div.product.vertical-thumbnail div.details-img div.item-image, .woocommerce div.product.vertical-thumbnail div.details-img div.item-image, .woocommerce-page #content div.product.vertical-thumbnail div.details-img div.item-image, .woocommerce-page div.product.vertical-thumbnail div.details-img div.item-image { margin-left: 120px; } .woocommerce #content div.product div.details-img .item-image, .woocommerce div.product div.details-img .item-image, .woocommerce-page #content div.product div.details-img .item-image, .woocommerce-page div.product div.details-img .item-image { width: auto; margin: 0; float: none; position: relative; border: 1px solid #fafafa; } .woocommerce #content div.product div.details-img, .woocommerce div.product div.details-img, .woocommerce-page #content div.product div.details-img, .woocommerce-page div.product div.details-img { width: 420px; position: relative; float: left; margin: 0 0 50px 0; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce-page nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce-page nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce .form-row input.button:hover, .load-more-wrapper .button:hover, body .vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:hover, body .vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active, .woocommerce div.product form.cart .button:hover, .woocommerce div.product div.summary p.cart a:hover, div.product .summary .yith-wcwl-add-to-wishlist a:hover, .woocommerce #content div.product .summary .compare:hover, .tagcloud a:hover, .woocommerce .wc-proceed-to-checkout a.button.alt:hover, .woocommerce .wc-proceed-to-checkout a.button:hover, .woocommerce-cart table.cart input.button:hover, div.product.vertical-thumbnail .details-img .owl-controls div.owl-prev:hover, div.product.vertical-thumbnail .details-img .owl-controls div.owl-next:hover, ul > .page-numbers.current, ul > .page-numbers:hover{ color:#666; } .woocommerce .product .details-img .item-image .conditions-box .featured, .woocommerce .product .details-img .item-image .conditions-box .out-of-stock{ left: 4px; top:4px; } .woocommerce .product .details-img .item-image .conditions-box .onsale{ right: 4px; top:4px; } .vertical-thumbnail .images-thumbnails .thumbnails.loading{ height:300px; } .images-thumbnails >.thumbnails *{ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper, .vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper ul{ width: 100% !important; } .images-thumbnails >.thumbnails ul{ margin:0; } .images-thumbnails >.thumbnails ul li{ line-height:0; } .images-thumbnails >.thumbnails .owl-controls .owl-nav > div{ top:50%; margin-top:-14px; border:0; line-height:0; width:20px !important; } .images-thumbnails >.thumbnails .owl-controls .owl-nav > div:before{ line-height:28px !important; } .images-thumbnails >.thumbnails .owl-carousel .owl-stage-outer{ padding:0; } .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-next{ right:1px; left:auto } .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-prev{ left:1px; right:auto } div.product .images-thumbnails .owl-controls div.owl-next{ visibility:hidden; opacity:0; transform:translate(10px,0); transition:all 400ms ease 0s; } div.product .images-thumbnails .owl-controls div.owl-prev{ visibility:hidden; opacity:0; transform:translate(-10px,0); transition:all 400ms ease 0s; } div.product .thumbnails:hover .owl-controls div.owl-prev, div.product .thumbnails:hover .owl-controls div.owl-next{ visibility:visible; opacity:1; transform:translate(0,0); } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div{ top:auto; left:50%; right:auto; bottom:0; margin:0; width:30px !important; height:20px !important; margin-left:-15px !important; } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-next{ top:10px; bottom:auto; } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-prev{ top:auto; bottom:0; } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div:before{ line-height:18px !important; } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-next:before{ content: "\f106"; } .vertical-thumbnail .images-thumbnails >.thumbnails .owl-controls .owl-nav > div.owl-prev:before{ content: "\f107"; } div.product.vertical-thumbnail .images-thumbnails .owl-controls div.owl-next{ visibility:hidden; opacity:0; transform:translate(0,-10px); transition:all 400ms ease 0s; } div.product.vertical-thumbnail .images-thumbnails .owl-controls div.owl-prev{ visibility:hidden; opacity:0; transform:translate(0,10px); transition:all 400ms ease 0s; } div.product.vertical-thumbnail .images-thumbnails .thumbnails:hover .owl-controls div.owl-prev, div.product.vertical-thumbnail .images-thumbnails .thumbnails:hover .owl-controls div.owl-next{ visibility:visible; opacity:1; transform:translate(0,0); } div.product .thumbnails{ position:relative; overflow:hidden; } .vertical-thumbnail .images-thumbnails > .thumbnails .caroufredsel_wrapper{ margin:0 0 0 0 !important; } div.product.vertical-thumbnail .thumbnails{ width:90px; float:left;/* rtl */ margin-top:-10px; } div.product.vertical-thumbnail .thumbnails li{ padding:10px 0 0 0; line-height:0; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a{ width:auto; margin:0; float:none; display:inline-block; padding:1px; } .woocommerce #content div.product div.images-thumbnails div.thumbnails, .woocommerce div.product div.images-thumbnails div.thumbnails, .woocommerce-page #content div.product div.images-thumbnails div.thumbnails, .woocommerce-page div.product div.images-thumbnails div.thumbnails{ padding-top:0; } .woocommerce #content div.product div.thumbnails a img, .woocommerce div.product div.thumbnails a img, .woocommerce-page #content div.product div.thumbnails a img, .woocommerce-page div.product div.thumbnails a img{ border:1px solid transparent; height:auto; max-width:100%; display:block; } .woocommerce ul.products li.product .onsale { right: 9px!important; top: 13px!important; } /* grid-list */ .woocommerce .woocommerce-ordering .orderby li, .woocommerce-page .woocommerce-ordering .orderby li, .shopping-cart-wrapper a.cart-control, .shopping-cart-wrapper .dropdown-container, .gridlist-toggle a#grid:before, .gridlist-toggle a#list:before{ line-height:24px; } /* NAVI GRID LIST */ .gridlist-toggle{ float:left; margin:0 40px 8px 0; /* rtl */ padding: 0 20px 0 0;/* rtl */ line-height:0; border-width:0 1px 0 0; border-style:solid; } .gridlist-toggle a{ font-size:0; line-height:0; padding:0; position:relative; z-index:1; display:inline-block; margin:0 10px 0 0;/* rtl */ } .gridlist-toggle a:hover{ text-decoration:none } .gridlist-toggle a#list:before{ content: "\f03a"; font: normal normal normal 14px/1 FontAwesome; font-size:18px; font-weight:300; } .gridlist-toggle a#grid:before{ content: "\f84c"; font: normal normal normal 14px/1 FontAwesome; font-size:18px; font-weight:300; } .gridlist-toggle a#split:before{ content: "\f00a"; font: normal normal normal 14px/1 FontAwesome; font-size:18px; font-weight:300; } .gridlist-toggle a span{ display:none; } .list-view-li { float: none!important; width: 100%!important; } .list-view-div { display: flex!important; align-items: center; } .column-product.list-view { display: flex!important; align-items: center; } .list-view-div>.wd-content-detail>.product-label { top: -25px!important; } .list-view-div>.wd-content-detail { text-align-last: center; width: 100%; inline-size: fit-content; text-align: left; position: relative; margin-top: 50px; } .list-view { width: 100%!important; } @media (min-width:768px) { ul.list-view { width: 80%!important; } } li.list-view { width: 100%!important; } .split-view-div>.wd-content-detail>.product-label { position: relative!important; } /* avatar right panel */ .panel-right-toggle.menu-3>.avatar { width: auto; border-radius: 50px; top: 25px; } .panel-right-toggle.menu-left>.avatar { width: auto; border-radius: 50px; top: 25px; } .panel-right-toggle.menu-right>.avatar { width: auto; border-radius: 50px; top: 25px; } .submenu-dropdown-toggle { background-color: transparent!important; background: transparent!important; } /*-------------------------------------------------------------- # Panel Breakpoint to become absolute. no longer a flexed item --------------------------------------------------------------*/ @media (max-width: 2030px) { #panel-right { position: fixed; height: 100%; right: 0; top: 0; padding-top: 50px; z-index: 90; width: 0; } #panel-right.open { width: 264px; } } @media (max-width: 1230px) { #panel-right:not(:empty) ~ .site .site-top .container { padding-right: 12px; } } #panel-right:not(:empty) ~ .site .site-top .container-fluid { padding-right: 12px; } #panel-right.open:not(:empty) { flex-basis: 264px; flex-shrink: 0; } #panel-right.open { margin-right: 20px; width: 264px; } @media (min-width: 2030px) { #panel-right.stay-open { flex-basis: 264px; flex-shrink: 0; transform: translate(0, 0); /* & ~ .panel-right-toggle{ display: none; } */ } } #panel-right { background: transparent; color: white; padding-top: 60px; transition: top ease 0.5s; height: auto; top: 120px; margin-bottom: 56px; padding-bottom: 50px; border-radius: 5px; } #myaccount-menu { position: relative; background-color: #c9c9c9; opacity: 0.9; top: 20px; left: 0; bottom: 100%; float: left; margin: 2px 5px 0 5px!important; margin-top: 0; padding: 2px 5px 2px 8px!important; border-radius: 5px; width: 249px; } #myaccount-menu>li{ position: relative!important; z-index: 10!important; } #myaccount-menu>li:hover{ background-color: deepskyblue; /* transition: all .2s ease-in-out; */ padding: 8px 5px 8px 5px!important; line-height: 1!important; } #myaccount-menu>li>div>a{ position: relative!important; display: inline-block!important; margin: 0 0.5em 0 0.5em!important; font-size: inherit; width: 240px!important; transition: all 300ms; } #myaccount-menu>li>div{ line-height: 1; position: relative; display: block; outline: none; } #myaccount-menu>li>div>a::before { content: "\f144"; position: absolute; left: -20px;/* rtl */ margin-right: 20px; top: 2px; vertical-align: middle; padding-right: 20px; font:15px FontAwesome; display: inline-block; } #myaccount-menu>li>div>a:hover::before { content: "\f144"; position: absolute; left: -20px;/* rtl */ margin-right: 20px; top: 2px; vertical-align: middle; padding-right: 20px; font:15px FontAwesome; display: inline-block; } #myaccount-menu>li>div>a:hover { -webkit-transform: translate3d(10px, 0, 0) scale(0.9); transform: translate3d(10px, 0, 0) scale(0.9); -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); transition: all 300ms; } /* menu my account effect */ .bt-menu-trigger { position: absolute; top: 0; left: -26px; display: block; width: 30px; height: 30px; cursor: pointer; } .bt-menu-trigger span { position: absolute; top: 40px; left: auto; display: block; width: 100%; height: 4px; margin-left: auto; margin-top: -2px; background-color: #58dfff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } #panel-right.open .bt-menu-trigger span { background-color: transparent; } .bt-menu-trigger span:before, .bt-menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: rgb(23, 183, 204); content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .bt-menu-trigger span:before { -webkit-transform: translateY(-250%); transform: translateY(-250%); } .bt-menu-trigger span:after { -webkit-transform: translateY(250%); transform: translateY(250%); } .panel-right-toggle.toggled-on>.bt-menu-trigger span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .panel-right-toggle.toggled-on>.bt-menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .panel-right-toggle { z-index: var(--z-index-top); right: 35px; top: 18px; line-height: 0; border: none; padding: 0 15px; cursor: pointer; outline: none; font-size: 22px; } /*------- sidebar icon --------*/ //button to open panel .panel-right-toggle { background-color: transparent; } .panel-right-toggle:hover { background-color: transparent; } @media (max-width:550px) { .panel-right-toggle { right: 13px!important; top: 49px!important; } #panel-right { padding-top: 107px!important; } } .around-cart-in-panel-right { position: absolute; margin-top: 50px; left: 0px; float: right; right: 0; } .user-column { position: relative; top: 0; } .panel-right-toggle.menu-3{ top: 0; } .bt-menu-trigger.menu-3 span{ top: 28px; } .panel-right-toggle{ height: auto!important; } .close { display: none; } .alignwide-single { /* margin-left : -80px; margin-right : -80px; */ width: 100%; } .alignfull-single { margin-left: calc( -100vw/2 + 100%/2 ); margin-right: calc( -100vw/2 + 50%/2 ); min-width: 100vw; width: 100vw; }