CSS File

1/*

2Theme Name: Merto

3Theme URI: https://demo.theme-sky.com/merto/

4Author: Theme Sky Team

5Author URI: https://theme-sky.com/

6Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites

7Version: 1.2.6

8Tested up to: 6.6

9Requires PHP: 7.4

10License: GNU General Public License v2 or later

11License URI: http://www.gnu.org/licenses/gpl-2.0.html

12Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

13Text Domain: merto

14*/

15

16/*

17 I. HEADER

18 1. MENU

19 2. HEADER TOP

20 3. HEADER MIDDLE

21 4. HEADER BOTTOM

22 II. MAIN CONTENT

23 1. BREADCRUMB

24 2. CUSTOM MERTO

25 III. FOOTER

26 IV. WIDGET

27 1. WIDGET DEFAULT WP

28 2. WIDGET FILTER

29 3. WIDGET TS

30 4. WIDGET ELEMENTOR

31 V. PRODUCT DEFAULT

32 1. PRODUCT IMAGES

33 2. PRODUCT LABEL

34 3. PRODUCT META

35 4. PRODUCT GROUP BUTTONS

36 VI. CATEGORIES PRODUCT

37 VII. PRODUCT DETAIL

38 1. PRODUCT IMAGE

39 2. PRODUCT SUMMARY

40 3. ADS BANNERS

41 4. FREQUENTLY BOUGHT TOGETHER

42 5. WOOCOMMERCE TABS

43 VIII. SHOPPING CART

44 IX. CHECK OUT

45 X. POPUP/MODAL

46 XI. WOOCOMMERCE MESSAGE

47 XII. MY ACCOUNT

48 XIII. WISHLIST

49 XIV. BLOG

50 1. BLOG DETAIL

51 XV. PAGE TEMPLATE

52 XVI. RESPONSIVE

53*/

54

55:root {

56 --ts-columns: 4;

57

58 --ts-h-gap: 20px;

59 --ts-v-gap: 20px;

60 --ts-section-gap: 60px;

61 --ts-heading-gap: 30px;

62 --ts-swatches-size: 16px;

63 --ts-pagination-size: 40px;

64 --ts-border-radius: 5px;

65 --loading-size: 14px;

66

67 --ts-font-family: Poppins, sans-serif;

68 --ts-font-style: normal;

69 --ts-font-weight: 400;

70 --ts-letter-spacing: 0;

71

72 --ts-heading-font-family: Poppins, sans-serif;

73 --ts-heading-font-style: normal;

74 --ts-heading-font-weight: 600;

75 --ts-heading-letter-spacing: 0;

76

77 --ts-btn-font-family: Poppins, sans-serif;

78 --ts-btn-font-style: normal;

79 --ts-btn-font-weight: 600;

80 --ts-btn-letter-spacing: 0;

81

82 --ts-menu-font-family: Poppins, sans-serif;

83 --ts-menu-font-weight: 500;

84 --ts-menu-font-size: 14px;

85 --ts-menu-letter-spacing: 0;

86

87 --ts-v-menu-font-family: Poppins, sans-serif;

88 --ts-v-menu-font-weight: 500;

89 --ts-v-menu-font-size: 14px;

90 --ts-v-menu-letter-spacing: 0;

91

92 --ts-body-font-size: 14px;

93 --ts-line-height: 24px;

94 --ts-btn-font-size: 14px;

95 --ts-btn-line-height: 24px;

96 --ts-product-font-size: 14px;

97 --ts-h1-font-size: 40px;

98 --ts-h1-line-height: 54px;

99 --ts-h2-font-size: 30px;

100 --ts-h2-line-height: 40px;

101 --ts-h3-font-size: 26px;

102 --ts-h3-line-height: 32px;

103 --ts-h4-font-size: 20px;

104 --ts-h4-line-height: 30px;

105 --ts-h5-font-size: 16px;

106 --ts-h5-line-height: 24px;

107 --ts-h6-font-size: 14px;

108 --ts-h6-line-height: 20px;

109

110 --ts-primary-color: #DE1010;

111 --ts-text-in-primary-color: #ffffff;

112 --ts-main-bg: #ffffff;

113 --ts-text-color: #000000;

114 --ts-heading-color: #000000;

115 --ts-gray-color: #818388;

116 --ts-hightlight: #fcc904;

117 --ts-dropdown-color: #000000;

118 --ts-dropdown-bg: #ffffff;

119 --ts-link-color: #DE1010;

120 --ts-link-hover-color: #DE1010;

121 --ts-border: #E5E5E5;

122

123 --ts-input-color: #000000;

124 --ts-input-background-color: #EBEEF0;

125 --ts-input-border: #EBEEF0;

126

127 --ts-btn-color: #ffffff;

128 --ts-btn-bg: #000000;

129 --ts-btn-border: #000000;

130 --ts-btn-hover-color: #ffffff;

131 --ts-btn-hover-bg: #DE1010;

132 --ts-btn-hover-border: #DE1010;

133

134 --ts-btn-addtocart-color: #000000;

135 --ts-btn-addtocart-bg: #EBEEF0;

136 --ts-btn-addtocart-border: #EBEEF0;

137 --ts-btn-addtocart-hover-color: #ffffff;

138 --ts-btn-addtocart-hover-bg: #DE1010;

139 --ts-btn-addtocart-hover-border: #DE1010;

140

141 --ts-btn-thumbnail-color: #000000;

142 --ts-btn-thumbnail-bg: #EBEEF0;

143 --ts-btn-thumbnail-hover-color: #ffffff;

144 --ts-btn-thumbnail-hover-bg: #000000;

145

146 --ts-rating-color: #000000;

147 --ts-product-price-color: #000000;

148 --ts-product-regular-price-color: #848484;

149

150 --ts-sale-label-color: #ffffff;

151 --ts-sale-label-bg: #DE1010;

152 --ts-new-label-color: #ffffff;

153 --ts-new-label-bg: #84a7a9;

154 --ts-hot-label-color: #ffffff;

155 --ts-hot-label-bg: #000000;

156 --ts-soldout-label-color: #ffffff;

157 --ts-soldout-label-bg: #919191;

158

159 --ts-breadcrumb-bg: #ffffff;

160 --ts-breadcrumb-color: #000000;

161 --ts-breadcrumb-2-color: #ffffff;

162 --ts-breadcrumb-link-color: #818388;

163

164 --ts-notice-bg: #EBEEF0;

165 --ts-notice-color: #000000;

166

167 --ts-hd-search-bg: #EBEEF0;

168 --ts-hd-search-color: #000000;

169 --ts-hd-search-border: #EBEEF0;

170 --ts-hd-search-focus-bg: #EBEEF0;

171 --ts-hd-search-focus-color: #000000;

172 --ts-hd-search-focus-border: #EBEEF0;

173 --ts-hd-search-btn-bg: #000000;

174 --ts-hd-search-btn-color: #ffffff;

175 --ts-hd-search-btn-border: #000000;

176

177 --ts-vertical-menu-width: 310px;

178 --ts-vertical-menu-heading-bg: #ffffff;

179 --ts-vertical-menu-heading-color: #000000;

180 --ts-vertical-menu-heading-border: #E5E5E5;

181

182 --e-bg-lazyload-loaded: linear-gradient(#f5f5f5,#f5f5f5);

183 --e-bg-lazyload: linear-gradient(#f5f5f5,#f5f5f5);

184}

185.ts-header {

186 --ts-hd-top-bg: #000000;

187 --ts-hd-top-color: #ffffff;

188 --ts-hd-top-border: #E5E5E5;

189 --ts-hd-top-link-hover: #DE1010;

190

191 --ts-hd-middle-bg: #1D1B4D;

192 --ts-hd-middle-color: #ffffff;

193 --ts-hd-middle-border: #34325f;

194 --ts-hd-middle-link-hover: #DE1010;

195

196 --ts-hd-bottom-bg: #1D1B4D;

197 --ts-hd-bottom-color: #ffffff;

198 --ts-hd-bottom-border: #34325f;

199 --ts-hd-bottom-link-hover: #DE1010;

200

201 --ts-main-menu-border: #000000;

202

203 --ts-menu-gap: 30px;

204 --ts-cart-count-bg: #DE1010;

205 --ts-cart-count-color: #ffffff;

206}

207.footer-container {

208 --ts-footer-bg: #1B1F22;

209 --ts-footer-color: #999999;

210 --ts-footer-heading-color: #ffffff;

211 --ts-footer-link-color: #ffffff;

212 --ts-footer-link-hover-color: #DE1010;

213}

214

215/*-------------------------------------------------------------------------------------------------------------------

216 I. ICONS

217---------------------------------------------------------------------------------------------------------------------*/

218.ts-search-by-category .close:before,

219.ts-sidebar > .close:before,

220.summary .woocommerce-tabs .panel .close:before,

221.search-button.search-icon .icon:before,

222.my-wishlist-wrapper > a:before,

223.ts-tiny-account-wrapper .account-control > a:before,

224.shopping-cart-wrapper .cart-control .ic-cart:before,

225.cart-dropdown-form .form-content > label:before,

226.ts-mobile-icon-toggle .icon:before,

227.icon-menu-sticky-header .icon:before,

228.vertical-menu-heading:before,

229.menu-sticky-heading:before,

230.header-v2 .vertical-menu-heading:after,

231.ts-menu-drop-icon:after,

232.icon-toggle:before,

233.ts-header .hotline > a:before,

234.menu-sticky .vertical-menu>ul>li.parent>a:after,

235.gridlist-toggle > span:before,

236.threesixty .nav_bar a:before,

237.ts-compare-table-wrapper .product-description ul li:before,

238.woocommerce-product-details__short-description ul li:before,

239.woocommerce .widget_layered_nav_filters ul li a:after,

240.short-description ul li:before,

241.load-more-wrapper .button:before,

242.ts-shop-load-more .button:before,

243.ts-free-shipping-message-bar.success .message:before,

244.search-no-results-wrapper:before,

245.more-less-buttons a > span:after,

246#to-top a:before,

247body #cboxClose:after,

248body .big-review-images>.wcpr-close:before,

249html body > h1 a.close:before,

250#ts-filter-widget-area .close:after,

251.woocommerce .form-content a.remove:after,

252.filter-widget-area-button > a:before,

253.dokan-store-list-filter-button:before,

254.ts-store-notice .close:before,

255.ts-product-size-chart-button:before,

256.wcml_currency_switcher > a:after,

257.wpml-ls-legacy-dropdown > ul > li > a:after,

258.wpml-ls-legacy-dropdown-click > ul > li > a:after,

259.single-navigation > a:before,

260.swiper-button-next:after,

261.swiper-button-prev:after,

262div.product .single-navigation > a > span:before,

263.woocommerce .woocommerce-ordering .orderby-current:after,

264.widget-title-wrapper a.block-control:after,

265.widget_display_search > form > div:before,

266.search-table .search-button:before,

267.wp-block-search .wp-block-search__button:before,

268.woocommerce-product-search button[type="submit"]:before,

269body .select2-search--dropdown:before,

270#group-icon-header .tab-mobile-menu li#main-menu:before,

271#group-icon-header .no-tab .menu-title span:before,

272#add_payment_method .cart-collaterals .shipping-calculator-button::after,

273.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,

274.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after,

275.product .woocommerce-Tabs-panel > h2:after,

276.product .woocommerce-Tabs-panel #reviews > h2:after,

277a.ts-add-to-wishlist:before,

278a.ts-add-to-compare:before,

279.product-group-button > div a:before,

280.product-group-button-meta > div a:before,

281.woocommerce div.product .summary .single_add_to_cart_button:before,

282.ts-wishlist-table-wrapper .product-add-to-cart a:before,

283.ts-compare-table-wrapper .product-add-to-cart a:before,

284div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after,

285div.woocommerce-product-gallery .flex-direction-nav .flex-next:after,

286.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,

287.woocommerce .widget_price_filter .price_slider_amount .price_label > span:first-child:after,

288.search-button.search-icon .icon.active:before,.ts-floating-sidebar .close:after,

289.ts-popup-modal .close:after,

290.woocommerce table.shop_table .product-remove a:before,

291.woocommerce .widget_shopping_cart .cart_list li a.remove:before,

292.woocommerce.widget_shopping_cart .cart_list li a.remove:before,

293.woocommerce .woocommerce-widget-layered-nav_filters ul li a:after,

294.product-on-sale-form > label:after,

295.widget-container.product-filter-by-brand ul > li label:after,

296.product-filter-by-price ul > li label:after,

297.product-filter-by-availability ul li label:after,

298.woocommerce .widget_rating_filter ul li a:after,

299.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after,

300.yith-wfbt-section li .checkboxbutton.checked:after,

301.woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after,

302.elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before,

303li.recentcomments .comment-author-link:before,

304.ts-product-video-button:before,.ts-product-360-button:before,

305body .select2-container--default .select2-selection--single .select2-selection__arrow b:before,

306.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before,

307.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before,

308.column-tabs .list-categories ul.tabs li:before,

309.ts-instagram-wrapper .item > a:after,

310.brn_arrow:before,

311.ts-store-notice .close:before,

312.ts-search-by-category .select-category + .search-table:before,

313.meta-bottom-2 > a:before,

314.comment-count:before,

315.single-navigation > a:before,

316.button.button-readmore:after,

317.quantity .number-button:before,

318.quantity .number-button:after,

319.dialog-lightbox-close-button .eicon-close {

320 font-family: 'icomoon';

321 font-weight: normal;

322 font-style: normal;

323 letter-spacing: 0;

324}

325div.product .single-navigation > a[rel="next"] > span:before,

326.single-navigation.next > a:before {content: "\e907"}

327div.product .single-navigation > a[rel="prev"] > span:before,

328.single-navigation.prev > a:before {content: "\e905"}

329

330.swiper-button-prev:after,

331.swiper-rtl .swiper-button-next:after,

332div.woocommerce-product-gallery .flex-direction-nav .flex-prev:after {content: "\e905"}

333

334.swiper-button-next:after,

335.swiper-rtl .swiper-button-prev:after,

336div.woocommerce-product-gallery .flex-direction-nav .flex-next:after {content: "\e907"}

337

338.ts-tiny-account-wrapper .account-control > a:before {content: "\e95b"}

339.shopping-cart-wrapper .cart-control .ic-cart:before {content: "\e924"}

340.cart-dropdown-form .form-content > label:before {content: "\e925"}

341

342.my-wishlist-wrapper > a:before {content: "\e939"}

343.ts-header .hotline > a:before {content: "\e970"}

344

345.gridlist-toggle > span:hover {cursor: pointer;}

346.gridlist-toggle > span {

347 display: inline-block;

348 vertical-align: middle;

349 width: 20px;

350 height: 20px;

351 text-align: center;

352}

353.gridlist-toggle > span:before {content: "\e936"; font-size:16px;line-height: 20px;}

354.gridlist-toggle > span.list:before {content: "\e93d"}

355

356#group-icon-header .tab-mobile-menu li#main-menu:before,

357#group-icon-header .no-tab .menu-title span:before,

358.icon-menu-sticky-header .icon:before,

359.ts-mobile-icon-toggle .icon:before {content: "\e972"}

360.icon-menu-sticky-header .icon.active:before {content: "\e95f"}

361

362.ts-product-size-chart-button:before {content: '\e968';}

363

364#group-icon-header .header-language .wpml-ls-legacy-dropdown > ul > li > a:after,

365#group-icon-header .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after,

366#group-icon-header .header-currency .wcml_currency_switcher > a:after {

367 font-size: 14px;

368}

369#group-icon-header .wpml-ls-legacy-list-horizontal {margin: 5px 0;}

370#group-icon-header .wpml-ls-legacy-list-horizontal > ul {gap: 10px;}

371

372#group-icon-header {

373 display: none;

374 flex-wrap: wrap;

375 align-items: center;

376 justify-content: space-between;

377 gap: 10px;

378}

379

380.dokan-store-list-filter-button:before,

381.filter-widget-area-button > a:before {content: "\e96a"}

382.filter-widget-area-button.active > a:before {content: "\e95f"}

383

384#to-top a:before {content: "\e963"}

385.icon-toggle:before {content: "\e951"}

386li.cat-parent.active > .icon-toggle:before {content: "\e943"}

387.brn_arrow:before {content: "\e907";font-size: 7px;}

388

389body #cboxClose:after,

390html body > h1 a.close:before,

391.ts-sidebar > .close:before,

392#ts-filter-widget-area .close:after,

393.woocommerce .form-content a.remove:after,

394.ts-search-by-category .close:before,

395.ts-store-notice .close:before,

396.summary .woocommerce-tabs .panel .close:before,

397.search-button.search-icon .icon.active:before,

398.ts-floating-sidebar .close:after,

399body .big-review-images>.wcpr-close:before,

400.ts-popup-modal .close:after,

401.wishlist-out-of-stock:before,

402.woocommerce .woocommerce-widget-layered-nav_filters ul li a:after,

403.woocommerce table.shop_table .product-remove a:before,

404.woocommerce .widget_shopping_cart .cart_list li a.remove:before,

405.woocommerce.widget_shopping_cart .cart_list li a.remove:before,

406.elementor-widget-wp-widget-woocommerce_widget_cart .cart_list li a.remove:before {content: "\e95f";}

407.woocommerce .widget_layered_nav_filters ul li a:before {display: none;}

408.woocommerce .widget_layered_nav_filters ul li a:after {

409 content: "\e929";

410 font-size: 8px;

411 line-height: 1;

412 color: inherit;

413 display: inline-block;

414 vertical-align: 1px;

415 margin-left: 5px; /* rtl */

416}

417.woocommerce .widget_layered_nav_filters ul li a:hover:after {

418 color: var(--ts-primary-color);

419}

420.header-v2 .vertical-menu-heading:after,

421.ts-menu-drop-icon:after,

422.more-less-buttons a > span:after,

423.header-language .wpml-ls-legacy-dropdown > ul > li > a:after,

424.header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after,

425.header-currency .wcml_currency_switcher > a:after,

426.woocommerce .woocommerce-ordering .orderby-current:after,

427.ts-search-by-category .select-category + .search-table:before,

428body .select2-container--default .select2-selection--single .select2-selection__arrow b:before {

429 content: "\e96c";

430}

431.ts-menu > nav ul.sub-menu .ts-menu-drop-icon:after{

432 content: "\e96e";

433}

434.ts-search-by-category .select-category + .search-table:before{

435 font-size: 9px;

436 display: block;

437}

438.ts-menu-drop-icon:after,

439.header-language .wpml-ls-legacy-dropdown > ul > li > a:after,

440.header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after,

441.header-currency .wcml_currency_switcher > a:after {

442 font-size: 8px;

443}

444.header-top .header-language .wpml-ls-legacy-dropdown > ul > li > a:after,

445.header-top .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after,

446.header-top .header-currency .wcml_currency_switcher > a:after {

447 font-size: 6px;

448}

449.header-v2 .vertical-menu-heading:after,

450.vertical-menu .ts-menu-drop-icon:after,

451.woocommerce .woocommerce-ordering .orderby-current:after,

452body .select2-container--default .select2-selection--single .select2-selection__arrow b:before {

453 font-size: 8px;

454}

455.mobile-menu-wrapper .ts-menu-drop-icon:after {font-size: 10px;}

456.menu-sticky-heading:before, .vertical-menu-heading:before {content: "\e940";}

457.menu-sticky .vertical-menu>ul>li.parent>a:after,

458.vertical-menu .ts-menu-drop-icon:after {content: "\e96e"}

459.menu-sticky .vertical-menu>ul>li.parent>a:after {

460 font-size: 8px;

461 width: 24px;

462 text-align: right; /* rtl */

463 margin-left: auto; /* rtl */

464 color: #999;

465}

466.menu-sticky .vertical-menu>ul>li.parent>a:hover:after {

467 color: var(--ts-vertical-menu-heading-color);

468}

469.ts-menu-drop-icon.active:after,

470.group-button-header .header-language .wpml-ls-legacy-dropdown > ul > li > a:after,

471.group-button-header .header-language .wpml-ls-legacy-dropdown-click > ul > li > a:after,

472.group-button-header .header-currency .wcml_currency_switcher > a:after {content: "\e96c"}

473

474.product .woocommerce-Tabs-panel > h2:after,

475.product .woocommerce-Tabs-panel #reviews > h2:after {content: "\e951"}

476.product .woocommerce-Tabs-panel > h2.active:after,

477.product .woocommerce-Tabs-panel #reviews > h2.active:after {content: "\e943"}

478.search-no-results-wrapper:before{

479 content: "\e966";

480 display: inline-block;

481 width: 150px;

482 height: 150px;

483 background: #f5f5f5;

484 border-radius: 50%;

485 font-size: 70px;

486 text-align: center;

487 line-height: 150px;

488 margin-bottom: 50px;

489}

490.comment-count:before {

491 content: "\e942";

492}

493span.comment-count{

494 display: inline-flex;

495 align-items: center;

496 gap: 5px;

497}

498.mobile-menu-wrapper li .ts-menu-drop-icon:after {content: "\e951"}

499.mobile-menu-wrapper li.active .ts-menu-drop-icon.active:after {content: "\e961";font-size: 12px;}

500

501body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {content: "\e96f"}

502

503.search-table .search-button:before,

504.widget_display_search > form > div:before,

505.wp-block-search .wp-block-search__button:before,

506.woocommerce-product-search button[type="submit"]:before,

507body .select2-search--dropdown:before,

508.search-button.search-icon .icon:before {content: "\e956"}

509.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {content: "\e967"}

510

511.wishlist-in-stock:before,

512.widget-container.product-filter-by-brand ul > li label:after,

513.product-filter-by-price ul > li label:after,

514.product-filter-by-availability ul li label:after,

515.woocommerce .widget_rating_filter ul li a:after,

516.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:after,

517.yith-wfbt-section li .checkboxbutton.checked:after,

518.woocommerce.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li span.checkboxbutton.checked:after,

519.product-on-sale-form > label:after {content: "\e926"}

520

521/*** Group product icon ***/

522.product-group-button > div.quickshop a:before,

523.product-group-button-meta > div.quickshop a:before {content: "\e956"}

524

525a.ts-add-to-wishlist:before,

526.product-group-button > div.wishlist a:before,

527.product-group-button-meta > div.wishlist a:before {content: "\e939"}

528

529a.ts-add-to-compare:before,

530.product-group-button > div.compare a:before,

531.product-group-button-meta > div.compare a:before { content: "\e92a"}

532

533.product-group-button div.loop-add-to-cart a:before {content: "\e924"}

534

535.load-more-wrapper .button,

536.ts-shop-load-more .button,

537.woocommerce .ts-shop-load-more .button,

538.ts-wishlist-table-wrapper .product-add-to-cart a,

539.ts-compare-table-wrapper .product-add-to-cart a,

540.woocommerce div.product .summary .single_add_to_cart_button,

541.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a,

542.product-group-button-meta div.loop-add-to-cart a {

543 display: inline-flex;

544 flex-wrap: wrap;

545 align-items: center;

546 justify-content: center;

547 gap: 4px;

548}

549.load-more-wrapper .button:before,

550.ts-shop-load-more .button:before,

551.ts-wishlist-table-wrapper .product-add-to-cart a:before,

552.ts-compare-table-wrapper .product-add-to-cart a:before,

553.woocommerce div.product .summary .single_add_to_cart_button:before,

554.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before,

555.product-group-button-meta div.loop-add-to-cart a:before {

556 content: "\e951";

557 font-size: 0.8em;

558 min-width: 12px;

559}

560.ts-wishlist-table-wrapper .product-add-to-cart a.added:before,

561.ts-compare-table-wrapper .product-add-to-cart a.added:before,

562.woocommerce .summary form.cart button.button.added:before {

563 content: "\e927";

564 display: inline-block;

565}

566.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before,

567.product-group-button-meta div.loop-add-to-cart a:before {

568 min-width: 12px;

569}

570.ts-wishlist-table-wrapper .product-add-to-cart a:before,

571.ts-compare-table-wrapper .product-add-to-cart a:before,

572.woocommerce div.product .summary .single_add_to_cart_button:before,

573.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a:before {

574 min-width: 13px;

575}

576.ts-wishlist-table-wrapper .product-add-to-cart a.loading:before,

577.ts-compare-table-wrapper .product-add-to-cart a.loading:before,

578.woocommerce div.product .summary .single_add_to_cart_button.loading:before,

579.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a.loading:before,

580.product-group-button-meta div.loop-add-to-cart a.loading:before {

581 display: none;

582}

583a.ts-add-to-wishlist.added:before,

584.product-group-button > div.wishlist a.added:before,

585.product-group-button-meta > div.wishlist a.added:before {content: "\e93a"}

586

587a.ts-add-to-compare.added:before,

588.product-group-button > div.compare a.added:before,

589.product-group-button-meta > div.compare a.added:before,

590.product-group-button div.loop-add-to-cart a.added:before,

591.product-hover-style-v1 .list .product-group-button div.loop-add-to-cart a.added:before,

592.product-group-button-meta div.loop-add-to-cart a.added:before {content: "\e927"; font-size: 12px;}

593/**/

594.ts-free-shipping-message-bar.success .message:before {content: "\e927";}

595.product-group-button div.loop-add-to-cart a.added:after,

596.product-group-button-meta div.loop-add-to-cart a.added:after {

597 display: none !important;

598}

599#add_payment_method .cart-collaterals .shipping-calculator-button::after,

600.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,

601.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {

602 content: "\e92b";

603 display: inline-block;

604 float: left;

605 margin: 0 10px 0 0;

606 font-size: 22px;

607}

608.ts-product-360-button:before,

609.ts-product-video-button:before {

610 content: "\e94b";

611 display: inline-block;

612}

613.ts-product-360-button:before {content: "\e95e"}

614.threesixty .nav_bar a:before {content: "\e94b"}

615.threesixty .nav_bar a.nav_bar_stop:before {content: "\e94d"}

616

617.threesixty .nav_bar a.nav_bar_previous:before {content: "\e950"}

618.threesixty .nav_bar a.nav_bar_next:before {content: "\e94f"}

619

620.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {content: "\e947";}

621.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {content: "\e93e";}

622.ts-instagram-wrapper .item > a:after {content: "\e913";}

623

624:is(.ts-header,.menu-sticky) nav > ul.menu li[class*="fa-"]:before,

625.mobile-menu-wrapper nav > ul li[class*="fa-"]:before,

626.widget_nav_menu li[class*="fa-"]:before{

627 font-family:"Font Awesome 5 Free";

628 font-style: normal;

629 font-weight: 400;

630 text-transform: none;

631 letter-spacing: 0;

632 -webkit-font-smoothing: antialiased;

633 -moz-osx-font-smoothing: grayscale;

634}

635.widget_nav_menu li.fas:before,

636:is(.ts-header,.menu-sticky) nav > ul.menu li.fas:before,

637.mobile-menu-wrapper nav > ul li.fas:before {font-weight: 900;}

638

639.widget_nav_menu li.fab:before,

640:is(.ts-header,.menu-sticky) nav > ul.menu li.fab:before,

641.mobile-menu-wrapper nav > ul li.fab:before {font-family: "Font Awesome 5 Brands";}

642.elementor-lightbox .dialog-lightbox-close-button,

643.elementor-lightbox .elementor-swiper-button {outline: 0}

644.widget-title-wrapper a.block-control {

645 position: absolute;

646 width: 20px;

647 height: 20px;

648 top: 1px;

649 right: 0;/* rtl */

650 line-height: 20px;

651 cursor: pointer;

652 color: inherit;

653 text-decoration: none;

654 text-align: center;

655 text-indent: 0;

656 letter-spacing: 0;

657 z-index: 8;

658 display: none;

659}

660.widget-title-wrapper a.block-control:after {

661 content: "\e951";

662 width: 20px;

663 height: 20px;

664 font-size: 10px;

665 line-height: 20px;

666 position: absolute;

667 top: 50%;

668 left: 0;

669 transform: translateY(-50%);

670 display: inline-block;

671 transition: 200ms ease;

672}

673.widget-title-wrapper a.block-control.active:after {content: "\e943";}

674

675/*-------------------------------------------------------------------------------------------------------------------

676 LOADING

677---------------------------------------------------------------------------------------------------------------------*/

678.images.loading:after,

679.swiper-lazy-preloader,

680body:not(.elementor-editor-active) .elementor-section.loading:before,

681.ts-product .content-wrapper.loading:after,

682.ts-instagram-wrapper.loading:after,

683.ts-logo-slider-wrapper.loading .content-wrapper:after,

684.related-posts.loading .content-wrapper:after,

685.woocommerce .product figure.loading:after,

686.ts-products-widget-wrapper.loading:after,

687.ts-blogs-widget-wrapper.loading:after,

688.ts-recent-comments-widget-wrapper.loading:after,

689.blogs article a.gallery.loading:after,

690.ts-blogs-wrapper.loading .content-wrapper:after,

691.ts-testimonial-wrapper .items.loading:after,

692.entry-format .thumbnail.loading:after,

693article .thumbnail.loading:after,

694.thumbnails.loading:after,

695.ts-product-category-wrapper .content-wrapper.loading:after,

696.thumbnails-container.loading:after,

697.column-products.loading:after,

698.ts-team-members .loading:after,

699.ts-products-widget-wrapper.loading:after,

700.ts-blogs-widget-wrapper.loading:after,

701.ts-recent-comments-widget-wrapper.loading:after,

702.ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after,

703.widget_shopping_cart li div.blockUI.blockOverlay:after,

704.elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay:after,

705.ts-popup-modal.loading .overlay:before,

706#cboxLoadingGraphic:after,

707.dropdown-container ul.cart_list li.loading:after,

708.woocommerce a.button.loading:after,

709.woocommerce button.button.loading:after,

710.woocommerce input.button.loading:after,

711.ts-wishlist-table-wrapper.loading:after,

712div.blockUI.blockOverlay:after,

713.woocommerce div.blockUI.blockOverlay:after,

714.wpcf7-spinner:after,

715.footer-container.loading:after,

716.ts-product-filter-by-taxonomies form:after,

717.mailchimp-subscription .processing button.button:before,

718.search-table .search-button:after,

719.woocommerce div.product form.cart .button.loading:after,

720.ts-wishlist-table-wrapper .product-add-to-cart a:after,

721.ts-compare-table-wrapper .product-add-to-cart a:after,

722.ts-compare-popup.loading:after,

723.product-group-button > div a.loading:after,

724.product-group-button-meta > div a.loading:after,

725.woocommerce .product-group-button > div a.loading:after,

726.woocommerce .product-group-button-meta > div a.loading:after,

727.single-product-buttons a:where(.ts-add-to-wishlist, .ts-add-to-compare).loading:after,

728.load-more-wrapper .button.loading:after,

729.ts-shop-load-more .button.loading:after,

730.woocommerce .ts-shop-load-more .button.loading:after {

731 content: "";

732 width: var(--loading-size);

733 height: var(--loading-size);

734 border: 2px solid rgba(0,0,0,.15);

735 border-top-color: #000;

736 border-radius: 50%;

737 text-align: center;

738 display: inline-block;

739 position: absolute;

740 top: 50%;

741 left: 50%;

742 margin-top: calc( var(--loading-size) * -0.5 );

743 margin-left: calc( var(--loading-size) * -0.5 );

744 -webkit-animation: spin 2s linear infinite;

745 animation: spin 2s linear infinite;

746 background: transparent !important;

747 z-index: 5;

748}

749.dropdown-container ul.cart_list li.loading:after {

750 top: calc(50% - 10px);

751}

752.ts-tiny-cart-wrapper li div.blockUI.blockOverlay:after {

753 z-index: 4;

754}

755.ts-product-filter-by-taxonomies form:after {top: calc(50% - 30px);} /*button height 40px + 20px gap*/

756.style--row .ts-product-filter-by-taxonomies form:after {top: 50%;}

757.ts-product-filter-by-taxonomies form:after,

758.mailchimp-subscription .processing button.button:before,

759.search-table .search-button:after,

760.woocommerce div.product form.cart .button.loading:after,

761.ts-wishlist-table-wrapper .product-add-to-cart a:after,

762.ts-compare-table-wrapper .product-add-to-cart a:after,

763.product-group-button > div a.loading:after,

764.product-group-button-meta > div a.loading:after,

765.woocommerce .product-group-button > div a.loading:after,

766.woocommerce .product-group-button-meta > div a.loading:after,

767.single-product-buttons a:where(.ts-add-to-wishlist, .ts-add-to-compare).loading:after,

768.load-more-wrapper .button.loading:before,

769.ts-shop-load-more .button.loading:before,

770.woocommerce .ts-shop-load-more .button.loading:before {

771 opacity: 0;

772 visibility: hidden;

773}

774.ts-compare-popup.loading {--loading-size: 30px;}

775.mailchimp-subscription .processing button.button,

776.search-table .search-button {

777 --loading-size: 18px;

778}

779.load-more-wrapper .button.loading,

780.ts-shop-load-more .button.loading,

781.woocommerce .ts-shop-load-more .button.loading {

782 --loading-size: 12px;

783}

784.load-more-wrapper .button {min-width: 150px;}

785.load-more-wrapper .button.loading:before {display: none;}

786.infinity-scroll .ts-shop-load-more a.load-more.button.loading {

787 --loading-size: 30px;

788}

789.woocommerce .product-group-button-meta div.loop-add-to-cart .button {

790 width: auto;

791 min-width: 200px;

792 padding: 4px 15px;

793 color: var(--ts-btn-thumbnail-color);

794 background-color: var(--ts-btn-thumbnail-bg);

795 border-color: var(--ts-btn-thumbnail-bg);

796 font-size: calc(var(--ts-btn-font-size) - 1px);

797 overflow: hidden;

798 text-transform: uppercase;

799}

800.woocommerce .product-group-button-meta div.loop-add-to-cart .button {width: 100%; min-width: 0;}

801.woocommerce .product-group-button-meta div.loop-add-to-cart .button:hover {

802 color: var(--ts-btn-thumbnail-hover-color);

803 background-color: var(--ts-btn-thumbnail-hover-bg);

804 border-color: var(--ts-btn-thumbnail-hover-bg);

805}

806.woocommerce div.product form.cart .button.loading,

807.woocommerce.ts-wishlist-table-wrapper .product-add-to-cart a.button.loading,

808.woocommerce.ts-compare-table-wrapper .product-add-to-cart a.button.loading,

809.woocommerce .product-group-button-meta>div a.button.loading,

810.woocommerce .product-group-button-meta div.loop-add-to-cart .button.loading {

811 --loading-size: 13px;

812}

813.woocommerce div.product form.cart .button.loading.loading:before,

814.woocommerce .product-group-button-meta>div a.button.loading:before,

815.woocommerce .product-group-button-meta div.loop-add-to-cart .button.loading:before {

816 background: transparent;

817}

818.product-group-button > div a.loading:before,

819.product-group-button-meta > div a.loading:before,

820.woocommerce .product-group-button > div a.loading:before,

821.woocommerce .product-group-button-meta > div a.loading:before,

822.woocommerce .product-group-button > div a.button.loading:before,

823.woocommerce .product-group-button-meta > div a.button.loading:before {

824 content: '';

825 position: absolute;

826 width: calc(100% + 2px);

827 inset: -1px;

828 border-radius: var(--ts-border-radius);

829 background: var(--ts-btn-thumbnail-hover-bg);

830 transform: none;

831}

832.product-group-button > div.loop-add-to-cart a.loading:before,

833.woocommerce .product-group-button > div.loop-add-to-cart a.loading:before,

834.woocommerce .product-group-button > div.loop-add-to-cart a.button.loading:before {

835 width: 100%;

836 inset: 0;

837}

838.product-group-button > div a.loading:after,

839.product-group-button-meta > div a.loading:after,

840.woocommerce .product-group-button > div a.loading:after,

841.woocommerce .product-group-button-meta > div a.loading:after,

842.single-product-buttons a:where(.ts-add-to-wishlist, .ts-add-to-compare).loading:after {

843 border-color: rgba(255,255,255,.2);

844 border-top-color: var(--ts-btn-thumbnail-hover-color);

845}

846.woocommerce a.button.loading:before,

847.woocommerce button.button.loading:before,

848.woocommerce input.button.loading:before,

849.woocommerce a.button.loading:hover:before,

850.woocommerce button.button.loading:hover:before,

851.woocommerce input.button.loading:hover:before {

852 content: '';

853 background-color: var(--ts-btn-bg);

854}

855.woocommerce a.button.loading:after,

856.woocommerce button.button.loading:after,

857.woocommerce input.button.loading:after,

858.woocommerce a.button.loading:hover:after,

859.woocommerce button.button.loading:hover:after,

860.woocommerce input.button.loading:hover:after,

861.mailchimp-subscription .processing button.button:after,

862.mailchimp-subscription .processing button.button:hover:after {

863 border-color: rgba(255,255,255,0.2);

864 border-top-color: var(--ts-btn-hover-color);

865}

866.style-button-icon .processing button:after {

867 opacity: 0;

868}

869.button-in .blockUI.blockOverlay:before,

870.single_add_to_wishlist.loading{opacity:1!important}

871

872.images.loading,

873.swiper-lazy-preloader,

874body:not(.elementor-editor-active) .elementor-section.loading:before,

875.ts-product .content-wrapper.loading,

876.ts-instagram-wrapper.loading,

877.ts-logo-slider-wrapper.loading .content-wrapper,

878.related-posts.loading .content-wrapper,

879.woocommerce .product figure.loading,

880.ts-products-widget-wrapper.loading,

881.ts-blogs-widget-wrapper.loading,

882.ts-recent-comments-widget-wrapper.loading,

883.blogs article a.gallery.loading,

884.ts-blogs-wrapper.loading .content-wrapper,

885.ts-testimonial-wrapper .items.loading,

886.entry-format .thumbnail.loading,

887article .thumbnail.loading,

888.thumbnails.loading,

889.ts-product-category-wrapper .content-wrapper.loading,

890.thumbnails-container.loading,

891.column-products.loading,

892.ts-team-members .loading,

893.ts-products-widget-wrapper.loading,

894.ts-blogs-widget-wrapper.loading,

895.ts-recent-comments-widget-wrapper.loading,

896.ts-tiny-cart-wrapper li div.blockUI.blockOverlay,

897.widget_shopping_cart li div.blockUI.blockOverlay,

898.elementor-widget-wp-widget-woocommerce_widget_cart div.blockUI.blockOverlay,

899#cboxLoadingGraphic,

900.dropdown-container ul.cart_list li.loading,

901.woocommerce a.button.loading,

902.woocommerce button.button.loading,

903.woocommerce input.button.loading,

904div.blockUI.blockOverlay,

905.woocommerce div.blockUI.blockOverlay,

906.wpcf7-spinner,

907.footer-container.loading {

908 --loading-size: 24px;

909 z-index: 9;

910}

911.ts-product-filter-by-taxonomies.loading {

912 --loading-size: 26px;

913}

914.swiper-lazy-preloader,

915body:not(.elementor-editor-active) .elementor-section.loading,

916div.blockUI.blockOverlay,

917.woocommerce div.blockUI.blockOverlay,

918.woocommerce-cart .woocommerce-cart-form div.blockUI.blockOverlay,

919.ts-popup-modal.loading .overlay,

920.images.loading,

921.ts-product .content-wrapper.loading,

922.ts-logo-slider-wrapper.loading .content-wrapper,

923.ts-instagram-wrapper.loading,

924.related-posts.loading .content-wrapper,

925.woocommerce .product figure.loading,

926.blogs article a.gallery.loading,

927.ts-blogs-wrapper.loading .content-wrapper,

928.ts-testimonial-wrapper .items.loading,

929.entry-format .thumbnail.loading,

930article .thumbnail.loading,

931.thumbnails.loading,

932.ts-product-category-wrapper .content-wrapper.loading,

933.thumbnails-container.loading,

934.column-products.loading,

935.ts-team-members .loading,

936.ts-popup-modal.loading .overlay,

937#cboxLoadingGraphic,

938.footer-container.loading {

939 --loading-size: 36px;

940}

941.footer-container.loading{position: relative;}

942.footer-container.loading:before{opacity: 1;}

943

944.ts-product-filter-by-taxonomies.loading form:after,

945.mailchimp-subscription .processing button.button:before,

946.search-table .loading ~.search-button:after,

947.search-table .loading .search-button:after,

948.product-group-button > div a.loading:after,

949.product-group-button-meta > div a.loading:after,

950.woocommerce .product-group-button > div a.loading:after,

951.woocommerce .product-group-button-meta > div a.loading:after,

952.single-product-buttons a:where(.ts-add-to-wishlist, .ts-add-to-compare).loading:after,

953.woocommerce div.product form.cart .button.loading:after,

954.ts-wishlist-table-wrapper .product-add-to-cart a.loading:after,

955.ts-compare-table-wrapper .product-add-to-cart a.loading:after {

956 opacity: 1;

957 visibility: visible;

958 -webkit-animation: spin 2s linear infinite;

959 animation: spin 2s linear infinite

960}

961.single-product-buttons a.compare.loading:after {

962 position: static;

963 margin: -1px 0 0;

964 order: -1;

965}

966.woocommerce .product-group-button-meta > div a.button.loading:after,

967.ts-wishlist-table-wrapper .product-add-to-cart a.loading:after,

968.ts-compare-table-wrapper .product-add-to-cart a.loading:after,

969.woocommerce div.product .summary form.cart .single_add_to_cart_button.loading:after {

970 order: -1;

971 position: static;

972 margin: -1px 0 0;

973}

974.ts-wishlist-table-wrapper .product-add-to-cart a:not(.loading):after,

975.ts-compare-table-wrapper .product-add-to-cart a:not(.loading):after {

976 display: none;

977}

978.product-group-button-meta>div a.loading:after,

979.woocommerce .product-group-button-meta>div a.button.loading:after {

980 border-color: rgba(0,0,0,.1);

981 border-top-color: var(--ts-btn-thumbnail-color);

982}

983.product-group-button-meta>div a.loading:hover:after,

984.woocommerce .product-group-button-meta>div a.button.loading:hover:after {

985 border-color: rgba(255,255,255,.2);

986 border-top-color: var(--ts-btn-thumbnail-hover-color);

987}

988.ts-wishlist-table-wrapper .product-add-to-cart a.loading:after,

989.ts-compare-table-wrapper .product-add-to-cart a.loading:after,

990.woocommerce div.product .summary form.cart .single_add_to_cart_button.loading:after {

991 border-color: rgba(255,255,255,.2);

992 border-top-color: var(--ts-btn-color);

993}

994.ts-wishlist-table-wrapper .product-add-to-cart a.loading:hover:after,

995.ts-compare-table-wrapper .product-add-to-cart a.loading:hover:after,

996.woocommerce div.product form.cart .button.loading:hover:after {

997 border-color: rgba(0,0,0,.1);

998 border-top-color: var(--ts-btn-border);

999}

1000.product-group-button-meta>div a.loading:after,

1001.woocommerce .product-group-button-meta>div a.button.loading:after,

1002.ts-wishlist-table-wrapper .product-add-to-cart a.loading:after,

1003.ts-compare-table-wrapper .product-add-to-cart a.loading:after,

1004.woocommerce div.product form.cart .button.loading:after {

1005 background: transparent;

1006}

1007/*** Fix shortcode deal ***/

1008.ts-product-deals-wrapper.grid .product-group-button-meta > div:not(.loop-add-to-cart) a,

1009.ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button,

1010.ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button {

1011 color: var(--ts-text-in-primary-color);

1012 background-color: var(--ts-primary-color);

1013 border-color: var(--ts-primary-color);

1014}

1015.ts-product-deals-wrapper.grid .product-group-button-meta > div:not(.loop-add-to-cart) a:hover,

1016.ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button:hover,

1017.ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button:hover {

1018 color: var(--ts-primary-color);

1019 background-color: transparent;

1020 border-color: var(--ts-primary-color);

1021}

1022.ts-product-deals-wrapper.grid .product-group-button-meta div.loop-add-to-cart .button.loading,

1023.ts-product-deals-wrapper.woocommerce.grid .product-group-button-meta div.loop-add-to-cart .button.loading {

1024 border-color: var(--ts-primary-color);

1025}

1026.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:after,

1027.woocommerce.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:after {

1028 border-color: rgba(255,255,255,.3);

1029 border-top-color: var(--ts-text-in-primary-color);

1030}

1031.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:hover:after,

1032.woocommerce.ts-product-deals-wrapper.grid .product-group-button-meta > div.loop-add-to-cart a.loading:hover:after {

1033 border-color: rgba(0,0,0,.1);

1034 border-top-color: var(--ts-primary-color);

1035}

1036/**/

1037.woocommerce a.button.loading:before,

1038.woocommerce button.button.loading:before,

1039.woocommerce input.button.loading:before,

1040.woocommerce a.button.loading:hover:before,

1041.woocommerce button.button.loading:hover:before,

1042.woocommerce input.button.loading:hover:before,

1043.search-table .search-field.loading ~ .search-button:before,

1044.search-table .search-field.loading .search-button:before {

1045 content: '';

1046 position: absolute;

1047 top: 0;

1048 left: 0;

1049 bottom: 0;

1050 right: 0;

1051 border: none;

1052 width: 100%;

1053 animation: none;

1054 margin: 0;

1055 padding: 0;

1056 transform: none;

1057 height: 100%

1058}

1059div.blockUI.blockOverlay {

1060 z-index: 992 !important;

1061 -webkit-animation: none !important;

1062 -moz-animation: none !important;

1063 animation: none !important;

1064 background: transparent !important;

1065 left: 0;

1066 top: 0;

1067 width: 100%;

1068 height: 100%;

1069 position: absolute;

1070 opacity: 1 !important

1071}

1072.dropdown-container ul.cart_list li.loading:before,

1073div.blockUI.blockOverlay:before,

1074.woocommerce div.blockUI.blockOverlay:before,

1075.footer-container.loading:before {

1076 left: 0;

1077 right: 0;

1078 bottom: 0;

1079 height: 100%;

1080 width: 100%;

1081 top: 0;

1082 z-index: 4;

1083 opacity: .9;

1084 margin: 0;

1085 background-image: none;

1086 position: absolute;

1087 display: inline-block;

1088 content: "";

1089 -webkit-animation: none;

1090 -moz-animation: none;

1091 animation: none;

1092 background-color: var(--ts-main-bg)

1093}

1094.footer-container.loading:before {opacity: 1;background: var(--ts-footer-bg);}

1095.footer-container.loading:after {

1096 border-color: rgba(150,150,150,0.2);

1097 border-top-color: var(--ts-footer-heading-color);

1098}

1099.dropdown-container ul.cart_list li.loading:before {

1100 background-color: var(--ts-dropdown-bg)

1101}

1102.swiper-lazy-preloader,

1103.ts-popup-modal.loading .overlay:before,

1104#cboxLoadingGraphic:after {

1105 border-color: rgba(255, 255, 255, .6);

1106 border-top-color: rgba(255, 255, 255, 1)

1107}

1108.images.loading,

1109.ts-product .content-wrapper.loading,

1110.ts-logo-slider-wrapper.loading,

1111.ts-instagram-wrapper.loading,

1112.related-posts.loading .content-wrapper,

1113.woocommerce .product figure.loading,

1114.ts-products-widget-wrapper.loading,

1115.ts-blogs-widget-wrapper.loading,

1116.ts-recent-comments-widget-wrapper.loading,

1117.blogs article a.gallery.loading,

1118.ts-blogs.loading .content-wrapper,

1119.ts-testimonial-wrapper .items.loading,

1120.entry-format .thumbnail.loading,

1121article .thumbnail.loading,

1122.thumbnails.loading,

1123.ts-product-category-wrapper .content-wrapper.loading,

1124body:not(.elementor-editor-active) .elementor-section.loading,

1125.thumbnails-container.loading,

1126.column-products.loading,

1127.ts-team-members .loading {

1128 position: relative;

1129 overflow: hidden;

1130 background: transparent !important;

1131 border-color: transparent

1132}

1133.images > *,

1134.ts-product-filter-by-taxonomies.loading form > *,

1135.ts-product:not(.ts-slider) .content-wrapper > *,

1136.ts-logo-slider-wrapper .content-wrapper > *,

1137.related-posts:not(.ts-slider) .content-wrapper > *,

1138.woocommerce .product figure > *,

1139.ts-products-widget-wrapper:not(.ts-slider) > *,

1140.ts-blogs-widget-wrapper:not(.ts-slider) > *,

1141.ts-recent-comments-widget-wrapper:not(.ts-slider) > *,

1142.blogs article a.gallery > *,

1143.ts-blogs:not(.ts-slider) .content-wrapper > *,

1144.ts-testimonial-wrapper:not(.ts-slider) .items > *,

1145article .thumbnail > *,

1146.thumbnails > *,

1147.ts-product-category-wrapper:not(.ts-slider) .content-wrapper > *,

1148body:not(.elementor-editor-active) .elementor-section > *,

1149.thumbnails-container > *,

1150.ts-team-members:not(.ts-slider) > * {

1151 transition: opacity 350ms ease 0s, visibility 350ms ease 0s

1152}

1153.ts-product-filter-by-taxonomies.loading form > * {

1154 opacity: 0.3;

1155}

1156.images.loading > *,

1157.ts-product .content-wrapper.loading > *,

1158.ts-instagram-wrapper.loading > *,

1159.ts-logo-slider-wrapper.loading .content-wrapper > *,

1160.related-posts.loading .content-wrapper > *,

1161.woocommerce .product figure.loading > *,

1162.ts-products-widget-wrapper.loading > *,

1163.ts-blogs-widget-wrapper.loading > *,

1164.ts-recent-comments-widget-wrapper.loading > *,

1165.blogs article a.gallery.loading > *,

1166.ts-blogs.loading .content-wrapper > *,

1167.ts-testimonial-wrapper .items.loading > *,

1168.entry-format .thumbnail.loading > *,

1169article .thumbnail.loading > *,

1170.thumbnails.loading > *,

1171.ts-product-category-wrapper .content-wrapper.loading > *,

1172body:not(.elementor-editor-active) .elementor-section.loading >* ,

1173.thumbnails-container.loading > *,

1174.column-products.loading > *,

1175.ts-team-members .loading > * {

1176 visibility: hidden;

1177 opacity: 0

1178}

1179.thumbnails.loading:before,

1180.thumbnails-container.loading:before {

1181 display: block !important

1182}

1183.load-more-wrapper .button.loading:after,

1184.ts-shop-load-more .button.loading:after,

1185.woocommerce .ts-shop-load-more .button.loading:after {

1186 border-color: rgba(255,255,255,0.3);

1187 border-top-color: var(--ts-btn-color);

1188 position: static;

1189 order: -1;

1190 margin: 0;

1191}

1192.load-more-wrapper .button.loading:hover:after,

1193.ts-shop-load-more .button.loading:hover:after,

1194.woocommerce .ts-shop-load-more .button.loading:hover:after {

1195 border-top-color: var(--ts-btn-hover-color);

1196}

1197.infinity-scroll .ts-shop-load-more a.load-more.button.loading:after {

1198 border-color: rgba(0, 0, 0, .15);

1199 border-top-color: var(--ts-heading-color);

1200}

1201.ts-product.ts-slider .content-wrapper.loading {height: 500px;}

1202.ts-product-category-wrapper.ts-slider .content-wrapper.loading {height: 160px;}

1203.ts-product-category-wrapper.style-icon.ts-slider .content-wrapper.loading {height: 80px;}

1204.ts-logo-slider-wrapper.loading .content-wrapper,

1205.ts-product.ts-slider.ts-product-brand-wrapper .content-wrapper.loading {height: auto;}

1206.ts-team-members .loading {height: 482px;}

1207.ts-blogs.loading .content-wrapper,

1208.related-posts.loading .content-wrapper,

1209.ts-instagram-wrapper.loading,

1210.ts-testimonial-wrapper .items.loading {height: 200px}

1211.ts-products-widget-wrapper.loading,

1212.ts-recent-comments-widget-wrapper.loading,

1213.ts-blogs-widget-wrapper.loading {height: 200px;}

1214

1215/*-------------------------------------------------------------------------------------------------------------------

1216 I. HEADER

1217---------------------------------------------------------------------------------------------------------------------*/

1218header .logo img {transition: 350ms ease 0s;}

1219header .logo-header a {padding: 0;}

1220header .logo img,

1221.widget-container.ts-social-icons .normal-logo {

1222 width: var(--ts-logo-width, 126px);

1223}

1224.ts-store-notice {

1225 text-align: center;

1226 padding: 7px 0;

1227 background-color: var(--ts-notice-bg);

1228 color: var(--ts-notice-color);

1229 position: relative;

1230 background-repeat: no-repeat;

1231 background-size: cover;

1232 background-position: center;

1233}

1234.ts-store-notice .container {

1235 display: flex;

1236 flex-wrap: wrap;

1237 align-items: center;

1238 justify-content: center;

1239 gap: 5px;

1240}

1241.ts-store-notice .coupon-code {

1242 padding: 3px 13px;

1243 margin: 0 15px;

1244 font-weight: 600;

1245}

1246.ts-store-notice .close {

1247 position: absolute;

1248 right: 10px;/* rtl */

1249 width: 20px;

1250 font-size: 12px;

1251 line-height: 20px;

1252 top: 50%;

1253 transform: translateY(-50%);

1254 text-align: center;

1255 display: inline-block;

1256 transition: 200ms ease;

1257}

1258.ts-store-notice .close:hover {

1259 color: var(--ts-primary-color);

1260}

1261

1262/*--------------------------------------------------------

1263 1. MENU

1264---------------------------------------------------------*/

1265.ts-menu nav > ul,nav > ul.menu,nav > ul.menu > ul {padding: 0;margin: 0;}

1266:is(.ts-header,.menu-sticky) .ts-menu nav > ul,

1267:is(.ts-header,.menu-sticky) nav > ul.menu {

1268 display: flex;

1269 flex-wrap: wrap;

1270 align-items: center;

1271 gap: 0 var(--ts-menu-gap);

1272}

1273.ts-header .header-bottom .header-right {

1274 gap: 0 var(--ts-menu-gap);

1275}

1276.ts-menu nav > ul > li,

1277nav > ul.menu > li,

1278.vertical-menu-wrapper,

1279.vertical-menu-wrapper ul li {

1280 list-style: none;

1281 position: relative;

1282 padding: 0;

1283 display: inline-flex;

1284 align-items: center;

1285 cursor: pointer;

1286 z-index: 9;

1287 gap: 3px;

1288}

1289.header-bottom .ts-menu nav > ul > li.special-item {

1290 order: 100;

1291 margin-left: auto; /* rtl */

1292}

1293.header-bottom .ts-menu nav > ul > li.special-item > a {

1294 font-weight: normal;

1295}

1296.header-bottom .ts-menu nav > ul > li.special-item .ts-menu-drop-icon {

1297 top: -3px;

1298}

1299.mobile-menu-wrapper ul > li > a,

1300.ts-menu nav > ul > li > a,

1301nav > ul.menu > li > a{

1302 font-size: var(--ts-menu-font-size);

1303 font-family: var(--ts-menu-font-family);

1304 font-weight: var(--ts-menu-font-weight);

1305 letter-spacing: var(--ts-menu-letter-spacing);

1306}

1307.vertical-menu-wrapper nav > ul > li > a {

1308 font-size: var(--ts-v-menu-font-size);

1309 font-family: var(--ts-v-menu-font-family);

1310 font-weight: var(--ts-v-menu-font-weight);

1311 letter-spacing: var(--ts-v-menu-letter-spacing);

1312}

1313.vertical-menu-wrapper .vertical-menu {

1314 top: 100%;

1315 width: 100%;

1316 min-width: var(--ts-vertical-menu-width);

1317 border-bottom-left-radius: 5px;

1318 border-bottom-right-radius: 5px;

1319 display: none;

1320 padding-top: 0;

1321}

1322.ts-header .vertical-menu-wrapper .vertical-menu {

1323 position: absolute;

1324 z-index: 9;

1325}

1326.vertical-menu-wrapper .vertical-menu:before {

1327 content: '';

1328 position: absolute;

1329 top: 0;

1330 left: 0;

1331 right: 0;

1332 bottom: 0;

1333 background: var(--ts-dropdown-bg);

1334 border: 1px solid var(--ts-border);

1335 border-bottom-left-radius: 5px;

1336 border-bottom-right-radius: 5px;

1337 box-shadow: 0 3px 5px rgba(0,0,0,.1);

1338 border-width: 1px;

1339 border-style: solid;

1340 border-color: var(--ts-hd-bottom-border);

1341}

1342

1343.vertical-menu-wrapper:hover .vertical-menu {

1344 -webkit-animation-duration: 200ms;

1345 -moz-animation-duration: 200ms;

1346 animation-duration: 200ms;

1347 animation-delay: 100ms;

1348 -webkit-animation-delay: 100ms;

1349 -moz-animation-delay: 100ms;

1350 -webkit-animation-fill-mode: both;

1351 -moz-animation-fill-mode: both;

1352 animation-fill-mode: both;

1353 -webkit-animation-name: animation_menu;

1354 -moz-animation-name: animation_menu;

1355 animation-name: animation_menu;

1356 -webkit-transform-origin: 0 0 0;

1357 -moz-transform-origin: 0 0 0;

1358 -ms-transform-origin: 0 0 0;

1359 display: block;

1360}

1361.vertical-menu .ts-menu-drop-icon {

1362 margin-left: auto; /* rtl */

1363}

1364.vertical-menu-wrapper .vertical-menu > ul {

1365 position: relative;

1366}

1367.vertical-menu-wrapper .vertical-menu > ul > li {

1368 width: 100%;

1369 border-bottom: 1px solid var(--ts-border);

1370 position: static;

1371}

1372.vertical-menu-wrapper .vertical-menu > ul > li:last-child {border: 0;}

1373.vertical-menu-wrapper .vertical-menu > ul > li > a,

1374.vertical-menu-wrapper .vertical-menu li:not(.ts-megamenu) .sub-menu li > a {

1375 display: flex;

1376 flex-wrap: wrap;

1377 align-items: center;

1378 gap: 0 15px;

1379}

1380:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu {

1381 top: 0;

1382 left: 100%; /* rtl */

1383 margin-left: 0; /* rtl */

1384}

1385:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu:after {

1386 bottom: 0;

1387}

1388:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu {

1389 padding: 32px 0;

1390}

1391.menu-sticky nav.vertical-menu > ul.menu li ul.sub-menu,

1392:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu:after {

1393 top: 0;

1394}

1395nav.vertical-menu > ul.menu > li {

1396 padding: 9px 20px 10px;

1397 display: flex;

1398 flex-wrap: wrap;

1399 align-items: center;

1400 gap: 18px;

1401}

1402nav.vertical-menu > ul.menu > li > a {

1403 padding: 0;

1404}

1405.vertical-menu-heading {

1406 display: flex;

1407 flex-wrap: wrap;

1408 height: 100%;

1409 align-items: center;

1410 text-transform: uppercase;

1411 gap: 0 15px;

1412 line-height: 20px;

1413 position: relative;

1414 transition: color 200ms ease;

1415}

1416.vertical-menu-fixed .vertical-menu-heading:hover {

1417 color: var(--ts-hd-bottom-link-hover);

1418}

1419.vertical-menu-heading > span{

1420 position: relative;

1421 z-index: 2;

1422 font-size: var(--ts-menu-font-size);

1423 font-family: var(--ts-menu-font-family);

1424 font-weight: 600;

1425 letter-spacing: var(--ts-menu-letter-spacing);

1426}

1427.vertical-menu-heading .icon {

1428 display: inline-block;

1429 letter-spacing: 0;

1430 font-size: inherit;

1431}

1432.vertical-menu-heading:before {

1433 font-size: 15px;

1434 position: relative;

1435}

1436.header-v2 .vertical-menu-heading:after {

1437 margin-left: auto; /* rtl */

1438 position: relative;

1439 z-index: 2;

1440}

1441.ts-header .vertical-menu-wrapper nav > ul.menu > li > a,

1442.ts-header .vertical-menu-wrapper nav > ul > li:before,

1443.ts-header .vertical-menu-wrapper nav > ul.menu > li:before,

1444.ts-header .vertical-menu-wrapper nav > ul.menu > li:hover > .ts-menu-drop-icon,

1445.vertical-menu-wrapper .vertical-menu,

1446.vertical-menu-wrapper .vertical-menu ul li {

1447 color: var(--ts-dropdown-color);

1448}

1449.ts-header .vertical-menu-wrapper nav > ul.menu > li > .ts-menu-drop-icon {

1450 color: var(--ts-gray-color);

1451}

1452.vertical-menu-wrapper .vertical-menu ul li a {color: inherit;}

1453.ts-header .vertical-menu-wrapper nav > ul.menu > li > a:hover {color: var(--ts-primary-color);}

1454/*** Sticky Menu ***/

1455.elementor-editor-active .menu-sticky {display: none;}

1456.menu-sticky {

1457 position: fixed;

1458 inset: 0;

1459 left: 0;

1460 display: flex;

1461 flex-direction: column;

1462 width: 320px;

1463 font-size: var(--ts-v-menu-font-size);

1464 font-family: var(--ts-v-menu-font-family);

1465 font-weight: var(--ts-v-menu-font-weight);

1466 letter-spacing: var(--ts-v-menu-letter-spacing);

1467 background-color: var(--ts-main-bg);

1468 border-width: 0 1px 0 0;

1469 border-style: solid;

1470 z-index: 1001;

1471 transform: translate3d(-100%,0,0);

1472 transform-origin: center left;

1473 transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);

1474}

1475.vertical-menu-fixed .menu-sticky-wrapper.active .menu-sticky {transform: translate3d(0,0,0);}

1476.admin-bar .menu-sticky {top: 32px;}

1477.menu-sticky-wrapper .overlay{

1478 position: fixed;

1479 inset: 0;

1480 background: rgba(0,0,0,0.4);

1481 z-index: 1000;

1482 display: none;

1483}

1484.menu-sticky-wrapper.active .overlay {display: block;}

1485.menu-sticky-heading,

1486.menu-sticky nav.vertical-menu > ul.menu > li > a {

1487 display: flex;

1488 align-items: center;

1489 flex-wrap: nowrap;

1490 padding: 5px 20px;

1491 gap: 0 15px;

1492 height: 50px;

1493 flex: 0 0 auto;

1494}

1495.menu-sticky-heading {text-transform: uppercase;}

1496.menu-sticky-heading {

1497 color: var(--ts-vertical-menu-heading-bg);

1498 background: var(--ts-vertical-menu-heading-color);

1499 margin-right: -1px;

1500}

1501.menu-sticky nav.vertical-menu > ul.menu > li {

1502 width: 100%;

1503 padding: 0;

1504 border-bottom: 1px solid var(--ts-border);

1505 display: block;

1506 position: static;

1507}

1508.menu-sticky nav.vertical-menu > ul.menu > li:last-child {

1509 border-bottom: 0;

1510}

1511.menu-sticky nav.vertical-menu li.ts-megamenu ul.sub-menu > li {

1512 position: relative;

1513 z-index: 2;

1514}

1515.menu-sticky-heading:before {

1516 flex: 0 0 auto;

1517 text-align: center;

1518 font-size: 16px;

1519 line-height: 1;

1520}

1521.menu-sticky .vertical-menu>ul>li>a .menu-label,

1522.menu-sticky .menu-sticky-heading span {

1523 overflow: hidden;

1524 text-overflow: ellipsis;

1525 white-space: nowrap;

1526 font-weight: 500;

1527}

1528.menu-sticky .vertical-menu>ul>li[class*="current-"]>a >.menu-label,

1529.menu-sticky .vertical-menu>ul>li:hover>a >.menu-label {

1530 text-decoration: underline;

1531 text-underline-offset: 4px;

1532}

1533.menu-sticky .vertical-menu ul li a {

1534 font-size: 1em;

1535 color: inherit;

1536}

1537.menu-sticky .ts-menu-drop-icon {display: none;}

1538/**/

1539.ts-menu nav > ul > li > a,

1540nav > ul.menu > li > a {

1541 padding-top: 5px;

1542 padding-bottom: 5px;

1543 line-height: 20px;

1544}

1545.ts-menu nav > ul > li > a,

1546nav > ul.menu > li > a {

1547 position: relative;

1548 display: inline-block;

1549 text-decoration: none;

1550}

1551li.hide ul.sub-menu {

1552 display: none !important;

1553}

1554.ts-header .menu-wrapper .ts-menu {width: 100%;display: inline-block; position: relative;}

1555.ts-header .menu-wrapper .vertical-menu-wrapper + .ts-menu {width: auto; flex: 1;}

1556.menu-desc {line-height: 1.2;font-size: 0.9rem;font-weight: normal;width: 100%;color: var(--ts-gray-color);margin-top: 5px;}

1557

1558:is(.ts-header,.menu-sticky) nav > ul.menu > li:hover,

1559:is(.ts-header,.menu-sticky) nav > ul > li:hover {z-index: 993;}

1560

1561.ts-menu nav > ul > li > a,

1562nav > ul.menu > li > a,

1563nav > ul.menu > li a:hover,

1564nav > ul > li a:hover {

1565 text-decoration: none;

1566}

1567

1568/*** Menu Icon ***/

1569nav > ul.menu li a.has-icon .menu-icon,

1570nav > ul.menu li:before {

1571 display: inline-block;

1572 vertical-align: middle;

1573 font-size: 1.4em;

1574}

1575.header-bottom .ts-menu nav > ul > li.icon-primary-color:before,

1576.header-bottom nav > ul.menu > li.icon-primary-color:before,

1577nav > ul.menu li.icon-primary-color:before {

1578 color: var(--ts-primary-color);

1579}

1580nav > ul.menu li a.has-icon {

1581 display: flex;

1582 align-items: center;

1583 flex-wrap: wrap;

1584 gap: 10px;

1585}

1586nav > ul.menu li a.has-icon .menu-icon {

1587 min-width: 20px;

1588 display: inline-block;

1589 position: relative;

1590}

1591.ts-menu > nav > ul.menu li a.has-icon .menu-icon {

1592 width: 20px;

1593}

1594.vertical-menu-inside nav.vertical-menu > ul.menu li a.has-icon {gap: 15px;}

1595.vertical-menu-fixed nav > ul.menu li a.has-icon .menu-icon img {

1596 width: 20px;

1597 height: 20px;

1598 object-fit: contain;

1599}

1600ul.menu li > a > .menu-icon .icon-hover {

1601 position: absolute;

1602 top: 0;

1603 left: 0; /* rtl */

1604 opacity: 0;

1605 visibility: hidden;

1606}

1607ul.menu li:hover > a > .menu-icon .icon-hover {

1608 opacity: 1;

1609 visibility: visible;

1610}

1611ul.menu li:hover > a.has-icon > .menu-icon > img.icon-hover ~ img {

1612 opacity: 0;

1613 visibility: hidden;

1614}

1615.ts-megamenu-container .elementor-widget h5,

1616.mobile-menu-wrapper .mobile-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5,

1617.ts-header .menu-wrapper .ts-menu ul.sub-menu .elementor-widget-wp-widget-nav_menu h5 {

1618 margin-bottom: 20px;

1619}

1620nav > ul.menu li .menu-desc {

1621 text-transform: none;

1622 margin-top: 5px;

1623}

1624.menu-sub-label {

1625 position: absolute;

1626 right: -23px; /* rtl */

1627 top: -12px;

1628 padding: 1px 2px;

1629 line-height: 13px;

1630 font-size: 9px;

1631 color: #ffffff;

1632 background-color: #000000;

1633 text-align: center;

1634 min-width: 35px;

1635 text-transform: uppercase;

1636 border-radius: 3px;

1637}

1638.menu-sub-label:before {

1639 width: 0;

1640 height: 0;

1641 border-top: 0;

1642 border-left: 5px solid;/* rtl */

1643 border-bottom: 6px solid;

1644 border-top-color: transparent !important;

1645 border-bottom-color: transparent !important;

1646 border-left-color: #000000;

1647 border-right-color: #000000;

1648 transform: rotate(15deg);

1649 position: absolute;

1650 right: 50%;/* rtl */

1651 margin-right: -3px;/* rtl */

1652 content: "";

1653 bottom: -5px;

1654}

1655

1656/*** Submenu ***/

1657:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu li:hover > ul.sub-menu {

1658 -webkit-animation-duration: 300ms;

1659 -moz-animation-duration: 300ms;

1660 animation-duration: 300ms;

1661 animation-delay: 100ms;

1662 -webkit-animation-delay: 100ms;

1663 -moz-animation-delay: 100ms;

1664 -webkit-animation-fill-mode: both;

1665 -moz-animation-fill-mode: both;

1666 animation-fill-mode: both;

1667 -webkit-animation-name: animation_menu_sub;

1668 -moz-animation-name: animation_menu_sub;

1669 animation-name: animation_menu_sub;

1670 -webkit-transform-origin: 0 0 0;

1671 -moz-transform-origin: 0 0 0;

1672 -ms-transform-origin: 0 0 0;

1673 display: block;

1674}

1675.ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu {

1676 top: 0;

1677 left: 100%; /* rtl */

1678 padding: 40px 40px 40px 80px; /* rtl */

1679}

1680.ts-header .menu-wrapper nav > ul.menu li ul.sub-menu .sub-menu:after {top: -1px;}

1681.ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child .sub-menu {top: -40px;}

1682.ts-header .menu-wrapper nav > ul.menu li ul.sub-menu > li .sub-menu:after {

1683 left: 40px; /* rtl */

1684}

1685:is(.ts-header,.menu-sticky) nav > ul.menu li .ts-megamenu-widgets-container > ul {

1686 padding: 0;

1687 margin: 0;

1688 width: auto;

1689}

1690.ts-mega-menu {

1691 margin: 0 -10px;

1692 overflow: hidden;

1693}

1694.ts-menu-drop-icon {

1695 font-size: 1.2rem;

1696 margin: 0;

1697 display: inline-block;

1698 letter-spacing: 0;

1699}

1700.ts-header .ts-menu .ts-menu-drop-icon {

1701 line-height: 1;

1702 position: relative;

1703 top: -2px;

1704}

1705.ts-menu-drop-icon:hover {cursor: pointer;}

1706nav.main-menu > ul.menu li.parent > a:after {

1707 font-size: 14px;

1708 display: inline-block;

1709 vertical-align: -2px;

1710}

1711nav.main-menu ul.menu .sub-menu > li {

1712 display: block;

1713 position: relative;

1714 z-index: 2;

1715}

1716nav.main-menu > ul.menu .sub-menu li.parent > a:after {

1717 margin-left: 0; /* rtl */

1718 position: absolute;

1719 right: 0; /* rtl */

1720 display: none;

1721}

1722nav.main-menu > ul.menu .sub-menu li.parent > .ts-menu-drop-icon {

1723 position: absolute;

1724 right: 0; /* rtl */

1725 padding: 0;

1726 margin: 0 0 0 3px; /* rtl */

1727 display: flex;

1728 align-items: center;

1729 transform: none;

1730 width: auto;

1731 height: 22px;

1732 line-height: 22px;

1733 top: 7px;

1734}

1735nav.main-menu > ul.menu .sub-menu > li.parent:first-child > .ts-menu-drop-icon {

1736 top: 0;

1737}

1738:is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu {

1739 position: absolute;

1740 z-index: 999;

1741 top: 100%;

1742 margin: 0;

1743 padding: 53px 40px 40px 40px;

1744 width: 320px;

1745 left: -40px;/* rtl */

1746 display: none;

1747}

1748.ts-header .ts-menu > nav > ul.menu li:not(.ts-mega-menu) .sub-menu > li.parent {

1749 padding-right: 20px;/* rtl */

1750}

1751:is(.ts-header,.menu-sticky) nav > ul.menu li:hover > ul.sub-menu {

1752 display: block;

1753 -webkit-animation-duration: 200ms;

1754 -moz-animation-duration: 200ms;

1755 animation-duration: 200ms;

1756 animation-delay: 100ms;

1757 -webkit-animation-delay: 100ms;

1758 -moz-animation-delay: 100ms;

1759 -webkit-animation-fill-mode: both;

1760 -moz-animation-fill-mode: both;

1761 animation-fill-mode: both;

1762 -webkit-animation-name: animation_fade;

1763 -moz-animation-name: animation_fade;

1764 animation-name: animation_fade;

1765 -webkit-transform-origin: 0 0 0;

1766 -moz-transform-origin: 0 0 0;

1767 -ms-transform-origin: 0 0 0;

1768}

1769:is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after {

1770 content: "";

1771 position: absolute;

1772 top: 12px;

1773 right: 0;

1774 left: 0;

1775 bottom: 0;

1776 z-index: 0;

1777 background-color: var(--ts-dropdown-bg);

1778 box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

1779 border-top: 1px solid var(--ts-border);

1780}

1781.menu-background-overlay :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after {

1782 box-shadow: none;

1783}

1784:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li ul.sub-menu:after {

1785 border-radius: var(--ts-border-radius);

1786}

1787.vertical-menu-inside .ts-header nav.vertical-menu > ul.menu li ul.sub-menu:after {

1788 border-top-left-radius: 0;

1789}

1790:is(.ts-header,.menu-sticky) li.ts-megamenu:not(.ts-megamenu-fullwidth-stretch) .ts-megamenu-container > div > .e-con-boxed {

1791 padding-left: 30px;

1792 padding-right: 30px;

1793}

1794.menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu {

1795 left: 100%; /* rtl */

1796 padding: 30px 30px 30px 60px;/* rtl */

1797 top: -43px;

1798 z-index: 990;

1799 width: 300px;

1800 margin: 0;

1801}

1802.menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu:after {

1803 top: 0;

1804 left: 50px; /* rtl */

1805 box-shadow: 5px 0px 20px rgba(162,162,162,0.33);/* rtl */

1806}

1807.menu-sticky nav > ul.menu > li > ul.sub-menu > li:first-child > ul.sub-menu {top: -50px;}

1808.menu-sticky nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu {z-index: 991;}

1809.menu-sticky nav > ul.menu li.menu-item-has-children:hover {z-index: 992;}

1810.menu-sticky nav > ul.menu li.ts-megamenu > ul.sub-menu {

1811 padding: 0;

1812 max-height: 100%;

1813 overflow-x: hidden;

1814 overflow-y: auto;

1815 background-color: var(--ts-dropdown-bg);

1816 border-left: 1px solid var(--ts-border);

1817 font-weight: normal;

1818}

1819.menu-sticky nav > ul.menu li.ts-megamenu > ul.sub-menu:after {

1820 display: none;

1821}

1822:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu > ul.sub-menu > li {

1823 padding: 0 !important;

1824 margin: 0 auto;

1825 display: block;

1826 padding: 32px 0;

1827}

1828:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > a {

1829 position: relative;

1830}

1831:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > a,

1832:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > .ts-menu-drop-icon,

1833:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:before {

1834 color: inherit;

1835}

1836:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover > a,

1837:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover > .ts-menu-drop-icon,

1838:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:hover:before,

1839:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"]:hover:before,

1840:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"] > a,

1841:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"]:before,

1842:is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li[class*="current-"] > .ts-menu-drop-icon {

1843 color: var(--ts-link-hover-color);

1844}

1845

1846/*** Mega Menu ***/

1847:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-fullwidth ul.sub-menu {width: 1500px;}

1848:is(.ts-header,.menu-sticky) nav.vertical-menu > ul.menu li.ts-megamenu ul.sub-menu {min-height: 100%;}

1849:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-4 ul.sub-menu {width: 880px;}

1850:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-3 ul.sub-menu {width: 650px;}

1851:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-2 ul.sub-menu {width: 461px;}

1852:is(.ts-header,.menu-sticky) nav > ul.menu li.ts-megamenu-columns-1 ul.sub-menu {width: 300px;}

1853

1854.ts-header,

1855.ts-store-notice {

1856 font-size: 1em;

1857 line-height: 20px;

1858}

1859.header-top > .container,

1860.header-v1 .ts-header .header-middle > .container {

1861 justify-content: space-between;

1862}

1863.header-language-currency,

1864.ts-header .header-left,

1865.ts-header .header-right {

1866 display: flex;

1867 align-items: center;

1868 gap: 0 20px;

1869}

1870.header-language-currency {flex-wrap: wrap;}

1871.header-language-currency {gap: 0 15px;}

1872.header-v1 .header-language-currency {margin-right: 10px;/* rtl */}

1873.ts-header .header-right {

1874 justify-content: flex-end;

1875 margin-left: auto;/* rtl */

1876}

1877.header-middle .header-center {

1878 flex: 1;

1879 display: flex;

1880 gap: 0 30px;

1881 align-items: center;

1882}

1883.has-language:not(.has-currency) .header-middle .header-right > .header-language:not(:last-child),

1884.has-currency .header-middle .header-right > .header-currency:not(:last-child) {

1885 margin-right: 20px; /*rtl*/

1886}

1887.ts-search-by-category {

1888 position: relative;

1889}

1890.header-middle .ts-search-by-category {

1891 flex: 1;

1892 max-width: 100%;

1893}

1894.ts-header .ts-search-by-category:before {

1895 position: fixed;

1896 content: "";

1897 width: 100vw;

1898 height: 100vh;

1899 top: 0;

1900 left: 0;

1901 background-color: rgba(0,0,0,0.3);

1902 opacity: 0;

1903 visibility: hidden;

1904 z-index: 9;

1905 transition: 500ms ease;

1906}

1907.ts-header .ts-search-by-category > form {

1908 position: relative;

1909 z-index: 11;

1910}

1911.ts-header .ts-search-by-category .search-dropdown {

1912 padding: 44px 10px 10px;

1913 position: absolute;

1914 top: 0;

1915 left: 0;

1916 right: 0;

1917 color: var(--ts-dropdown-color);

1918 z-index: 10;

1919 opacity: 0;

1920 visibility: hidden;

1921 transition: 250ms ease;

1922}

1923.ts-header .ts-search-by-category .search-dropdown:before {

1924 position: absolute;

1925 content: "";

1926 inset: -10px;

1927 background-color: var(--ts-dropdown-bg);

1928 border-radius: var(--ts-border-radius);

1929}

1930.ts-header .ts-search-by-category.focusing {z-index: 994;}

1931.ts-header .ts-search-by-category.focusing:before,

1932.ts-header .ts-search-by-category.focusing .search-dropdown {

1933 opacity: 1;

1934 visibility: visible;

1935}

1936.popular-search > div,

1937.popular-search {

1938 display: flex;

1939 flex-wrap: wrap;

1940 gap: 10px;

1941 font-size: 13px;

1942 line-height: 20px;

1943}

1944.popular-search {

1945 margin-top: 32px;

1946}

1947.popular-search > * {width: 100%;}

1948.popular-search > h6 {margin-bottom: 0; font-size: 13px; line-height: 20px;}

1949.popular-search > div > a {

1950 padding: 4px 20px;

1951 border: 1px solid var(--ts-border);

1952 border-radius: var(--ts-border-radius);

1953 color: inherit;

1954}

1955.popular-search > div > a:hover {border-color: var(--ts-primary-color);}

1956.search-dropdown > * {

1957 position: relative;

1958 z-index: 2;

1959}

1960.search-dropdown > .ts-search-result-container > p,

1961.search-dropdown > .ts-search-result-container > .search-content {margin-top: 30px;}

1962.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail,

1963.woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail,

1964#ts-search-sidebar .ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail,

1965#ts-search-sidebar .woocommerce.ts-search-result-container ul.product_list_widget li .ts-wg-thumbnail{width: 80px;}

1966.ts-search-result-container .view-all-wrapper {

1967 margin-top: 30px;

1968 margin-bottom: 10px;

1969 text-align: center;

1970 text-transform: capitalize;

1971}

1972.view-all-wrapper > a, .view-all-wrapper a:hover {color: inherit !important;}

1973#ts-search-sidebar .ts-search-by-category form {

1974 border-color: #1D1B4D;

1975 background: transparent;

1976 display: flex;

1977 flex-wrap: wrap;

1978 align-items: flex-start;

1979}

1980#ts-search-sidebar .ts-search-by-category .search-table .search-button {

1981 background: var(--ts-tab-active-menu-bg);

1982 color: var(--ts-tab-active-menu-color);

1983 width: 40px;

1984 height: 42px;

1985 right: 0; /* rtl */

1986 border-radius: var(--ts-border-radius);

1987}

1988#ts-search-sidebar .popular-search {margin-top: 0;}

1989#ts-search-sidebar .popular-search > h6 {display: none;}

1990#ts-search-sidebar .popular-search > div {gap: 5px;}

1991#ts-search-sidebar .ts-sidebar-content{padding: 0;}

1992#ts-search-sidebar .ts-sidebar-content .close{

1993 position: absolute;

1994 top: 0;

1995 right: 0; /*rtl*/

1996 display: inline-flex;

1997 align-items: center;

1998 justify-content: center;

1999 margin: 0;

2000 padding: 0;

2001 width: 50px;

2002 height: 50px;

2003 border-left: 1px solid #ffffff; /*rtl*/

2004 background: var(--ts-tab-menu-bg, #EBEFF0);

2005 color: var(--ts-tab-menu-color, #000000);

2006}

2007#ts-search-sidebar .ts-search-by-category form{

2008 background: transparent;

2009 border: 0;

2010}

2011.ts-search-by-category form > h5 {display: none;}

2012#ts-search-sidebar .ts-search-by-category form > h5,

2013#ts-search-sidebar .ts-search-by-category .select-category{

2014 width: calc(100% - 50px);

2015 font-size: var(--ts-menu-font-size);

2016 padding: 13px 20px;

2017 background-color: var(--ts-tab-menu-bg, #EBEFF0);

2018 color: var(--ts-tab-menu-color, #000000);

2019 font-weight: 600;

2020 margin: 0;

2021}

2022#ts-search-sidebar .ts-search-by-category form > h5 {

2023 display: block;

2024 padding: 15px 20px;

2025 text-align: center;

2026 text-transform: uppercase;

2027}

2028#ts-search-sidebar .ts-search-by-category form > .search-table {

2029 flex: none;

2030 width: 100%;

2031 padding: 20px;

2032}

2033#ts-search-sidebar .select-category + .search-table:after {

2034 display: none;

2035}

2036#ts-search-sidebar .ts-search-by-category .search-table .search-field {

2037 border-width: 1px;

2038 border-style: solid;

2039 border-radius: var(--ts-border-radius);

2040 border-color: var(--ts-hd-search-color);

2041 background: transparent;

2042 color: var(--ts-hd-search-color);

2043 overflow: hidden;

2044}

2045#ts-search-sidebar .ts-search-by-category .search-table .search-field input[type="text"] {

2046 padding: 12px 20px;

2047}

2048#ts-search-sidebar .search-dropdown {

2049 padding: 0 20px 20px;

2050}

2051/**/

2052.header-language,

2053.header-currency {

2054 position: relative;

2055 display: block;

2056 font-size: 1rem;

2057 line-height: 19px;

2058 color: inherit;

2059}

2060.header-top .header-language,

2061.header-top .header-currency {

2062 font-size: 1em;

2063}

2064.header-top a:hover,

2065.header-middle a:hover,

2066.header-bottom a:hover {text-decoration: none;}

2067.header-currency .wcml-spinner {display: none;}

2068

2069.ts-header .header-top nav > ul.menu > li,

2070.ts-header .header-top nav > ul > li {font-size: inherit;font-weight: inherit;}

2071.ts-header .header-top nav > ul > li i {

2072 margin-right: 4px;/* rtl */

2073}

2074.ts-header .header-top nav > ul.menu > li > a,

2075.ts-header .header-top nav > ul > li > a {

2076 padding: 0;

2077 font-weight: inherit;

2078 font-size: inherit;

2079 font-family: inherit;

2080}

2081.ts-header .my-wishlist-wrapper,

2082.ts-header .shopping-cart-wrapper .cart-icon {line-height: 0;}

2083.ts-header .dropdown-container {text-transform: none;}

2084

2085/*** Social ***/

2086.social-icons ul li {

2087 list-style: none;

2088 position: relative;

2089 margin: 0;

2090 padding: 0;

2091 position: relative;

2092}

2093.social-icons ul {

2094 gap: 4px 18px;

2095 display: flex;

2096 flex-wrap: wrap;

2097 align-items: center;

2098 margin: 0;

2099 padding: 0;

2100}

2101.social-icons li {

2102 padding: 0 !important;

2103 display: block;

2104 position: relative;

2105}

2106.social-icons li i {

2107 display: block;

2108}

2109.ts-social-icons li i{

2110 width: auto;

2111 height: auto;

2112 width: 100%;

2113}

2114.header-social-icon {position: relative;}

2115.header-social-icon .social-icons li i {

2116 font-size: 16px;

2117}

2118.header-social-icon .social-icons {

2119 display: flex;

2120}

2121.header-social-icon a span{

2122 display: none;

2123}

2124

2125/*--------------------------------------------------------

2126 2. HEADER TOP

2127---------------------------------------------------------*/

2128.header-top,

2129.ts-header .header-top .hotline > a > span {

2130 font-size: 0.86rem;

2131}

2132.header-top,

2133.header-top ul li{

2134 line-height: 20px;

2135}

2136.header-top {

2137 background-color: var(--ts-hd-top-bg);

2138 color: var(--ts-hd-top-color);

2139 border-color: var(--ts-hd-top-border);

2140 border-width: 0 0 1px 0;

2141 border-style: solid;

2142 --ts-menu-gap: 20px;

2143}

2144.header-top *,

2145.header-top *:before,

2146.header-top *:after{

2147 border-color: var(--ts-hd-top-border);

2148}

2149.header-top > .container {

2150 flex-wrap: wrap;

2151 padding-top: 8px;

2152 padding-bottom: 8px;/* +1 px border bottom */

2153}

2154.header-top .header-right > *:not(:last-child) {

2155 padding-right: 20px;/* rtl */

2156 position: relative;

2157}

2158.header-top .header-left > *:not(:first-child) {

2159 padding-left: 20px;/* rtl */

2160 position: relative;

2161}

2162.header-top .header-right > *:not(:last-child):before,

2163.header-top .header-left > *:not(:first-child):before {

2164 content: "";

2165 position: absolute;

2166 top: 50%;

2167 transform: translateY(-50%);

2168 width: 1px;

2169 height: 16px;

2170 border-style: solid;

2171 border-color: var(--ts-hd-top-color);

2172 display: block;

2173 opacity: 0.2;

2174}

2175.header-top .header-right > *:not(:last-child):before {

2176 right: 0;/* rtl */

2177 border-width: 0 1px 0 0;/* rtl */

2178}

2179.header-top .header-left > *:not(:first-child):before {

2180 left: 0;/* rtl */

2181 border-width: 0 0 0 1px;/* rtl */

2182}

2183.header-right .social-icons ul li {text-align: right; /* rtl */}

2184.ts-header .social-icons ul li{

2185 font-size: 1rem;

2186 line-height: 1;

2187}

2188

2189/*--------------------------------------------------------

2190 3. HEADER MIDDLE

2191---------------------------------------------------------*/

2192.header-middle {

2193 background-color: var(--ts-hd-middle-bg);

2194 color: var(--ts-hd-middle-color);

2195 border-color: var(--ts-hd-middle-border);

2196}

2197.header-middle .ts-menu nav > ul > li > a,

2198.header-middle nav > ul.menu > li > a,

2199.header-middle .ts-menu nav > ul > li > .ts-menu-drop-icon,

2200.header-middle nav > ul.menu > li > .ts-menu-drop-icon,

2201.header-middle .ts-menu nav > ul > li:before,

2202.header-middle nav > ul.menu > li:before {

2203 color: var(--ts-hd-middle-color);

2204}

2205.header-middle .header-language .wpml-ls-current-language:hover > a,

2206.header-middle a:hover,

2207.header-middle .search-icon .icon:hover,

2208.header-middle .icon-menu-sticky-header .icon:hover,

2209.header-middle nav > ul > li:hover > a,

2210.header-middle nav > ul > li:hover > .ts-menu-drop-icon,

2211.header-middle nav > ul > li[class*="current-"]:hover:before,

2212.header-middle nav > ul > li[class*="current-"] > a,

2213.header-middle nav > ul > li[class*="current-"] > .ts-menu-drop-icon,

2214.header-middle nav > ul > li[class*="current-"]:before {

2215 color: var(--ts-hd-middle-link-hover);

2216}

2217.header-top *, .header-top *:before, .header-top *:after{border-color: var(--ts-hd-top-border);}

2218.header-middle *, .header-middle *:before, .header-middle *:after{border-color: var(--ts-hd-middle-border);}

2219.header-bottom *, .header-bottom *:before, .header-bottom *:after{border-color: var(--ts-hd-bottom-border);}

2220.header-top > .container,

2221.header-middle > .container,

2222.header-bottom > .container {

2223 display: flex;

2224 position: relative;

2225 align-items: center;

2226 gap: 0 50px;

2227}

2228.header-middle > .container {

2229 padding-top: 25px;

2230 padding-bottom: 25px;

2231 gap: 0 60px;

2232}

2233.is-sticky .header-middle > .container {

2234 padding-top: 15px;

2235 padding-bottom: 15px;

2236}

2237.vertical-menu-fixed .header-middle,

2238.header-bottom {

2239 border-width: 0 0 1px;

2240 border-style: solid;

2241}

2242.header-bottom > .container .vertical-menu-heading,

2243.header-bottom > .container .ts-menu{

2244 padding-top: 12px;

2245 padding-bottom: 12px;

2246}

2247body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom > .container .vertical-menu-heading,

2248body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom > .container .ts-menu {

2249 padding-top: 3px;

2250 padding-bottom: 12px;

2251}

2252body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu li ul.sub-menu:after {

2253 top: 12px;

2254}

2255body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li > ul.sub-menu:after {

2256 top: 0;

2257}

2258body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:first-child > ul.sub-menu:after {

2259 top: -1px;

2260}

2261body:not(.vertical-menu-fixed):not(.vertical-menu-inside) :is(.ts-header,.menu-sticky) nav > ul.menu ul.sub-menu > li:not(:first-child) > ul.sub-menu:after {

2262 border-width: 0;

2263 box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

2264}

2265body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li:not(.special-item) > a:after {

2266 content: '';

2267 width: 0;

2268 height: 0;

2269 display: block;

2270 border-bottom: 2px solid var(--ts-main-menu-border);

2271 position: absolute;

2272 bottom: -13px;

2273 left: 0; /* rtl */

2274 transition: 250ms ease;

2275 z-index: 9999;

2276}

2277body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li[class*="current-"]:not(.special-item) > a:after,

2278body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li:not(.special-item):hover > a:after {

2279 width: 100%;

2280}

2281body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li.parent[class*="current-"]:not(.special-item) > a:after,

2282body:not(.vertical-menu-fixed):not(.vertical-menu-inside) .header-bottom .ts-menu nav > ul > li.parent:not(.special-item):hover > a:after {

2283 width: calc(100% + 11px);

2284}

2285

2286/*** Hotline ***/

2287.ts-header .hotline {

2288 position: relative;

2289}

2290.ts-header .hotline > a {

2291 display: flex;

2292 flex-direction: column;

2293 gap: 0;

2294 font-weight: 600;

2295 position: relative;

2296 padding-left: 43px;/* rtl */

2297}

2298.ts-header .hotline > a:before {

2299 font-size: 36px;

2300 line-height: 1;

2301 position: absolute;

2302 top: calc(50% + 2px);

2303 left: 0;/* rtl */

2304 transform: translateY(-50%);

2305}

2306.ts-header .hotline > a > span:first-child{

2307 font-weight: normal;

2308 font-size: 1em;

2309}

2310.ts-header .header-top .hotline > a {

2311 padding-left: 0;/* rtl */

2312 flex-direction: row;

2313 gap: 0 10px;

2314}

2315.ts-header .header-top .hotline > a:before {display: none;}

2316.header-language a:hover,

2317.my-account-wrapper .account-control > a:hover,

2318.shopping-cart-wrapper a.cart-control:hover,

2319.my-wishlist-wrapper a:hover,

2320.header-currency a:hover {text-decoration: none;}

2321

2322.shopping-cart-wrapper {

2323 cursor: pointer;

2324 position: relative;

2325}

2326.shopping-cart-wrapper .cart-icon {

2327 position: relative;

2328}

2329.icon-menu-sticky-header .icon {

2330 letter-spacing: 0;

2331}

2332.search-button.search-icon .icon:before,

2333.my-wishlist-wrapper .tini-wishlist:before,

2334.shopping-cart-wrapper .cart-control .ic-cart:before,

2335.ts-tiny-account-wrapper .account-control > a:before {

2336 font-size: 22px;

2337 line-height: 1;

2338}

2339.icon-menu-sticky-header .icon.active:before {font-size: 17px;}

2340.shopping-cart-wrapper .cart-control .ic-cart {

2341 display: inline-block;

2342 line-height: 1;

2343}

2344.search-button.search-icon .icon,

2345.my-account-wrapper .account-control > a{

2346 display: inline-block;

2347 vertical-align: bottom;

2348 position: relative;

2349 box-sizing: content-box;

2350 cursor: pointer;

2351}

2352.search-button.search-icon .icon {line-height: 1;}

2353.icon-menu-sticky-header .icon:before,

2354.ts-mobile-icon-toggle .icon {

2355 font-size: 17px;

2356 line-height: 1;

2357 display: inline-block;

2358 vertical-align: middle;

2359}

2360.my-account-wrapper .account-control > a,

2361.my-wishlist-wrapper .tini-wishlist,

2362.shopping-cart-wrapper .cart-control {

2363 display: flex;

2364 flex-wrap: wrap;

2365 align-items: center;

2366 cursor: pointer;

2367 gap: 0 10px;

2368 line-height: 1.2;

2369 letter-spacing: 0;

2370}

2371.shopping-cart-wrapper .cart-control {

2372 gap: 0 13px;

2373}

2374.my-wishlist-wrapper .tini-wishlist .title {display: none;}

2375.search-button.search-icon .icon span {display: inline-block;}

2376:is(.header-language, .header-currency) + :is(.my-account-wrapper, .my-wishlist-wrapper, .shopping-cart-wrapper) {margin-left: 17px; /* rtl */}

2377.my-wishlist-wrapper .tini-wishlist, .shopping-cart-wrapper .cart-control {

2378 position: relative;

2379}

2380.my-wishlist-wrapper .tini-wishlist .count-number,

2381.shopping-cart-wrapper .cart-control .cart-number {

2382 width: 18px;

2383 height: 18px;

2384 font-size: 10px;

2385 font-weight: 600;

2386 line-height: 18px;

2387 text-align: center;

2388 letter-spacing: 0;

2389 border-radius: 50%;

2390 overflow: hidden;

2391 background: var(--ts-cart-count-bg);

2392 color: var(--ts-cart-count-color);

2393 position: absolute;

2394 right: -13px;/* rtl */

2395 top: -7px;

2396}

2397.shopping-cart-wrapper .cart-control .cart-number {

2398 left: 15px;/* rtl */

2399 right: auto;/* rtl */

2400}

2401.shopping-cart-wrapper {position: relative;}

2402.my-account-wrapper .account-control > a span {

2403 font-weight: 600;

2404 margin-top: 2px;

2405}

2406.ts-floating-sidebar .ts-search-by-category > form .search-table .loading ~ .search-button:before {

2407 opacity: 1;

2408 visibility: visible;

2409}

2410.ts-search-by-category .select-category {

2411 width: 28%;

2412 min-width: 150px;

2413 text-transform: capitalize;

2414 font-size: 1rem;

2415 color: var(--ts-hd-search-color);

2416 position: relative;

2417 border: 0;

2418 border-radius: 0;

2419 padding-right: 30px; /* rtl */

2420 font-weight: 500;

2421 z-index: 2;

2422}

2423.header-v2 .ts-search-by-category .select-category {

2424 width: 31%;

2425}

2426.ts-search-by-category .select-category + .search-table {

2427 position: relative;

2428}

2429.ts-search-by-category .select-category + .search-table:after {

2430 content: '';

2431 width: 1px;

2432 height: 20px;

2433 background: rgba(0,0,0,0.2);

2434 position: absolute;

2435 left: 0; /* rtl */

2436 top: 50%;

2437 transform: translateY(-50%);

2438}

2439.ts-search-by-category .select-category + .search-table:before {

2440 position: absolute;

2441 top: 50%;

2442 line-height: 20px;

2443 margin-top: -10px;

2444 left: -30px;/* rtl */

2445}

2446.ts-search-by-category .search-table .search-field {display: flex;flex-wrap: wrap;align-items: center;}

2447.search-table .search-button:before,.search-table .search-button:after {transition: opacity 150ms ease;}

2448

2449.ts-search-by-category form {

2450 position: relative;

2451 border-width: 1px;

2452 border-style: solid;

2453 border-radius: var(--ts-border-radius);

2454 border-color: var(--ts-hd-search-border);

2455 background: var(--ts-hd-search-bg);

2456 color: var(--ts-hd-search-color);

2457 display: flex;

2458 flex-wrap: wrap;

2459 align-items: center;

2460}

2461.ts-search-by-category.focusing form {

2462 border-color: var(--ts-hd-search-focus-border);

2463 background: var(--ts-hd-search-focus-bg);

2464 color: var(--ts-hd-search-focus-color);

2465}

2466.ts-search-by-category form > .search-table {

2467 flex: 1;

2468}

2469.ts-search-by-category .search-content.loading:after {

2470 -webkit-animation: fa-spin 1s infinite steps(8);

2471 animation: fa-spin 1s infinite steps(8);

2472}

2473.ts-search-by-category .search-table .search-field input[type="text"] {

2474 border: 0;

2475 flex: 1;

2476 padding: 14px 20px;

2477 background: transparent;

2478 color: inherit;

2479 border-color: transparent;

2480}

2481.ts-search-by-category .search-table .search-button {

2482 width: 46px;

2483 height: 46px;

2484 position: relative;

2485 overflow: hidden;

2486 border-radius: var(--ts-border-radius);

2487 border-color: var(--ts-hd-search-btn-border);

2488 background: var(--ts-hd-search-btn-bg);

2489 color: var(--ts-hd-search-btn-color);

2490 margin-right: 3px;/* rtl */

2491}

2492.ts-search-by-category select:focus {

2493 outline: none;

2494 box-shadow: none;

2495}

2496.ts-search-by-category .search-table .loading .search-button:before {

2497 opacity: 1;

2498 visibility: visible;

2499}

2500.ts-search-by-category .search-table .loading .search-button:after {

2501 border-color: rgba(255,255,255,.15);

2502 border-color: color-mix(in srgb, var(--ts-hd-search-btn-color), transparent 65%);

2503 border-top-color: var(--ts-hd-search-btn-color);

2504}

2505

2506/*** Header Version ***/

2507.header-v2 .ts-header .header-right {margin: 0;}

2508/**/

2509

2510/*** Logo wrapper ***/

2511.normal-logo,

2512.sticky-logo,

2513.mobile-logo {

2514 display: inline-block;

2515 vertical-align: middle;

2516}

2517.sticky-logo,

2518.mobile-logo {

2519 display: none;

2520}

2521header .logo-wrapper a {

2522 font-size: 40px;

2523 display: inline-block;

2524 vertical-align: top;

2525}

2526header .logo-wrapper a:hover {

2527 text-decoration: none;

2528}

2529.logo-center > .container > .header-left,

2530.logo-center > .container > .header-right {

2531 flex: 1;

2532 min-height: auto;

2533}

2534.logo-center > .container > .header-middle{

2535 flex: none;

2536}

2537

2538/*** Header Dropdown ***/

2539.shopping-cart-wrapper .dropdown-container,

2540.my-account-wrapper .dropdown-container,

2541body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,

2542body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu,

2543.header-currency ul {

2544 display: none;

2545 position: absolute;

2546 content: "";

2547 right: auto; /* rtl */

2548 left: 50%; /* rtl */

2549 top: 100%;

2550 min-width: 115px;

2551 padding: 40px 30px 30px 30px;

2552}

2553.shopping-cart-wrapper .dropdown-container:before,

2554.my-account-wrapper .dropdown-container:before,

2555.wcml_currency_switcher > ul:before,

2556.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before,

2557.wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {

2558 content: "";

2559 position: absolute;

2560 left: 0;

2561 right: 0;

2562 top: 18px;

2563 bottom: 0;

2564 display: block !important;

2565 z-index: -1;

2566 background-color: var(--ts-dropdown-bg);

2567 border-width: 1px;

2568 border-style: solid;

2569 box-shadow: 0 15px 15px rgba(0,0,0,0.15);

2570 border-radius: var(--ts-border-radius);

2571}

2572.shopping-cart-wrapper .dropdown-container,

2573.my-account-wrapper .dropdown-container,

2574.wcml_currency_switcher > ul,

2575.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu,

2576.wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu {

2577 color: var(--ts-dropdown-color);

2578}

2579.my-account-wrapper .dropdown-container input[type="submit"] {

2580 width: 100%;

2581}

2582.wcml_currency_switcher > ul,

2583.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu,

2584.wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu {

2585 padding: 37px 30px 30px 30px;

2586 width: 160px;

2587 left: 0;

2588 margin-left: -30px; /* rtl */

2589}

2590.wcml_currency_switcher > ul {

2591 width: 130px;

2592}

2593.wcml_currency_switcher > ul:before,

2594.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before,

2595.wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {

2596 top: 8px;

2597}

2598.header-middle .shopping-cart-wrapper .dropdown-container,

2599.header-middle .my-account-wrapper .dropdown-container {

2600 padding-top: 80px;

2601}

2602.shopping-cart-wrapper .dropdown-container,

2603.my-account-wrapper .dropdown-container {

2604 padding-top: 50px;

2605}

2606.logged-in .header-middle .my-account-wrapper .dropdown-container,

2607.header-middle .wcml_currency_switcher > ul,

2608.header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu,

2609.header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu {

2610 padding-top: 70px;

2611}

2612.shopping-cart-wrapper .dropdown-container:before,

2613.header-middle .wcml_currency_switcher > ul:before {

2614 top: 40px;

2615}

2616.header-middle .my-account-wrapper .dropdown-container:before,

2617.header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before,

2618.header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {

2619 top: 41px;

2620}

2621.my-account-wrapper .dropdown-container:before {top: 20px;}

2622

2623.is-sticky .shopping-cart-wrapper .dropdown-container,

2624.is-sticky .my-account-wrapper .dropdown-container {

2625 padding-top: 62px;

2626}

2627.logged-in .is-sticky .header-middle .my-account-wrapper .dropdown-container,

2628.is-sticky .header-middle .wcml_currency_switcher > ul,

2629.is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu,

2630.is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu {

2631 padding-top: 60px;

2632}

2633.is-sticky .shopping-cart-wrapper .dropdown-container:before,

2634.is-sticky .header-middle .wcml_currency_switcher > ul:before {

2635 top: 30px;

2636}

2637.is-sticky .header-middle .my-account-wrapper .dropdown-container:before,

2638.is-sticky .header-middle .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before,

2639.is-sticky .header-middle .wpml-ls-item-legacy-dropdown-click ul.wpml-ls-sub-menu:before {

2640 top: 31px;

2641}

2642.header-top a,

2643.header-middle a,

2644.header-bottom a,

2645.ts-menu nav ul li a,

2646.header-language a,

2647.header-currency a {

2648 color: inherit;

2649}

2650.header-top a:hover,

2651.header-top .search-icon .icon:hover,

2652.header-top .dropdown-container a:not(.button):hover,

2653.header-top .ts-menu nav ul li a:hover,

2654.header-top .header-language a:hover,

2655.header-top .header-currency a:hover {

2656 color: var(--ts-hd-top-link-hover);

2657}

2658.header-bottom .ts-menu nav > ul > li > a,

2659.header-bottom nav > ul.menu > li > a,

2660.header-bottom .ts-menu nav > ul > li > .ts-menu-drop-icon,

2661.header-bottom nav > ul.menu > li > .ts-menu-drop-icon,

2662.header-bottom .ts-menu nav > ul > li:before,

2663.header-bottom nav > ul.menu > li:before {

2664 color: var(--ts-hd-bottom-color);

2665}

2666.header-bottom {

2667 background-color: var(--ts-hd-bottom-bg);