PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 2.0.3
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v2.0.3
3.1.4 3.0.8 3.0.9 3.1.0 3.1.2 3.1.3 3.0.7 3.0.5 3.0.4 3.0.3 3.0.2 trunk 1.5.0 1.5.1 1.5.2 1.6.1 1.6.2 1.6.3 1.6.4 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 All 93 releases
ultimate-store-kit / assets / css / usk-all-styles.rtl.css

usk-all-styles.rtl.css in Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder 2.0.3, at assets/css/usk-all-styles.rtl.css

7,043 lines 176.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .usk-slider .swiper-pagination,
3 .usk-dots-container .swiper-pagination,
4 .usk-arrows-dots-container .swiper-pagination {
5 position: relative;
6 display: flex;
7 justify-content: center;
8 }
9 .usk-slider .swiper-pagination .swiper-pagination-bullet,
10 .usk-dots-container .swiper-pagination .swiper-pagination-bullet,
11 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet {
12 width: 10px;
13 height: 10px;
14 outline: none;
15 }
16 .usk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
17 .usk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
18 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
19 margin-right: 5px;
20 outline: none;
21 }
22 .usk-slider .swiper-pagination.swiper-pagination-fraction,
23 .usk-dots-container .swiper-pagination.swiper-pagination-fraction,
24 .usk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction {
25 bottom: auto;
26 z-index: 1;
27 }
28
29 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic,
30 .usk-slider .swiper-pagination-bullets-dynamic,
31 .usk-dots-container .swiper-pagination-bullets-dynamic {
32 overflow: hidden;
33 font-size: 0;
34 width: 100% !important;
35 right: 0 !important;
36 transform: translateX(0) !important;
37 }
38 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
39 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
40 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
41 transform: scale(0.33);
42 position: relative;
43 }
44 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
45 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
46 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
47 transform: scale(1);
48 }
49 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
50 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
51 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
52 transform: scale(1);
53 }
54 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
55 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
56 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
57 transform: scale(0.66);
58 }
59 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
60 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
61 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
62 transform: scale(0.33);
63 }
64 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
65 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
66 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
67 transform: scale(0.66);
68 }
69 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
70 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
71 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
72 transform: scale(0.33);
73 }
74
75 [class*=usk-arrows-align-top] .usk-arrows-container {
76 transform: translateY(-40px);
77 }
78
79 [class*=usk-arrows-align-bottom] .usk-arrows-container {
80 transform: translateY(40px);
81 }
82
83 [class*=usk-dots-align-top] .usk-dots-container {
84 transform: translateY(-30px);
85 }
86
87 [class*=usk-dots-align-bottom] .usk-dots-container {
88 transform: translateY(30px);
89 }
90
91 [class*=usk-arrows-dots-align-top] .usk-arrows-dots-container {
92 transform: translateY(-40px);
93 }
94
95 [class*=usk-arrows-dots-align-bottom] .usk-arrows-dots-container {
96 transform: translateY(40px);
97 }
98
99 .usk-arrows-align-center .usk-position-center,
100 .usk-arrows-dots-align-center .usk-position-center {
101 width: 100%;
102 }
103 .usk-arrows-align-center .usk-navigation-prev,
104 .usk-arrows-dots-align-center .usk-navigation-prev {
105 right: 0;
106 position: absolute;
107 transform: translateY(-50%);
108 }
109 .usk-arrows-align-center .usk-navigation-next,
110 .usk-arrows-dots-align-center .usk-navigation-next {
111 left: 0;
112 position: absolute;
113 transform: translateY(-50%);
114 }
115
116 .rtl .usk-arrows-align-center .usk-navigation-prev,
117 .rtl .usk-arrows-dots-align-center .usk-navigation-prev {
118 left: 0;
119 right: inherit;
120 }
121 .rtl .usk-arrows-align-center .usk-navigation-next,
122 .rtl .usk-arrows-dots-align-center .usk-navigation-next {
123 right: 0;
124 left: inherit;
125 }
126
127 .usk-arrows-dots-align-center .usk-dots-container .swiper-pagination,
128 .usk-arrows-dots-align-center .usk-arrows-dots-container .swiper-pagination {
129 position: absolute;
130 width: 100% !important;
131 }
132
133 .usk-navigation-type-progress .swiper-pagination-progress {
134 transform: translateY(15px);
135 height: 5px;
136 width: 100%;
137 }
138
139 [class*=" elementor-widget-usk-"] .swiper-pagination-fraction, [class*=" elementor-widget-usk-"] .swiper-pagination-custom, [class*=" elementor-widget-usk-"] .swiper-horizontal > .swiper-pagination-bullets, [class*=" elementor-widget-usk-"] .swiper-pagination-bullets.swiper-pagination-horizontal {
140 bottom: auto;
141 }
142
143 [class*=" elementor-widget-usk-"] .usk-arrows-container {
144 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 40));
145 transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 40));
146 }
147 [class*=" elementor-widget-usk-"] .usk-dots-container {
148 -webkit-transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 30));
149 transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 30));
150 }
151 [class*=" elementor-widget-usk-"] .usk-arrows-dots-container {
152 -webkit-transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 40));
153 transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 40));
154 }
155 [class*=" elementor-widget-usk-"] .usk-arrows-fraction-container {
156 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 40));
157 transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 40));
158 }
159 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-container,
160 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-container {
161 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg);
162 transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg);
163 }
164 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-dots-container,
165 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-dots-container {
166 -webkit-transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 0)) rotate(-90deg);
167 transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 0)) rotate(-90deg);
168 }
169 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-dots-container,
170 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-dots-container {
171 -webkit-transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 0)) rotate(-90deg);
172 transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 0)) rotate(-90deg);
173 }
174 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-fraction-container,
175 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-fraction-container {
176 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
177 transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
178 }
179
180 .ultimate-store-kit .woocommerce-result-count {
181 font-weight: 500;
182 margin-bottom: 10px;
183 font-size: 18px;
184 }
185 .ultimate-store-kit .usk-shiny-grid-header-tabs .tab-option span {
186 width: auto;
187 }
188
189 .theme-storefront .edd_download_purchase_form {
190 margin: 0;
191 }
192
193 .theme-astra .edd_download_purchase_form .edd_purchase_submit_wrapper {
194 margin: 0;
195 }
196
197 .usk-account-navigation .woocommerce-MyAccount-navigation {
198 width: 100% !important;
199 }
200
201 [class*=elementor-widget-usk-] .star-rating {
202 font-family: "star" !important;
203 margin: 0;
204 }
205
206 .woocommerce-js [class*=elementor-widget-usk-] .star-rating::before {
207 content: "sssss";
208 color: #d3ced2;
209 float: right;
210 top: 0;
211 right: 0;
212 position: absolute;
213 }
214
215 #elementor-panel-category-ultimate-store-kit .elementor-element:hover .icon, #elementor-panel-category-ultimate-store-kit .elementor-element:hover .title {
216 color: #EF233C;
217 }
218
219 #elementor-panel-category-ultimate-store-kit .elementor-element:hover .icon .usk-widget-icon:after, #elementor-panel-category-ultimate-store-kit .elementor-element:hover .title .usk-widget-icon:after {
220 opacity: 1;
221 }
222
223 .elementor-element .icon {
224 position: relative;
225 }
226
227 .elementor-element .icon .usk-widget-icon:after {
228 content: "\e997";
229 position: absolute;
230 font-family: "ultimate-store-kit";
231 left: 8px;
232 top: 8px;
233 font-size: 14px;
234 opacity: 0.7;
235 }
236
237 .elementor-element .icon .usk-widget-icon.usk-new:after {
238 color: #EF233C;
239 opacity: 1;
240 }
241
242 .usk-new-control:after {
243 content: "NEW";
244 background-color: orangered;
245 color: #fff;
246 font-size: 7px;
247 font-weight: 700;
248 border-radius: 2px;
249 padding: 3px 4px;
250 margin-right: 5px;
251 vertical-align: middle;
252 }
253
254 @font-face {
255 font-family: "ultimate-store-kit";
256 src: url("../fonts/ultimate-store-kit.woff2?b30b0x") format("woff2"), url("../fonts/ultimate-store-kit.ttf?b30b0x") format("truetype"), url("../fonts/ultimate-store-kit.woff?b30b0x") format("woff"), url("../fonts/ultimate-store-kit.svg?b30b0x#ultimate-store-kit") format("svg");
257 font-weight: normal;
258 font-style: normal;
259 font-display: block;
260 }
261 [class^=usk-icon-], [class*=" usk-icon-"] {
262 /* use !important to prevent issues with browser extensions that change fonts */
263 font-family: "ultimate-store-kit" !important;
264 speak: never;
265 font-style: normal;
266 font-weight: normal;
267 font-variant: normal;
268 text-transform: none;
269 line-height: 1;
270 /* Better Font Rendering =========== */
271 -webkit-font-smoothing: antialiased;
272 -moz-osx-font-smoothing: grayscale;
273 }
274
275 .usk-icon-x:before {
276 content: "\e9b6";
277 }
278
279 .usk-icon-twitter:before {
280 content: "\e9b6";
281 }
282
283 .usk-icon-compare-products:before {
284 content: "\e9a3";
285 }
286
287 .usk-icon-wishlist-button:before {
288 content: "\e9a4";
289 }
290
291 .usk-icon-wishlist-products:before {
292 content: "\e9b5";
293 }
294
295 .usk-icon-product-category-carousel:before {
296 content: "\e99c";
297 }
298
299 .usk-icon-page-my-account:before {
300 content: "\e9a1";
301 }
302
303 .usk-icon-page-single:before {
304 content: "\e9a2";
305 }
306
307 .usk-icon-page-order:before {
308 content: "\e95c";
309 }
310
311 .usk-icon-page-checkout:before {
312 content: "\e97f";
313 }
314
315 .usk-icon-additional-information:before {
316 content: "\e95b";
317 }
318
319 .usk-icon-mentor-slider:before {
320 content: "\e957";
321 }
322
323 .usk-icon-account-details:before {
324 content: "\e9a5";
325 }
326
327 .usk-icon-account-downloads:before {
328 content: "\e9a6";
329 }
330
331 .usk-icon-account-login-form:before {
332 content: "\e9a7";
333 }
334
335 .usk-icon-checkout-additional-info:before {
336 content: "\e9a8";
337 }
338
339 .usk-icon-checkout-order-review:before {
340 content: "\e9a9";
341 }
342
343 .usk-icon-edd-product-review-carousel:before {
344 content: "\e9aa";
345 }
346
347 .usk-icon-edd-product-reviews:before {
348 content: "\e9ab";
349 }
350
351 .usk-icon-product-image:before {
352 content: "\e9ac";
353 }
354
355 .usk-icon-thankyou-order:before {
356 content: "\e9ae";
357 }
358
359 .usk-icon-thankyou-order-confirmation:before {
360 content: "\e9b0";
361 }
362
363 .usk-icon-thankyou-order-customer-address:before {
364 content: "\e9b1";
365 }
366
367 .usk-icon-thankyou-order-details:before {
368 content: "\e9b4";
369 }
370
371 .usk-icon-account-address:before {
372 content: "\e980";
373 }
374
375 .usk-icon-account-dashboard:before {
376 content: "\e981";
377 }
378
379 .usk-icon-account-download:before {
380 content: "\e982";
381 }
382
383 .usk-icon-account-login:before {
384 content: "\e983";
385 }
386
387 .usk-icon-account-logout:before {
388 content: "\e984";
389 }
390
391 .usk-icon-account-navigation:before {
392 content: "\e985";
393 }
394
395 .usk-icon-account-order-details:before {
396 content: "\e986";
397 }
398
399 .usk-icon-account-orders:before {
400 content: "\e987";
401 }
402
403 .usk-icon-account-registration-form:before {
404 content: "\e988";
405 }
406
407 .usk-icon-page-cart:before {
408 content: "\e989";
409 }
410
411 .usk-icon-checkout-additional-Info:before {
412 content: "\e998";
413 }
414
415 .usk-icon-checkout-billing-address:before {
416 content: "\e999";
417 }
418
419 .usk-icon-checkout-coupon-form:before {
420 content: "\e99a";
421 }
422
423 .usk-icon-checkout-login-form:before {
424 content: "\e99b";
425 }
426
427 .usk-icon-checkout-payment:before {
428 content: "\e99d";
429 }
430
431 .usk-icon-checkout-shipping-form:before {
432 content: "\e99e";
433 }
434
435 .usk-icon-checkout-shipping-methods:before {
436 content: "\e99f";
437 }
438
439 .usk-icon-qr-code:before {
440 content: "\e9a0";
441 }
442
443 .usk-icon-edd-trendy-carousel:before {
444 content: "\e950";
445 }
446
447 .usk-icon-edd-trendy-grid:before {
448 content: "\e976";
449 }
450
451 .usk-icon-edd-standard-carousel:before {
452 content: "\e977";
453 }
454
455 .usk-icon-edd-standard-grid:before {
456 content: "\e978";
457 }
458
459 .usk-icon-edd-classic-carousel:before {
460 content: "\e979";
461 }
462
463 .usk-icon-edd-classic-grid:before {
464 content: "\e97a";
465 }
466
467 .usk-icon-edd-beauty-carousel:before {
468 content: "\e97b";
469 }
470
471 .usk-icon-edd-beauty-grid:before {
472 content: "\e97c";
473 }
474
475 .usk-icon-product-review-carousel:before {
476 content: "\e98a";
477 }
478
479 .usk-icon-sub-category-carousel:before {
480 content: "\e98b";
481 }
482
483 .usk-icon-mini-cart:before {
484 content: "\e98c";
485 }
486
487 .usk-icon-edd-product:before {
488 content: "\e98d";
489 }
490
491 .usk-icon-edd-product-carousel:before {
492 content: "\e98e";
493 }
494
495 .usk-icon-edd-category-carousel:before {
496 content: "\e98f";
497 }
498
499 .usk-icon-edd-category-grid:before {
500 content: "\e990";
501 }
502
503 .usk-icon-heaven-slider:before {
504 content: "\e991";
505 }
506
507 .usk-icon-info-list:before {
508 content: "\e992";
509 }
510
511 .usk-icon-featured-box:before {
512 content: "\e993";
513 }
514
515 .usk-icon-brand-grid:before {
516 content: "\e994";
517 }
518
519 .usk-icon-brand-carousel:before {
520 content: "\e995";
521 }
522
523 .usk-icon-sub-category:before {
524 content: "\e996";
525 }
526
527 .usk-icon-showcase-slider:before {
528 content: "\e974";
529 }
530
531 .usk-icon-florence-carousel:before {
532 content: "\e975";
533 }
534
535 .usk-icon-breadcrumbs:before {
536 content: "\e958";
537 }
538
539 .usk-icon-compare:before {
540 content: "\e959";
541 }
542
543 .usk-icon-compare-button:before {
544 content: "\e95a";
545 }
546
547 .usk-icon-product-filter:before {
548 content: "\e95d";
549 }
550
551 .usk-icon-florence-grid:before {
552 content: "\e95e";
553 }
554
555 .usk-icon-glossy-carousel:before {
556 content: "\e95f";
557 }
558
559 .usk-icon-glossy-grid:before {
560 content: "\e960";
561 }
562
563 .usk-icon-product-meta:before {
564 content: "\e962";
565 }
566
567 .usk-icon-product-accordion:before {
568 content: "\e963";
569 }
570
571 .usk-icon-product-category:before {
572 content: "\e964";
573 }
574
575 .usk-icon-product-gallery:before {
576 content: "\e965";
577 }
578
579 .usk-icon-product-image-accordion:before {
580 content: "\e966";
581 }
582
583 .usk-icon-product-list:before {
584 content: "\e967";
585 }
586
587 .usk-icon-product-reviews:before {
588 content: "\e968";
589 }
590
591 .usk-icon-product-table:before {
592 content: "\e969";
593 }
594
595 .usk-icon-product-rating:before {
596 content: "\e96a";
597 }
598
599 .usk-icon-recently-view-product:before {
600 content: "\e96b";
601 }
602
603 .usk-icon-shiny-carousel:before {
604 content: "\e96c";
605 }
606
607 .usk-icon-shiny-grid:before {
608 content: "\e96d";
609 }
610
611 .usk-icon-short-description:before {
612 content: "\e96e";
613 }
614
615 .usk-icon-product-related:before {
616 content: "\e96f";
617 }
618
619 .usk-icon-product-tabs:before {
620 content: "\e970";
621 }
622
623 .usk-icon-product-stock:before {
624 content: "\e971";
625 }
626
627 .usk-icon-product-title:before {
628 content: "\e972";
629 }
630
631 .usk-icon-up-sells:before {
632 content: "\e973";
633 }
634
635 .usk-icon-add-to-cart:before {
636 content: "\e902";
637 }
638
639 .usk-icon-product-description:before {
640 content: "\e94d";
641 }
642
643 .usk-icon-product-images:before {
644 content: "\e94e";
645 }
646
647 .usk-icon-product-price:before {
648 content: "\e94f";
649 }
650
651 .usk-icon-arrow-left-0:before {
652 content: "\e97d";
653 }
654
655 .usk-icon-arrow-right-0:before {
656 content: "\e97e";
657 }
658
659 .usk-icon-arrow-left-1:before {
660 content: "\e917";
661 }
662
663 .usk-icon-arrow-right-1:before {
664 content: "\e925";
665 }
666
667 .usk-icon-arrow-left-2:before {
668 content: "\e918";
669 }
670
671 .usk-icon-arrow-right-2:before {
672 content: "\e926";
673 }
674
675 .usk-icon-arrow-left-3:before {
676 content: "\e919";
677 }
678
679 .usk-icon-arrow-right-3:before {
680 content: "\e927";
681 }
682
683 .usk-icon-arrow-left-4:before {
684 content: "\e91a";
685 }
686
687 .usk-icon-arrow-right-4:before {
688 content: "\e928";
689 }
690
691 .usk-icon-arrow-left-5:before {
692 content: "\e943";
693 }
694
695 .usk-icon-arrow-right-5:before {
696 content: "\e944";
697 }
698
699 .usk-icon-arrow-left-6:before {
700 content: "\e945";
701 }
702
703 .usk-icon-arrow-right-6:before {
704 content: "\e946";
705 }
706
707 .usk-icon-arrow-left-7:before {
708 content: "\e949";
709 }
710
711 .usk-icon-arrow-right-7:before {
712 content: "\e94a";
713 }
714
715 .usk-icon-arrow-left-8:before {
716 content: "\e91e";
717 }
718
719 .usk-icon-arrow-right-8:before {
720 content: "\e92c";
721 }
722
723 .usk-icon-arrow-left-9:before {
724 content: "\e91f";
725 }
726
727 .usk-icon-arrow-right-9:before {
728 content: "\e92d";
729 }
730
731 .usk-icon-arrow-left-10:before {
732 content: "\e920";
733 }
734
735 .usk-icon-arrow-right-10:before {
736 content: "\e92e";
737 }
738
739 .usk-icon-arrow-left-11:before {
740 content: "\e921";
741 }
742
743 .usk-icon-arrow-right-11:before {
744 content: "\e92f";
745 }
746
747 .usk-icon-arrow-left-12:before {
748 content: "\e94b";
749 }
750
751 .usk-icon-arrow-right-12:before {
752 content: "\e94c";
753 }
754
755 .usk-icon-arrow-left-13:before {
756 content: "\e922";
757 }
758
759 .usk-icon-arrow-right-13:before {
760 content: "\e930";
761 }
762
763 .usk-icon-arrow-left-14:before {
764 content: "\e91d";
765 }
766
767 .usk-icon-arrow-right-14:before {
768 content: "\e92b";
769 }
770
771 .usk-icon-arrow-left-15:before {
772 content: "\e923";
773 }
774
775 .usk-icon-arrow-right-15:before {
776 content: "\e931";
777 }
778
779 .usk-icon-arrow-left-16:before {
780 content: "\e924";
781 }
782
783 .usk-icon-arrow-right-16:before {
784 content: "\e932";
785 }
786
787 .usk-icon-arrow-left-17:before {
788 content: "\e91c";
789 }
790
791 .usk-icon-arrow-right-17:before {
792 content: "\e92a";
793 }
794
795 .usk-icon-arrow-left-18:before {
796 content: "\e91b";
797 }
798
799 .usk-icon-arrow-right-18:before {
800 content: "\e929";
801 }
802
803 .usk-icon-arrow-up-1:before {
804 content: "\e933";
805 }
806
807 .usk-icon-arrow-down-1:before {
808 content: "\e910";
809 }
810
811 .usk-icon-arrow-up-2:before {
812 content: "\e934";
813 }
814
815 .usk-icon-arrow-down-2:before {
816 content: "\e911";
817 }
818
819 .usk-icon-arrow-up-3:before {
820 content: "\e935";
821 }
822
823 .usk-icon-arrow-down-3:before {
824 content: "\e912";
825 }
826
827 .usk-icon-arrow-up-4:before {
828 content: "\e936";
829 }
830
831 .usk-icon-arrow-down-4:before {
832 content: "\e913";
833 }
834
835 .usk-icon-arrow-up-5:before {
836 content: "\e937";
837 }
838
839 .usk-icon-arrow-down-5:before {
840 content: "\e915";
841 }
842
843 .usk-icon-arrow-up-7:before {
844 content: "\e938";
845 }
846
847 .usk-icon-arrow-down-7:before {
848 content: "\e916";
849 }
850
851 .usk-icon-arrow-up-8:before {
852 content: "\e939";
853 }
854
855 .usk-icon-arrow-down-8:before {
856 content: "\e947";
857 }
858
859 .usk-icon-arrow-left-circle-1:before {
860 content: "\e93b";
861 }
862
863 .usk-icon-arrow-right-circle-1:before {
864 content: "\e93f";
865 }
866
867 .usk-icon-arrow-left-circle-2:before {
868 content: "\e93c";
869 }
870
871 .usk-icon-arrow-right-circle-2:before {
872 content: "\e940";
873 }
874
875 .usk-icon-arrow-left-circle-3:before {
876 content: "\e93d";
877 }
878
879 .usk-icon-arrow-right-circle-3:before {
880 content: "\e941";
881 }
882
883 .usk-icon-arrow-left-circle-4:before {
884 content: "\e93a";
885 }
886
887 .usk-icon-arrow-right-circle-4:before {
888 content: "\e93e";
889 }
890
891 .usk-icon-arrow-left-square-1:before {
892 content: "\e948";
893 }
894
895 .usk-icon-arrow-right-square-1:before {
896 content: "\e942";
897 }
898
899 .usk-icon-cart:before {
900 content: "\e9b7";
901 }
902
903 .usk-icon-close:before {
904 content: "\e9b8";
905 }
906
907 .usk-icon-ultimate-store-kit:before {
908 content: "\e997";
909 }
910
911 .usk-icon-grid-list:before {
912 content: "\e951";
913 }
914
915 .usk-icon-grid-2:before {
916 content: "\e952";
917 }
918
919 .usk-icon-grid-3:before {
920 content: "\e953";
921 }
922
923 .usk-icon-grid-4:before {
924 content: "\e954";
925 }
926
927 .usk-icon-grid-5:before {
928 content: "\e955";
929 }
930
931 .usk-icon-grid-6:before {
932 content: "\e956";
933 }
934
935 .usk-icon-hexagon-zigzag:before {
936 content: "\e90f";
937 }
938
939 .usk-icon-bulge-rectangle:before {
940 content: "\e90e";
941 }
942
943 .usk-icon-hexagon-radius2:before {
944 content: "\e90d";
945 }
946
947 .usk-icon-hexagon:before {
948 content: "\e90c";
949 }
950
951 .usk-icon-hexagon-radius:before {
952 content: "\e604";
953 }
954
955 .usk-icon-g2:before {
956 content: "\e90b";
957 }
958
959 .usk-icon-plus-2:before {
960 content: "\e908";
961 }
962
963 .usk-icon-user:before {
964 content: "\f007";
965 }
966
967 .usk-icon-eye:before {
968 content: "\f06e";
969 }
970
971 .usk-icon-preview:before {
972 content: "\f06e";
973 }
974
975 .usk-icon-email:before {
976 content: "\f0e0";
977 }
978
979 .usk-icon-meneame:before {
980 content: "\e906";
981 }
982
983 .usk-icon-moimir:before {
984 content: "\e900";
985 }
986
987 .usk-icon-instapaper:before {
988 content: "\e903";
989 }
990
991 .usk-icon-surfingbird:before {
992 content: "\e904";
993 }
994
995 .usk-icon-livejournal:before {
996 content: "\e905";
997 }
998
999 .usk-icon-baidu:before {
1000 content: "\e907";
1001 }
1002
1003 .usk-icon-line:before {
1004 content: "\e90a";
1005 }
1006
1007 .usk-icon-twitter1:before {
1008 content: "\f099";
1009 }
1010
1011 .usk-icon-linkedin:before {
1012 content: "\f0e1";
1013 }
1014
1015 .usk-icon-github:before {
1016 content: "\f113";
1017 }
1018
1019 .usk-icon-youtube:before {
1020 content: "\f167";
1021 }
1022
1023 .usk-icon-xing:before {
1024 content: "\f168";
1025 }
1026
1027 .usk-icon-instagram:before {
1028 content: "\f16d";
1029 }
1030
1031 .usk-icon-tumblr:before {
1032 content: "\f173";
1033 }
1034
1035 .usk-icon-apple:before {
1036 content: "\f179";
1037 }
1038
1039 .usk-icon-android:before {
1040 content: "\f17b";
1041 }
1042
1043 .usk-icon-dribbble:before {
1044 content: "\f17d";
1045 }
1046
1047 .usk-icon-skype:before {
1048 content: "\f17e";
1049 }
1050
1051 .usk-icon-vk:before {
1052 content: "\f189";
1053 }
1054
1055 .usk-icon-weibo:before {
1056 content: "\f18a";
1057 }
1058
1059 .usk-icon-renren:before {
1060 content: "\f18b";
1061 }
1062
1063 .usk-icon-wordpress:before {
1064 content: "\f19a";
1065 }
1066
1067 .usk-icon-google:before {
1068 content: "\f1a0";
1069 }
1070
1071 .usk-icon-delicious:before {
1072 content: "\f1a5";
1073 }
1074
1075 .usk-icon-digg:before {
1076 content: "\f1a6";
1077 }
1078
1079 .usk-icon-soundcloud:before {
1080 content: "\f1be";
1081 }
1082
1083 .usk-icon-wechat:before {
1084 content: "\f1d7";
1085 }
1086
1087 .usk-icon-pinterest:before {
1088 content: "\f231";
1089 }
1090
1091 .usk-icon-whatsapp:before {
1092 content: "\f232";
1093 }
1094
1095 .usk-icon-odnoklassniki:before {
1096 content: "\f263";
1097 }
1098
1099 .usk-icon-pocket:before {
1100 content: "\f265";
1101 }
1102
1103 .usk-icon-safari:before {
1104 content: "\f267";
1105 }
1106
1107 .usk-icon-chrome:before {
1108 content: "\f268";
1109 }
1110
1111 .usk-icon-firefox:before {
1112 content: "\f269";
1113 }
1114
1115 .usk-icon-opera:before {
1116 content: "\f26a";
1117 }
1118
1119 .usk-icon-ie:before {
1120 content: "\f26b";
1121 }
1122
1123 .usk-icon-vimeo:before {
1124 content: "\f27d";
1125 }
1126
1127 .usk-icon-reddit:before {
1128 content: "\f281";
1129 }
1130
1131 .usk-icon-edge:before {
1132 content: "\f282";
1133 }
1134
1135 .usk-icon-blogger:before {
1136 content: "\f37d";
1137 }
1138
1139 .usk-icon-facebook:before {
1140 content: "\f39e";
1141 }
1142
1143 .usk-icon-messenger:before {
1144 content: "\f39f";
1145 }
1146
1147 .usk-icon-googleplay:before {
1148 content: "\f3ab";
1149 }
1150
1151 .usk-icon-mix:before {
1152 content: "\f3cb";
1153 }
1154
1155 .usk-icon-telegram:before {
1156 content: "\f3fe";
1157 }
1158
1159 .usk-icon-uikit:before {
1160 content: "\f403";
1161 }
1162
1163 .usk-icon-viber:before {
1164 content: "\f409";
1165 }
1166
1167 .usk-icon-flipboard:before {
1168 content: "\f44d";
1169 }
1170
1171 .usk-icon-buffer:before {
1172 content: "\f837";
1173 }
1174
1175 .usk-icon-evernote:before {
1176 content: "\f839";
1177 }
1178
1179 .usk-icon-plus:before {
1180 content: "\e909";
1181 }
1182
1183 .usk-icon-search:before {
1184 content: "\e901";
1185 }
1186
1187 .usk-icon-edit:before {
1188 content: "\e914";
1189 }
1190
1191 .usk-icon-video-player:before {
1192 content: "\e961";
1193 }
1194
1195 .usk-icon-tutorial:before {
1196 content: "\e961";
1197 }
1198
1199 .usk-icon-post:before {
1200 content: "\e9ad";
1201 }
1202
1203 .usk-icon-picture:before {
1204 content: "\e9af";
1205 }
1206
1207 .usk-icon-music:before {
1208 content: "\e9b2";
1209 }
1210
1211 .usk-icon-video:before {
1212 content: "\e9b3";
1213 }
1214
1215 .usk-icon-code:before {
1216 content: "\e9bb";
1217 }
1218
1219 .usk-icon-location:before {
1220 content: "\ea3d";
1221 }
1222
1223 .usk-icon-clock:before {
1224 content: "\ea4f";
1225 }
1226
1227 .usk-icon-calendar:before {
1228 content: "\ea5f";
1229 }
1230
1231 .usk-icon-bubble:before {
1232 content: "\eac7";
1233 }
1234
1235 .usk-icon-bubbles:before {
1236 content: "\eac9";
1237 }
1238
1239 .usk-icon-quote:before {
1240 content: "\eae1";
1241 }
1242
1243 .usk-icon-spinner:before {
1244 content: "\eb23";
1245 }
1246
1247 .usk-icon-loading:before {
1248 content: "\eb23";
1249 }
1250
1251 .usk-icon-spinner-2:before {
1252 content: "\eb2a";
1253 }
1254
1255 .usk-icon-enlarge:before {
1256 content: "\eb3c";
1257 }
1258
1259 .usk-icon-lock:before {
1260 content: "\eb51";
1261 }
1262
1263 .usk-icon-menu:before {
1264 content: "\ec71";
1265 }
1266
1267 .usk-icon-website:before {
1268 content: "\ec98";
1269 }
1270
1271 .usk-icon-url:before {
1272 content: "\ec98";
1273 }
1274
1275 .usk-icon-link:before {
1276 content: "\ec9f";
1277 }
1278
1279 .usk-icon-star-empty:before {
1280 content: "\ece0";
1281 }
1282
1283 .usk-icon-star-half:before {
1284 content: "\ece1";
1285 }
1286
1287 .usk-icon-star-full:before {
1288 content: "\ece2";
1289 }
1290
1291 .usk-icon-heart-full:before {
1292 content: "\ecec";
1293 }
1294
1295 .usk-icon-heart-empty:before {
1296 content: "\eced";
1297 }
1298
1299 .usk-icon-gallery:before {
1300 content: "\ed3f";
1301 }
1302
1303 .usk-icon-question:before {
1304 content: "\ed55";
1305 }
1306
1307 .usk-icon-plus3:before {
1308 content: "\ed5d";
1309 }
1310
1311 .usk-icon-checkmark:before {
1312 content: "\ed71";
1313 }
1314
1315 .usk-icon-new-tab:before {
1316 content: "\eec9";
1317 }
1318
1319 .usk-icon-behance:before {
1320 content: "\ef07";
1321 }
1322
1323 .usk-icon-yelp:before {
1324 content: "\ef36";
1325 }
1326
1327 .usk-page-checkout {
1328 display: grid;
1329 grid-template-columns: repeat(1, 1fr);
1330 grid-gap: 40px;
1331 }
1332 .usk-page-checkout .usk-checkout-billing-address .usk-checkout-billing-address-header {
1333 font-size: 25px;
1334 margin: 0 0 20px;
1335 text-transform: capitalize;
1336 font-weight: 700;
1337 color: #222331;
1338 }
1339 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper {
1340 display: grid;
1341 grid-template-columns: repeat(6, 1fr);
1342 grid-gap: 20px;
1343 }
1344 .usk-page-checkout .usk-checkout-billing-address .form-row {
1345 display: flex;
1346 grid-gap: 8px;
1347 flex-direction: column;
1348 margin: 0;
1349 grid-column: span 6/auto;
1350 }
1351 .usk-page-checkout .usk-checkout-billing-address label {
1352 font-size: 14px;
1353 color: #2d2d30;
1354 text-transform: capitalize;
1355 }
1356 .usk-page-checkout .usk-checkout-billing-address .input-text,
1357 .usk-page-checkout .usk-checkout-billing-address select {
1358 width: 100%;
1359 padding: 12px;
1360 border: 1px solid #ddd;
1361 border-radius: 3px;
1362 color: #4f4f58;
1363 outline: none;
1364 }
1365 .usk-page-checkout .usk-checkout-billing-address .input-text:focus,
1366 .usk-page-checkout .usk-checkout-billing-address select:focus {
1367 outline: 1px solid rgba(176, 172, 172, 0.94);
1368 }
1369 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper {
1370 display: grid;
1371 grid-template-columns: repeat(6, 1fr);
1372 grid-gap: 20px;
1373 }
1374 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row {
1375 grid-column: span 6/auto;
1376 }
1377 .usk-page-checkout .usk-checkout-shipping-form #ship-to-different-address {
1378 font-size: 20px;
1379 text-transform: capitalize;
1380 color: #42454d;
1381 font-family: system-ui;
1382 margin: 0 0 20px;
1383 text-align: right;
1384 }
1385 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-form__label-for-checkbox {
1386 display: flex;
1387 align-items: center;
1388 grid-gap: 8px;
1389 }
1390 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-form__input-checkbox {
1391 margin: 0;
1392 width: 16px;
1393 height: 16px;
1394 }
1395 .usk-page-checkout .usk-checkout-shipping-form .form-row {
1396 margin: 0;
1397 display: flex;
1398 grid-gap: 6px;
1399 flex-direction: column;
1400 }
1401 .usk-page-checkout .usk-checkout-shipping-form .form-row label {
1402 font-size: 12px;
1403 color: #43434e;
1404 text-transform: capitalize;
1405 }
1406 .usk-page-checkout .usk-checkout-shipping-form .form-row .input-text,
1407 .usk-page-checkout .usk-checkout-shipping-form .form-row .country_to_state,
1408 .usk-page-checkout .usk-checkout-shipping-form .form-row .state_select {
1409 width: 100%;
1410 border: 1px solid #ddd;
1411 border-radius: 3px;
1412 outline: none;
1413 padding: 12px;
1414 }
1415 .usk-page-checkout .usk-checkout-shipping-form .form-row .input-text:focus,
1416 .usk-page-checkout .usk-checkout-shipping-form .form-row .country_to_state:focus,
1417 .usk-page-checkout .usk-checkout-shipping-form .form-row .state_select:focus {
1418 outline: 1px solid #c3c3ca;
1419 }
1420 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table {
1421 width: 100%;
1422 border-collapse: collapse;
1423 }
1424 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table thead {
1425 background-color: #f2f2f2;
1426 }
1427 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th,
1428 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1429 border: 1px solid #e0e0e0;
1430 text-align: right;
1431 padding: 15px;
1432 }
1433 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th {
1434 font-size: 16px;
1435 text-transform: capitalize;
1436 color: #28283b;
1437 }
1438 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table tr:nth-child(even) {
1439 background-color: #f2f2f2;
1440 }
1441 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1442 font-size: 14px;
1443 color: #5f6176;
1444 text-transform: capitalize;
1445 }
1446 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table tfoot th {
1447 color: #28283b;
1448 }
1449 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table .order-total td,
1450 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table .cart-subtotal td {
1451 color: #28283b;
1452 font-weight: 700;
1453 }
1454 .usk-page-checkout .usk-checkout-payment .wc_payment_methods {
1455 margin: 0;
1456 padding: 0;
1457 list-style: none;
1458 }
1459 .usk-page-checkout .usk-checkout-payment .wc_payment_method.payment_method_bacs {
1460 margin: 0 0 20px;
1461 }
1462 .usk-page-checkout .usk-checkout-payment label {
1463 font-size: 14px;
1464 text-transform: capitalize;
1465 color: #5e5d6b;
1466 }
1467 .usk-page-checkout .usk-checkout-payment .input-radio {
1468 margin: 0;
1469 }
1470 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs {
1471 margin: 10px 0 0;
1472 }
1473 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs,
1474 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text {
1475 font-size: 14px;
1476 color: #6b6e83;
1477 line-height: 1.5;
1478 }
1479 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs p,
1480 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text p {
1481 margin: 0;
1482 }
1483 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text {
1484 margin: 0 0 30px;
1485 }
1486 .usk-page-checkout .usk-checkout-payment .payment_method_paypal {
1487 display: flex;
1488 align-items: center;
1489 grid-gap: 12px;
1490 margin: 17px 0;
1491 }
1492 .usk-page-checkout .usk-checkout-payment .payment_method_paypal img {
1493 width: 145px;
1494 margin: 0 10px;
1495 }
1496 .usk-page-checkout .usk-checkout-payment .place-order .button {
1497 padding: 14px;
1498 background-color: #0075ff;
1499 border: 0;
1500 color: #fff;
1501 text-transform: uppercase;
1502 font-size: 11px;
1503 font-weight: 700;
1504 cursor: pointer;
1505 border-radius: 3px;
1506 transition: all 0.3s ease;
1507 }
1508 .usk-page-checkout .usk-checkout-payment .place-order .button:hover {
1509 background-color: #0267dc;
1510 }
1511 .usk-page-checkout .usk-checkout-address-wrapper,
1512 .usk-page-checkout .usk-checkout-details-wrapper {
1513 display: flex;
1514 flex-direction: column;
1515 gap: 30px;
1516 }
1517
1518 @media (min-width: 768px) {
1519 .usk-page-checkout {
1520 grid-template-columns: repeat(2, 1fr);
1521 }
1522 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper .form-row:first-child {
1523 grid-column: span 3/auto;
1524 }
1525 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper .form-row:nth-child(2) {
1526 grid-column: span 3/auto;
1527 }
1528 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row:first-child {
1529 grid-column: span 3/auto;
1530 }
1531 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row:nth-child(2) {
1532 grid-column: span 3/auto;
1533 }
1534 .usk-page-checkout .usk-checkout-shipping-form #ship-to-different-address {
1535 font-size: 20px;
1536 margin: 0 0 30px;
1537 }
1538 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th,
1539 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1540 padding: 10px 20px;
1541 }
1542 }
1543 .usk-page-cart .woocommerce-cart-form .shop_table {
1544 border: 1px solid rgba(0, 0, 0, 0.1);
1545 border-collapse: collapse;
1546 margin: 0;
1547 text-align: center;
1548 width: 100%;
1549 border-radius: 5px;
1550 }
1551 .usk-page-cart .woocommerce-cart-form .shop_table th,
1552 .usk-page-cart .woocommerce-cart-form .shop_table td {
1553 padding: 10px 12px;
1554 line-height: 1.5em;
1555 background: transparent;
1556 }
1557 .usk-page-cart .woocommerce-cart-form .shop_table th {
1558 border: 1px solid rgba(222, 220, 220, 0.5803921569);
1559 font-size: 14px;
1560 color: #fff;
1561 text-transform: uppercase;
1562 font-weight: 700;
1563 background: #e62a3f;
1564 }
1565 .usk-page-cart .woocommerce-cart-form .shop_table td {
1566 border-top: none;
1567 border: 1px solid rgba(222, 220, 220, 0.5803921569);
1568 border-bottom: none;
1569 vertical-align: middle;
1570 font-size: 14px;
1571 text-transform: capitalize;
1572 font-weight: 400;
1573 color: #929292;
1574 }
1575 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-remove .remove {
1576 display: inline-block;
1577 font-size: 17px;
1578 height: 25px;
1579 width: 25px;
1580 line-height: 25px;
1581 text-align: center;
1582 border-radius: 100%;
1583 color: #e62a3f !important;
1584 text-decoration: none;
1585 font-weight: 700;
1586 border: 0;
1587 transition: all 0.3s ease;
1588 margin: auto;
1589 background: transparent;
1590 }
1591 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-remove .remove:hover {
1592 background: #e62a3f;
1593 color: #fff !important;
1594 }
1595 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-image a img {
1596 width: 80px;
1597 height: 80px;
1598 outline: none;
1599 }
1600 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-title {
1601 text-align: right;
1602 }
1603 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-title a {
1604 color: #e62a3f;
1605 font-weight: 500;
1606 transition: all 0.3s ease;
1607 }
1608 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-title a:hover {
1609 color: #f00;
1610 }
1611 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-quantity .qty {
1612 width: 90px;
1613 height: 42px;
1614 text-align: right;
1615 outline: none;
1616 color: #7b7373;
1617 border: 1px solid #d6d4d4;
1618 background: transparent;
1619 border-radius: 2px;
1620 }
1621 .usk-page-cart .woocommerce-cart-form .shop_table .usk-product-quantity .qty:focus {
1622 border: 1px solid #b3aaaa;
1623 }
1624 .usk-page-cart .woocommerce-cart-form .shop_table .actions {
1625 text-align: left !important;
1626 }
1627 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon {
1628 float: none;
1629 margin: 0;
1630 padding-bottom: 0;
1631 display: flex;
1632 flex-wrap: wrap;
1633 align-items: center;
1634 gap: 6px;
1635 }
1636 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
1637 width: 135px;
1638 border: 1px solid #ded3d3;
1639 outline: none;
1640 font-size: 14px;
1641 text-align: center;
1642 font-weight: 500;
1643 border-radius: 2px;
1644 background: transparent;
1645 padding: 6px 6px 5px;
1646 float: initial;
1647 line-height: 1.5;
1648 }
1649 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text::placeholder {
1650 color: #c1aeae;
1651 }
1652 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {
1653 border: 1px solid #7b7373;
1654 }
1655 .usk-page-cart .woocommerce-cart-form .shop_table .actions .button {
1656 width: 100% !important;
1657 background: transparent;
1658 border: 1px solid #e62a3f;
1659 color: #e62a3f;
1660 font-size: 14px;
1661 font-weight: 600;
1662 transition: all 0.3s ease;
1663 border-radius: 2px;
1664 outline: none;
1665 opacity: 1;
1666 cursor: pointer;
1667 line-height: 1.5;
1668 padding: 6px 6px 5px;
1669 }
1670 .usk-page-cart .woocommerce-cart-form .shop_table .actions .button:hover {
1671 background-color: #e62a3f;
1672 color: #fff;
1673 }
1674 .usk-page-cart .woocommerce-cart-form .shop_table_responsive tr {
1675 margin: 0;
1676 }
1677 .usk-page-cart .woocommerce-cart-form .shop_table_responsive tr:nth-child(2n) td {
1678 background-color: #eaeff3;
1679 }
1680 .usk-page-cart .woocommerce-cart-form .shop_table_responsive tr:nth-child(2n+1) td {
1681 background-color: transparent;
1682 }
1683 .usk-page-cart .cart-collaterals {
1684 margin-top: 50px;
1685 }
1686 .usk-page-cart .cart-collaterals .cart_totals h2 {
1687 font-size: 22px;
1688 text-transform: capitalize;
1689 font-weight: 600;
1690 color: #e62a3f;
1691 margin: 0;
1692 margin-bottom: 30px;
1693 }
1694 .usk-page-cart .cart-collaterals .cart_totals .shop_table {
1695 border: 1px solid rgba(0, 0, 0, 0.1);
1696 border-collapse: collapse;
1697 margin: 0;
1698 margin-bottom: 20px;
1699 text-align: center;
1700 }
1701 .usk-page-cart .cart-collaterals .cart_totals .shop_table th,
1702 .usk-page-cart .cart-collaterals .cart_totals .shop_table td {
1703 border: 1px solid rgba(0, 0, 0, 0.1);
1704 width: 100%;
1705 padding: 10px 12px;
1706 line-height: 1.5em;
1707 background: transparent;
1708 }
1709 .usk-page-cart .cart-collaterals .cart_totals .shop_table th {
1710 font-size: 14px;
1711 color: #565656;
1712 text-transform: uppercase;
1713 font-weight: 700;
1714 }
1715 .usk-page-cart .cart-collaterals .cart_totals .shop_table td .woocommerce-Price-amount {
1716 font-size: 14px;
1717 color: rgba(72, 67, 67, 0.7490196078);
1718 }
1719 .usk-page-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
1720 padding: 0;
1721 }
1722 .usk-page-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
1723 background-color: #e62a3f;
1724 color: #ffffff;
1725 width: 100%;
1726 text-align: center;
1727 height: 50px;
1728 line-height: 50px;
1729 padding: 0;
1730 font-size: 12px;
1731 text-transform: uppercase;
1732 transition: all 0.3s ease;
1733 margin: 0;
1734 border: none;
1735 border-radius: 2px;
1736 text-decoration: none !important;
1737 }
1738 .usk-page-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button:hover {
1739 background: #c50847;
1740 }
1741
1742 @media (min-width: 1024px) {
1743 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon {
1744 float: right;
1745 }
1746 .usk-page-cart .woocommerce-cart-form .shop_table .actions .button {
1747 width: 130px !important;
1748 font-size: 14px;
1749 }
1750 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon {
1751 margin-bottom: 0;
1752 }
1753 .usk-page-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
1754 width: 140px;
1755 font-size: 14px;
1756 }
1757 .usk-page-cart .cart-collaterals .cart_totals .shop_table th,
1758 .usk-page-cart .cart-collaterals .cart_totals .shop_table td {
1759 width: 50%;
1760 }
1761 .usk-page-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
1762 height: 55px;
1763 line-height: 55px;
1764 font-size: 14px;
1765 }
1766 }
1767 .woocommerce-MyAccount-navigation ul {
1768 margin: 0;
1769 padding: 0;
1770 list-style: none;
1771 }
1772 .woocommerce-MyAccount-navigation ul li a {
1773 color: #3c3c47;
1774 font-weight: 600;
1775 font-size: 13px;
1776 text-transform: capitalize;
1777 display: block;
1778 padding: 10px 15px;
1779 transition: background-color 0.3s ease;
1780 }
1781 .woocommerce-MyAccount-navigation ul li.is-active a {
1782 background-color: #f1f1f1;
1783 }
1784 .woocommerce-MyAccount-navigation ul li:hover a {
1785 background-color: #f7f7f7;
1786 }
1787
1788 .woocommerce-MyAccount-content p {
1789 margin: 0 0 20px;
1790 font-size: 14px;
1791 color: #797d85;
1792 font-weight: 400;
1793 }
1794 .woocommerce-MyAccount-content a {
1795 color: #000;
1796 }
1797
1798 @media (min-width: 768px) {
1799 .usk-page-my-account .woocommerce {
1800 flex-direction: row;
1801 }
1802 .usk-page-my-account .woocommerce-MyAccount-navigation {
1803 padding-left: 30px;
1804 border-left: 1px solid #ddd;
1805 }
1806 }
1807 .usk-page-single .woocommerce-product-gallery {
1808 opacity: 1 !important;
1809 }
1810 .usk-page-single input {
1811 line-height: 1 !important;
1812 }
1813 .usk-page-single button {
1814 line-height: 1.2;
1815 }
1816 .usk-page-single form.cart * {
1817 text-align: center;
1818 }
1819 .usk-page-single .woocommerce ul.products {
1820 display: inline-block !important;
1821 }
1822 .usk-page-single .woocommerce ul.products li {
1823 border: 1px solid #eee;
1824 padding: 30px !important;
1825 display: inline-block;
1826 border-radius: 5px;
1827 }
1828 .usk-page-single .product_meta {
1829 display: flex;
1830 flex-direction: column;
1831 }
1832
1833 .usk-florence-grid .usk-item {
1834 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
1835 overflow: hidden;
1836 }
1837 .usk-florence-grid .usk-item:hover .usk-shoping a {
1838 transform: translateX(0px);
1839 }
1840 .usk-florence-grid .usk-shoping {
1841 bottom: clamp(10px, 1vw, 25px);
1842 left: clamp(10px, 1vw, 25px);
1843 }
1844 .usk-florence-grid .usk-shoping a {
1845 transform: translateX(-25px);
1846 }
1847 .usk-florence-grid .usk-badge-label-wrapper {
1848 right: 0;
1849 top: 0;
1850 }
1851 .usk-florence-grid .usk-content {
1852 background: #fff;
1853 }
1854 .usk-florence-grid .usk-grid-layout .usk-price {
1855 margin: 0;
1856 }
1857 .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-price {
1858 opacity: 1;
1859 transition: all 0.3s ease;
1860 transform: translateY(0);
1861 }
1862 .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-rating {
1863 transform: translateY(0);
1864 opacity: 0;
1865 transition: all 0.3s ease;
1866 }
1867 .usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-rating {
1868 transform: translateY(-20px);
1869 opacity: 1;
1870 }
1871 .usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-price {
1872 transform: translateY(-20px);
1873 opacity: 0;
1874 visibility: hidden;
1875 }
1876 .usk-florence-grid .usk-grid-layout .usk-rating {
1877 position: absolute;
1878 width: 100%;
1879 display: flex;
1880 }
1881
1882 .usk-florence-carousel .usk-item {
1883 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
1884 overflow: hidden;
1885 }
1886 .usk-florence-carousel .usk-item:hover .usk-shoping a {
1887 transform: translateX(0px);
1888 }
1889 .usk-florence-carousel .usk-shoping {
1890 bottom: clamp(10px, 1vw, 25px);
1891 left: clamp(10px, 1vw, 25px);
1892 }
1893 .usk-florence-carousel .usk-shoping a {
1894 transform: translateX(-25px);
1895 }
1896 .usk-florence-carousel .usk-badge-label-wrapper {
1897 right: 0;
1898 top: 0;
1899 }
1900 .usk-florence-carousel .usk-content {
1901 height: 100%;
1902 background: #fff;
1903 }
1904 .usk-florence-carousel .usk-content-inner {
1905 width: 100%;
1906 position: relative;
1907 }
1908 .usk-florence-carousel .usk-have-rating .usk-price {
1909 opacity: 1;
1910 transition: all 0.3s ease;
1911 transform: translateY(0);
1912 margin-bottom: 0;
1913 }
1914 .usk-florence-carousel .usk-have-rating .usk-rating {
1915 transform: translateY(0);
1916 opacity: 0;
1917 transition: all 0.3s ease;
1918 }
1919 .usk-florence-carousel .usk-have-rating:hover .usk-rating {
1920 transform: translateY(-20px);
1921 opacity: 1;
1922 }
1923 .usk-florence-carousel .usk-have-rating:hover .usk-price {
1924 transform: translateY(-20px);
1925 opacity: 0;
1926 visibility: hidden;
1927 }
1928 .usk-florence-carousel .usk-item .usk-rating {
1929 position: absolute;
1930 width: 100%;
1931 display: flex;
1932 }
1933
1934 .usk-glossy-grid .usk-item:hover .usk-shoping a {
1935 transform: translateY(0px);
1936 }
1937 .usk-glossy-grid .usk-item-box {
1938 z-index: 1;
1939 }
1940 .usk-glossy-grid .usk-shoping {
1941 top: clamp(10px, 1vw, 25px);
1942 right: clamp(10px, 1vw, 25px);
1943 }
1944 .usk-glossy-grid .usk-shoping a {
1945 transform: translateY(-10px);
1946 }
1947 .usk-glossy-grid .usk-badge-label-wrapper {
1948 left: 0;
1949 top: 0;
1950 }
1951 .usk-glossy-grid .usk-product-hover {
1952 position: absolute;
1953 transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
1954 transform: scale(0.95) translateY(0) translateZ(0);
1955 display: block;
1956 height: calc(100% + 24px);
1957 width: calc(100% + 24px);
1958 z-index: 0;
1959 top: -12px;
1960 right: -12px;
1961 }
1962 .usk-glossy-grid .usk-product-hover:before {
1963 content: "";
1964 position: absolute;
1965 z-index: -1;
1966 width: 100%;
1967 height: 100%;
1968 top: 0;
1969 right: 0;
1970 transform-origin: center;
1971 opacity: 0;
1972 transition: opacity 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
1973 box-shadow: 0 8px 55px rgba(0, 0, 0, 0.15);
1974 }
1975 .usk-glossy-grid .usk-item:hover .usk-product-hover {
1976 transform: scale(1) translateY(0) translateZ(0);
1977 }
1978 .usk-glossy-grid .usk-item:hover .usk-product-hover:before {
1979 opacity: 1;
1980 pointer-events: all;
1981 }
1982
1983 .usk-glossy-carousel .usk-item {
1984 overflow: inherit;
1985 }
1986 .usk-glossy-carousel .usk-item:hover .usk-shoping a {
1987 transform: translateY(0px);
1988 }
1989 .usk-glossy-carousel .usk-item-box {
1990 z-index: 1;
1991 }
1992 .usk-glossy-carousel .usk-shoping {
1993 top: clamp(10px, 1vw, 25px);
1994 right: clamp(10px, 1vw, 25px);
1995 }
1996 .usk-glossy-carousel .usk-shoping a {
1997 transform: translateY(-10px);
1998 }
1999 .usk-glossy-carousel .usk-badge-label-wrapper {
2000 left: 0;
2001 top: 0;
2002 }
2003 .usk-glossy-carousel .usk-product-hover {
2004 position: absolute;
2005 transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
2006 transform: scale(0.95) translateY(0) translateZ(0);
2007 display: block;
2008 height: calc(100% + 24px);
2009 width: calc(100% + 24px);
2010 z-index: 0;
2011 top: -12px;
2012 right: -12px;
2013 }
2014 .usk-glossy-carousel .usk-product-hover:before {
2015 content: "";
2016 position: absolute;
2017 z-index: -1;
2018 width: 100%;
2019 height: 100%;
2020 top: 0;
2021 right: 0;
2022 transform-origin: center;
2023 opacity: 0;
2024 transition: opacity 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
2025 box-shadow: 0 8px 55px rgba(0, 0, 0, 0.15);
2026 }
2027 .usk-glossy-carousel .usk-item:hover .usk-product-hover {
2028 transform: scale(1) translateY(0) translateZ(0);
2029 }
2030 .usk-glossy-carousel .usk-item:hover .usk-product-hover:before {
2031 opacity: 1;
2032 pointer-events: all;
2033 }
2034
2035 .usk-product-accordion .usk-accordion-trigger {
2036 font: bold clamp(14px, 1vw, 18px) "Arial", sans-serif;
2037 color: #ffffff;
2038 text-align: right;
2039 width: 100%;
2040 padding: 15px;
2041 display: block;
2042 cursor: pointer;
2043 background-color: transparent;
2044 -webkit-transition: color 0.25s ease;
2045 transition: color 0.25s ease;
2046 position: relative;
2047 text-decoration: none;
2048 margin: 0;
2049 border: 0;
2050 transition: all 0.3s ease;
2051 overflow: hidden;
2052 }
2053 .usk-product-accordion .usk-accordion-trigger::after {
2054 content: "+";
2055 transform: translate(0, -50%);
2056 position: absolute;
2057 left: -1px;
2058 top: 50%;
2059 display: inline-flex;
2060 align-items: center;
2061 justify-content: center;
2062 }
2063 .usk-product-accordion .usk-accordion-trigger:focus {
2064 color: #808080;
2065 }
2066 .usk-product-accordion .usk-accordion-header {
2067 background-color: #e91e63;
2068 }
2069 .usk-product-accordion .usk-accordion {
2070 border-radius: 8px;
2071 box-sizing: border-box;
2072 text-decoration: none;
2073 margin: 0;
2074 overflow: hidden;
2075 }
2076 .usk-product-accordion .usk-accordion:nth-last-child(1) {
2077 margin-bottom: 0 !important;
2078 }
2079 .usk-product-accordion .usk-accordion .usk-item-box {
2080 overflow: hidden;
2081 transition-property: height, visibility;
2082 transition-timing-function: ease;
2083 margin: 0;
2084 }
2085 .usk-product-accordion .usk-accordion.js-enabled .usk-item-box {
2086 visibility: hidden;
2087 }
2088 .usk-product-accordion .usk-accordion:not(.js-enabled) .usk-item-box {
2089 height: 0;
2090 }
2091 .usk-product-accordion .usk-accordion.usk-active .usk-item-box {
2092 visibility: visible;
2093 }
2094 .usk-product-accordion .usk-accordion.usk-active .usk-accordion-trigger::after {
2095 content: "";
2096 }
2097 .usk-product-accordion .usk-single-item {
2098 display: grid;
2099 grid-template-columns: repeat(1, 1fr);
2100 background: #fff;
2101 padding: clamp(20px, 2vw, 30px);
2102 position: relative;
2103 }
2104 .usk-product-accordion .usk-single-item-box {
2105 position: relative;
2106 gap: 20px;
2107 }
2108 .usk-product-accordion .usk-image {
2109 width: 100%;
2110 height: 100%;
2111 overflow: hidden;
2112 }
2113 .usk-product-accordion .usk-image a img {
2114 width: 100%;
2115 height: 100%;
2116 }
2117 .usk-product-accordion .usk-content-wrapper {
2118 width: 100%;
2119 }
2120 .usk-product-accordion .usk-category {
2121 margin-bottom: 15px;
2122 }
2123 .usk-product-accordion .usk-category a {
2124 text-decoration: none;
2125 font-size: 12px;
2126 font-weight: 500;
2127 border: 1px solid #e91e63;
2128 padding: 5px 15px;
2129 text-transform: uppercase;
2130 color: #e91e63;
2131 transition: all 0.3s ease;
2132 }
2133 .usk-product-accordion .usk-category a:hover {
2134 background: #e91e63;
2135 color: #fff;
2136 }
2137 .usk-product-accordion .usk-price {
2138 color: #32393b;
2139 font-size: 16px;
2140 font-weight: 700;
2141 margin-bottom: 10px;
2142 }
2143 .usk-product-accordion .usk-price del {
2144 color: #a09c9c;
2145 font-weight: 400;
2146 }
2147 .usk-product-accordion .usk-price ins {
2148 text-decoration: none;
2149 padding-right: 8px;
2150 }
2151 .usk-product-accordion .usk-desc {
2152 font-size: 14px;
2153 color: #6f6f6f;
2154 max-width: 500px;
2155 margin-bottom: 10px;
2156 }
2157 .usk-product-accordion .usk-rating {
2158 margin-bottom: 15px;
2159 display: inline-block;
2160 }
2161 .usk-product-accordion .usk-shoping {
2162 display: flex;
2163 align-items: center;
2164 grid-column-gap: 10px;
2165 }
2166 .usk-product-accordion .usk-shoping .usk-button {
2167 position: relative;
2168 }
2169 .usk-product-accordion .usk-shoping .usk-button.added {
2170 display: none;
2171 transition: all 3s ease-in-out;
2172 }
2173 .usk-product-accordion .usk-shoping .usk-button.loading::after {
2174 content: "";
2175 width: 12px;
2176 height: 12px;
2177 border: 2px dotted #fff;
2178 border-radius: 50%;
2179 display: inline-block;
2180 position: absolute;
2181 top: 35%;
2182 margin-right: -12px;
2183 text-align: center;
2184 animation: rotation 2s linear infinite;
2185 }
2186 .usk-product-accordion .usk-shoping .usk-button.loading i {
2187 transition: all 0.3s ease-in-out;
2188 transform: translate(-70px);
2189 opacity: 0.02;
2190 }
2191 .usk-product-accordion .usk-shoping .added_to_cart {
2192 transition: all 3s ease;
2193 }
2194 .usk-product-accordion .usk-shoping .added_to_cart::after {
2195 content: "";
2196 margin-right: 5px;
2197 font-size: 13px;
2198 }
2199 .usk-product-accordion .usk-shoping .added_to_cart i {
2200 display: none;
2201 }
2202 .usk-product-accordion .usk-shoping .usk-button,
2203 .usk-product-accordion .usk-shoping .added_to_cart {
2204 background: #2b2d42;
2205 display: inline-block;
2206 padding: 11px 22px;
2207 color: #fff;
2208 font-size: 12px;
2209 font-weight: 700;
2210 text-transform: capitalize;
2211 transition: all 0.3s ease;
2212 }
2213 .usk-product-accordion .usk-shoping .usk-button a,
2214 .usk-product-accordion .usk-shoping .added_to_cart a {
2215 color: #fff;
2216 }
2217 .usk-product-accordion .usk-shoping .usk-button .button-icon,
2218 .usk-product-accordion .usk-shoping .added_to_cart .button-icon {
2219 margin-right: -5px;
2220 transition: all 0.3s ease;
2221 opacity: 0;
2222 visibility: hidden;
2223 }
2224 .usk-product-accordion .usk-shoping .usk-button:hover .button-icon,
2225 .usk-product-accordion .usk-shoping .added_to_cart:hover .button-icon {
2226 margin-right: 10px;
2227 opacity: 1;
2228 visibility: visible;
2229 }
2230 .usk-product-accordion .usk-shoping .usk-action-btn {
2231 display: inline-block;
2232 text-decoration: none;
2233 text-align: center;
2234 padding: 7px 12px;
2235 border: 1px solid #2b2d42;
2236 }
2237 .usk-product-accordion .usk-shoping .usk-shoping-icon-wishlist {
2238 color: #2b2d42;
2239 transition: all 0.3s ease;
2240 }
2241 .usk-product-accordion .usk-shoping .usk-shoping-icon-wishlist:hover {
2242 color: #fff;
2243 background: #000;
2244 }
2245 .usk-product-accordion .usk-shoping .usk-compare {
2246 color: #2b2d42;
2247 transition: all 0.3s ease;
2248 }
2249 .usk-product-accordion .usk-shoping .usk-compare:hover {
2250 color: #fff;
2251 background: #000;
2252 }
2253 .usk-product-accordion .usk-shoping .usk-shoping-icon-quickview {
2254 color: #2b2d42;
2255 transition: all 0.3s ease;
2256 }
2257 .usk-product-accordion .usk-shoping .usk-shoping-icon-quickview:hover {
2258 color: #fff;
2259 background: #000;
2260 }
2261 .usk-product-accordion .usk-badge-label-wrapper {
2262 position: absolute;
2263 top: 0;
2264 left: 0;
2265 margin: 10px;
2266 }
2267
2268 @media (min-width: 768px) {
2269 .usk-product-accordion .usk-badge-label-wrapper {
2270 margin: 0;
2271 }
2272 }
2273 @keyframes rotation {
2274 0% {
2275 transform: rotate(0deg);
2276 }
2277 100% {
2278 transform: rotate(-360deg);
2279 }
2280 }
2281 .usk-product-category .usk-grid {
2282 grid-template-columns: repeat(1, 1fr);
2283 grid-gap: 20px;
2284 display: grid;
2285 text-decoration: none;
2286 margin: 0 auto;
2287 }
2288 .usk-product-category .category-link {
2289 text-decoration: none;
2290 }
2291 .usk-product-category .usk-item {
2292 position: relative;
2293 transition: all 0.3s ease;
2294 overflow: hidden;
2295 }
2296 .usk-product-category .usk-content {
2297 position: absolute;
2298 }
2299 .usk-product-category .usk-image {
2300 width: 100%;
2301 height: 100%;
2302 overflow: hidden;
2303 }
2304 .usk-product-category .usk-image img {
2305 width: 100%;
2306 height: 100%;
2307 object-fit: cover;
2308 }
2309 .usk-product-category .title {
2310 font-weight: 600;
2311 line-height: 22px;
2312 margin: 0;
2313 text-decoration: none;
2314 transition: all 0.25s ease;
2315 }
2316 .usk-product-category .usk-category-count {
2317 font-size: 13px;
2318 text-transform: uppercase;
2319 margin: 0;
2320 transition: all 0.25s ease;
2321 }
2322 .usk-product-category.style-1 .usk-item {
2323 border-radius: 5px;
2324 }
2325 .usk-product-category.style-1 .usk-item:hover .usk-content {
2326 background: #0c0d0e;
2327 }
2328 .usk-product-category.style-1 .usk-item:hover .title {
2329 color: #fff;
2330 }
2331 .usk-product-category.style-1 .usk-item:hover .usk-category-count span {
2332 opacity: 0;
2333 }
2334 .usk-product-category.style-1 .usk-item:hover .usk-category-count i {
2335 color: #fff;
2336 opacity: 1;
2337 left: 0;
2338 }
2339 .usk-product-category.style-1 .usk-item:hover .usk-image img {
2340 transform: scale(1.1);
2341 }
2342 .usk-product-category.style-1 .usk-content {
2343 padding: 12px 20px;
2344 border-radius: 4px;
2345 background: #fff;
2346 bottom: 0;
2347 right: 0;
2348 left: 0;
2349 margin: clamp(15px, 2vw, 30px);
2350 transition: all 0.25s ease;
2351 display: flex;
2352 justify-content: space-between;
2353 align-items: center;
2354 gap: 10px;
2355 }
2356 .usk-product-category.style-1 .title {
2357 color: #0c0d0e;
2358 font-size: 16px;
2359 }
2360 .usk-product-category.style-1 .usk-category-count {
2361 position: relative;
2362 display: flex;
2363 align-items: center;
2364 flex-shrink: 0;
2365 font-size: 12px;
2366 font-weight: 600;
2367 color: #828282;
2368 gap: 5px;
2369 }
2370 .usk-product-category.style-1 .usk-category-count i {
2371 color: #0c0d0e;
2372 font-size: 17px;
2373 position: absolute;
2374 left: -10px;
2375 transition: 0.25s cubic-bezier(0.5, 1, 0.89, 1);
2376 opacity: 0;
2377 }
2378 .usk-product-category.style-1 .usk-image img {
2379 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2380 will-change: transform;
2381 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2382 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2383 }
2384 .usk-product-category.style-2 .usk-item:hover .usk-image img {
2385 transform: scale(1.1);
2386 }
2387 .usk-product-category.style-2 .usk-item:hover .usk-category-count {
2388 background: #0c0d0e;
2389 color: #fff;
2390 }
2391 .usk-product-category.style-2 .usk-item:hover .usk-category-count i {
2392 transform: translateX(0px);
2393 opacity: 1;
2394 }
2395 .usk-product-category.style-2 .usk-item:hover .usk-count-number {
2396 opacity: 0;
2397 transform: translateX(-15px);
2398 }
2399 .usk-product-category.style-2 .usk-image img {
2400 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2401 will-change: transform;
2402 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2403 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2404 }
2405 .usk-product-category.style-2 .usk-content {
2406 bottom: 0;
2407 right: 0;
2408 left: 0;
2409 display: flex;
2410 align-items: center;
2411 justify-content: space-between;
2412 padding: clamp(20px, 2vw, 30px);
2413 }
2414 .usk-product-category.style-2 .title {
2415 color: #0c0d0e;
2416 font-size: clamp(18px, 2vw, 24px);
2417 }
2418 .usk-product-category.style-2 .usk-category-count {
2419 color: #0c0d0e;
2420 background: #fff;
2421 display: inline-flex;
2422 align-items: center;
2423 justify-content: center;
2424 font-size: 16px;
2425 border-radius: 40px;
2426 height: 48px;
2427 width: 48px;
2428 position: relative;
2429 overflow: hidden;
2430 transition: all 0.25s ease;
2431 }
2432 .usk-product-category.style-2 .usk-category-count i {
2433 position: absolute;
2434 opacity: 0;
2435 transform: translateX(25px);
2436 transition: transform 0.25s ease;
2437 }
2438 .usk-product-category.style-2 .usk-count-number {
2439 transition: all 0.25s ease;
2440 }
2441 .usk-product-category.style-2 .usk-count-text {
2442 display: none;
2443 }
2444 .usk-product-category.style-3 .usk-item:hover .usk-image img {
2445 transform: scale(1.1);
2446 }
2447 .usk-product-category.style-3 .usk-item:hover .title {
2448 transform: translateY(0);
2449 }
2450 .usk-product-category.style-3 .usk-item:hover .usk-category-count {
2451 opacity: 1;
2452 transform: translateY(0);
2453 }
2454 .usk-product-category.style-3 .usk-image img {
2455 transition: all 0.3s ease;
2456 }
2457 .usk-product-category.style-3 .usk-content {
2458 bottom: 0;
2459 padding: 28px;
2460 overflow: hidden;
2461 width: 100%;
2462 }
2463 .usk-product-category.style-3 .title {
2464 color: #0c0d0e;
2465 font-size: clamp(18px, 2vw, 24px);
2466 transform: translateY(30px);
2467 margin-bottom: 8px;
2468 line-height: 1.2;
2469 overflow: hidden;
2470 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
2471 }
2472 .usk-product-category.style-3 .usk-category-count {
2473 color: #828282;
2474 opacity: 0;
2475 transform: translateY(25px);
2476 overflow: hidden;
2477 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
2478 }
2479 .usk-product-category.style-3 .usk-category-count i {
2480 display: none;
2481 }
2482 .usk-product-category.style-4 .usk-item {
2483 display: flex;
2484 align-items: center;
2485 justify-content: center;
2486 }
2487 .usk-product-category.style-4 .usk-item:hover .usk-image img {
2488 transform: scale(1.1);
2489 }
2490 .usk-product-category.style-4 .usk-item:hover .title {
2491 opacity: 0;
2492 }
2493 .usk-product-category.style-4 .usk-item:hover .usk-category-count {
2494 opacity: 1;
2495 transform: translateY(-20px);
2496 }
2497 .usk-product-category.style-4 .usk-image img {
2498 transition: all 0.3s ease;
2499 }
2500 .usk-product-category.style-4 .usk-content {
2501 top: 50%;
2502 transform: translateY(-50%);
2503 text-align: center;
2504 }
2505 .usk-product-category.style-4 .title {
2506 background: #2b2d42;
2507 padding: 5px 10px;
2508 border-radius: 2px;
2509 color: #fff;
2510 font-size: 14px;
2511 transform: translateY(20px);
2512 opacity: 1;
2513 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
2514 }
2515 .usk-product-category.style-4 .usk-category-count {
2516 padding: 5px 10px;
2517 color: #fff;
2518 background: #d90429;
2519 border-radius: 3px;
2520 transform: translateY(-10px);
2521 opacity: 0;
2522 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
2523 }
2524 .usk-product-category.style-4 .usk-category-count i {
2525 display: none;
2526 }
2527 .usk-product-category.style-5 .usk-item:hover {
2528 box-shadow: 0px 9px 16px -4px rgba(0, 0, 0, 0.23);
2529 transition: all 0.3s ease;
2530 }
2531 .usk-product-category.style-5 .title {
2532 color: #0c0d0e;
2533 font-size: clamp(18px, 2vw, 24px);
2534 margin-bottom: 8px;
2535 }
2536 .usk-product-category.style-5 .usk-content {
2537 text-align: center;
2538 padding: 20px 30px;
2539 border-radius: 5px;
2540 width: max-content;
2541 top: 50%;
2542 right: 50%;
2543 transform: translate(50%, -50%);
2544 border: 1px solid #e2e2e2;
2545 backdrop-filter: blur(15px);
2546 background: rgba(255, 255, 255, 0.22);
2547 }
2548 .usk-product-category.style-5 .usk-category-count {
2549 color: #828282;
2550 }
2551 .usk-product-category.style-5 .usk-category-count i {
2552 display: none;
2553 }
2554 .usk-product-category.style-6 .usk-item {
2555 display: flex;
2556 align-items: center;
2557 grid-gap: 15px;
2558 border: 0;
2559 }
2560 .usk-product-category.style-6 .usk-content {
2561 position: relative;
2562 }
2563 .usk-product-category.style-6 .usk-image {
2564 width: 60px;
2565 height: 60px;
2566 padding: 5px;
2567 border-radius: 60px;
2568 border: 1px solid #ddd;
2569 overflow: hidden;
2570 }
2571 .usk-product-category.style-6 .usk-image img {
2572 border-radius: 60px;
2573 }
2574 .usk-product-category.style-6 .usk-category-count {
2575 display: none;
2576 }
2577 .usk-product-category.style-6 .title {
2578 font-size: clamp(16px, 2vw, 18px);
2579 color: #0c0d0e;
2580 }
2581
2582 @media (min-width: 768px) {
2583 .usk-product-category .usk-grid {
2584 grid-template-columns: repeat(2, 1fr);
2585 }
2586 }
2587 @media (min-width: 1024px) {
2588 .usk-product-category .usk-grid {
2589 grid-template-columns: repeat(3, 1fr);
2590 }
2591 }
2592 @keyframes lazy-fadeIn {
2593 0% {
2594 opacity: 0;
2595 }
2596 to {
2597 opacity: 1;
2598 }
2599 }
2600 .usk-product-category-carousel .category-link {
2601 text-decoration: none;
2602 }
2603 .usk-product-category-carousel .usk-item {
2604 position: relative;
2605 transition: all 0.3s ease;
2606 overflow: hidden;
2607 height: auto;
2608 }
2609 .usk-product-category-carousel .usk-content {
2610 position: absolute;
2611 }
2612 .usk-product-category-carousel .usk-image {
2613 width: 100%;
2614 height: 100%;
2615 overflow: hidden;
2616 }
2617 .usk-product-category-carousel .usk-image img {
2618 width: 100%;
2619 height: 100%;
2620 object-fit: cover;
2621 }
2622 .usk-product-category-carousel .title {
2623 font-weight: 600;
2624 line-height: 22px;
2625 margin: 0;
2626 text-decoration: none;
2627 transition: all 0.25s ease;
2628 }
2629 .usk-product-category-carousel .usk-category-count {
2630 font-size: 13px;
2631 text-transform: uppercase;
2632 margin: 0;
2633 transition: all 0.25s ease;
2634 }
2635 .usk-product-category-carousel.style-1 .usk-item {
2636 border-radius: 5px;
2637 }
2638 .usk-product-category-carousel.style-1 .usk-item:hover .usk-content {
2639 background: #0c0d0e;
2640 }
2641 .usk-product-category-carousel.style-1 .usk-item:hover .title {
2642 color: #fff;
2643 }
2644 .usk-product-category-carousel.style-1 .usk-item:hover .usk-category-count span {
2645 opacity: 0;
2646 }
2647 .usk-product-category-carousel.style-1 .usk-item:hover .usk-category-count i {
2648 color: #fff;
2649 opacity: 1;
2650 left: 0;
2651 }
2652 .usk-product-category-carousel.style-1 .usk-item:hover .usk-image img {
2653 transform: scale(1.1);
2654 }
2655 .usk-product-category-carousel.style-1 .usk-content {
2656 padding: 12px 20px;
2657 border-radius: 4px;
2658 background: #fff;
2659 bottom: 0;
2660 right: 0;
2661 left: 0;
2662 margin: clamp(15px, 2vw, 30px);
2663 transition: all 0.25s ease;
2664 display: flex;
2665 justify-content: space-between;
2666 align-items: center;
2667 gap: 10px;
2668 }
2669 .usk-product-category-carousel.style-1 .title {
2670 color: #0c0d0e;
2671 font-size: 16px;
2672 }
2673 .usk-product-category-carousel.style-1 .usk-category-count {
2674 position: relative;
2675 display: flex;
2676 align-items: center;
2677 flex-shrink: 0;
2678 font-size: 12px;
2679 font-weight: 600;
2680 color: #828282;
2681 gap: 5px;
2682 }
2683 .usk-product-category-carousel.style-1 .usk-category-count i {
2684 color: #0c0d0e;
2685 font-size: 17px;
2686 position: absolute;
2687 left: -10px;
2688 transition: 0.25s cubic-bezier(0.5, 1, 0.89, 1);
2689 opacity: 0;
2690 }
2691 .usk-product-category-carousel.style-1 .usk-image img {
2692 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2693 will-change: transform;
2694 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2695 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2696 }
2697 .usk-product-category-carousel.style-2 .usk-item:hover .usk-image img {
2698 transform: scale(1.1);
2699 }
2700 .usk-product-category-carousel.style-2 .usk-item:hover .usk-category-count {
2701 background: #0c0d0e;
2702 color: #fff;
2703 }
2704 .usk-product-category-carousel.style-2 .usk-item:hover .usk-category-count i {
2705 transform: translateX(0px);
2706 opacity: 1;
2707 }
2708 .usk-product-category-carousel.style-2 .usk-item:hover .usk-count-number {
2709 opacity: 0;
2710 transform: translateX(-15px);
2711 }
2712 .usk-product-category-carousel.style-2 .usk-image img {
2713 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2714 will-change: transform;
2715 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2716 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2717 }
2718 .usk-product-category-carousel.style-2 .usk-content {
2719 bottom: 0;
2720 right: 0;
2721 left: 0;
2722 display: flex;
2723 align-items: center;
2724 justify-content: space-between;
2725 padding: clamp(20px, 2vw, 30px);
2726 }
2727 .usk-product-category-carousel.style-2 .title {
2728 color: #0c0d0e;
2729 font-size: clamp(18px, 2vw, 24px);
2730 }
2731 .usk-product-category-carousel.style-2 .usk-category-count {
2732 color: #0c0d0e;
2733 background: #fff;
2734 display: inline-flex;
2735 align-items: center;
2736 justify-content: center;
2737 font-size: 16px;
2738 border-radius: 40px;
2739 height: 48px;
2740 width: 48px;
2741 position: relative;
2742 overflow: hidden;
2743 transition: all 0.25s ease;
2744 }
2745 .usk-product-category-carousel.style-2 .usk-category-count i {
2746 position: absolute;
2747 opacity: 0;
2748 transform: translateX(25px);
2749 transition: transform 0.25s ease;
2750 }
2751 .usk-product-category-carousel.style-2 .usk-count-number {
2752 transition: all 0.25s ease;
2753 }
2754 .usk-product-category-carousel.style-2 .usk-count-text {
2755 display: none;
2756 }
2757 .usk-product-category-carousel.style-3 .usk-item:hover .usk-image img {
2758 transform: scale(1.1);
2759 }
2760 .usk-product-category-carousel.style-3 .usk-item:hover .title {
2761 transform: translateY(0);
2762 }
2763 .usk-product-category-carousel.style-3 .usk-item:hover .usk-category-count {
2764 opacity: 1;
2765 transform: translateY(0);
2766 }
2767 .usk-product-category-carousel.style-3 .usk-image img {
2768 transition: all 0.3s ease;
2769 }
2770 .usk-product-category-carousel.style-3 .usk-content {
2771 bottom: 0;
2772 padding: 28px;
2773 overflow: hidden;
2774 width: 100%;
2775 }
2776 .usk-product-category-carousel.style-3 .title {
2777 color: #0c0d0e;
2778 font-size: clamp(18px, 2vw, 24px);
2779 transform: translateY(30px);
2780 margin-bottom: 8px;
2781 line-height: 1.2;
2782 overflow: hidden;
2783 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
2784 }
2785 .usk-product-category-carousel.style-3 .usk-category-count {
2786 color: #828282;
2787 opacity: 0;
2788 transform: translateY(25px);
2789 overflow: hidden;
2790 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
2791 }
2792 .usk-product-category-carousel.style-3 .usk-category-count i {
2793 display: none;
2794 }
2795 .usk-product-category-carousel.style-4 .usk-item {
2796 display: flex;
2797 align-items: center;
2798 justify-content: center;
2799 }
2800 .usk-product-category-carousel.style-4 .usk-item:hover .usk-image img {
2801 transform: scale(1.1);
2802 }
2803 .usk-product-category-carousel.style-4 .usk-item:hover .title {
2804 opacity: 0;
2805 }
2806 .usk-product-category-carousel.style-4 .usk-item:hover .usk-category-count {
2807 opacity: 1;
2808 transform: translateY(-20px);
2809 }
2810 .usk-product-category-carousel.style-4 .usk-image img {
2811 transition: all 0.3s ease;
2812 }
2813 .usk-product-category-carousel.style-4 .usk-content {
2814 top: 50%;
2815 transform: translateY(-50%);
2816 text-align: center;
2817 }
2818 .usk-product-category-carousel.style-4 .title {
2819 background: #2b2d42;
2820 padding: 5px 10px;
2821 border-radius: 2px;
2822 color: #fff;
2823 font-size: 14px;
2824 transform: translateY(20px);
2825 opacity: 1;
2826 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
2827 }
2828 .usk-product-category-carousel.style-4 .usk-category-count {
2829 padding: 5px 10px;
2830 color: #fff;
2831 background: #d90429;
2832 border-radius: 3px;
2833 transform: translateY(-10px);
2834 opacity: 0;
2835 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
2836 }
2837 .usk-product-category-carousel.style-4 .usk-category-count i {
2838 display: none;
2839 }
2840 .usk-product-category-carousel.style-5 .usk-item:hover {
2841 box-shadow: 0px 9px 16px -4px rgba(0, 0, 0, 0.23);
2842 transition: all 0.3s ease;
2843 }
2844 .usk-product-category-carousel.style-5 .title {
2845 color: #0c0d0e;
2846 font-size: clamp(18px, 2vw, 24px);
2847 margin-bottom: 8px;
2848 }
2849 .usk-product-category-carousel.style-5 .usk-content {
2850 text-align: center;
2851 padding: 20px 30px;
2852 border-radius: 5px;
2853 width: max-content;
2854 top: 50%;
2855 right: 50%;
2856 transform: translate(50%, -50%);
2857 border: 1px solid #e2e2e2;
2858 backdrop-filter: blur(15px);
2859 background: rgba(255, 255, 255, 0.22);
2860 }
2861 .usk-product-category-carousel.style-5 .usk-category-count {
2862 color: #828282;
2863 }
2864 .usk-product-category-carousel.style-5 .usk-category-count i {
2865 display: none;
2866 }
2867 .usk-product-category-carousel.style-6 .usk-item {
2868 display: flex;
2869 align-items: center;
2870 grid-gap: 15px;
2871 border: 0;
2872 }
2873 .usk-product-category-carousel.style-6 .usk-content {
2874 position: relative;
2875 }
2876 .usk-product-category-carousel.style-6 .usk-image {
2877 width: 60px;
2878 height: 60px;
2879 padding: 5px;
2880 border-radius: 60px;
2881 border: 1px solid #ddd;
2882 overflow: hidden;
2883 }
2884 .usk-product-category-carousel.style-6 .usk-image img {
2885 border-radius: 60px;
2886 }
2887 .usk-product-category-carousel.style-6 .usk-category-count {
2888 display: none;
2889 }
2890 .usk-product-category-carousel.style-6 .title {
2891 font-size: clamp(16px, 2vw, 18px);
2892 color: #0c0d0e;
2893 }
2894
2895 @keyframes lazy-fadeIn {
2896 0% {
2897 opacity: 0;
2898 }
2899 to {
2900 opacity: 1;
2901 }
2902 }
2903 .usk-product-image-accordion .usk-grid-wrap {
2904 display: block;
2905 }
2906 .usk-product-image-accordion .usk-item {
2907 width: 100%;
2908 height: clamp(350px, 55vw, 500px);
2909 flex: 1 0 10em;
2910 transition: flex-basis 0.5s cubic-bezier(0.2, 0.48, 0.58, 1), -ms-flex-preferred-size 0.4s ease-in-out;
2911 cursor: pointer;
2912 }
2913 .usk-product-image-accordion .usk-item:hover {
2914 flex-basis: 20em;
2915 }
2916 .usk-product-image-accordion .usk-item:hover .usk-content {
2917 transform: translateY(0);
2918 }
2919 .usk-product-image-accordion .usk-item:hover .usk-shoping a {
2920 transform: translateX(0);
2921 opacity: 1;
2922 visibility: visible;
2923 }
2924 .usk-product-image-accordion .usk-item-box {
2925 position: relative;
2926 width: 100%;
2927 height: 100%;
2928 transition: all 0.3s ease;
2929 }
2930 .usk-product-image-accordion .usk-item-box::before {
2931 position: absolute;
2932 content: "";
2933 width: 100%;
2934 height: 100%;
2935 transition: all 0.3s ease;
2936 }
2937 .usk-product-image-accordion .usk-image-wrap {
2938 height: 100%;
2939 }
2940 .usk-product-image-accordion .usk-image-wrap .usk-image {
2941 height: 100%;
2942 position: relative;
2943 }
2944 .usk-product-image-accordion .usk-image-wrap .usk-image::before {
2945 content: "";
2946 position: absolute;
2947 bottom: 0;
2948 right: 0;
2949 width: 100%;
2950 height: 62%;
2951 background-image: linear-gradient(-24deg, #000000, transparent, rgba(255, 0, 0, 0));
2952 }
2953 .usk-product-image-accordion .usk-image-wrap .usk-image a .usk-img {
2954 width: 100%;
2955 height: 100%;
2956 object-fit: cover;
2957 transition: all 0.3s ease;
2958 }
2959 .usk-product-image-accordion .usk-badge-label-wrapper {
2960 position: absolute;
2961 top: 0;
2962 right: 0;
2963 padding: clamp(20px, 2vw, 30px);
2964 }
2965 .usk-product-image-accordion .usk-badge-label-wrapper .usk-badge {
2966 border-radius: 3px;
2967 }
2968 .usk-product-image-accordion .usk-content-box {
2969 position: absolute;
2970 bottom: 0;
2971 right: 0;
2972 padding: clamp(20px, 2vw, 30px);
2973 width: 100%;
2974 }
2975 .usk-product-image-accordion .usk-shoping {
2976 display: flex;
2977 align-items: center;
2978 }
2979 .usk-product-image-accordion .usk-shoping a {
2980 display: flex;
2981 background: #000;
2982 color: #dedede;
2983 transform: translateY(30px);
2984 opacity: 0;
2985 visibility: hidden;
2986 margin-left: 10px;
2987 font-size: clamp(12px, 1vw, 14px);
2988 border-radius: 3px;
2989 padding: clamp(10px, 1vw, 12px);
2990 }
2991 .usk-product-image-accordion .usk-shoping a:hover {
2992 background: #ef233c;
2993 }
2994 .usk-product-image-accordion .usk-shoping a.usk-active {
2995 background: #ef233c;
2996 }
2997 .usk-product-image-accordion .usk-shoping .usk-wishlist {
2998 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.3s ease;
2999 }
3000 .usk-product-image-accordion .usk-shoping .usk-compare {
3001 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.4s ease;
3002 }
3003 .usk-product-image-accordion .usk-shoping .usk-view {
3004 transition: transform 0.5s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.5s ease;
3005 }
3006 .usk-product-image-accordion .usk-shoping .usk-cart {
3007 transition: transform 0.6s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.6s ease;
3008 }
3009 .usk-product-image-accordion .usk-content {
3010 margin-bottom: 20px;
3011 transform: translateY(50px);
3012 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.4s ease;
3013 }
3014 .usk-product-image-accordion .usk-category {
3015 margin-bottom: 15px;
3016 display: inline-flex;
3017 gap: 5px;
3018 flex-wrap: wrap;
3019 }
3020 .usk-product-image-accordion .usk-category a {
3021 background: transparent;
3022 border: 1px solid #ef233c;
3023 padding: 4px 12px;
3024 text-decoration: none;
3025 color: #ef233c;
3026 font-size: 10px;
3027 text-transform: uppercase;
3028 font-weight: 500;
3029 border-radius: 3px;
3030 transition: all 0.3s ease;
3031 }
3032 .usk-product-image-accordion .usk-category a:hover {
3033 background: #ef233c;
3034 border: 1px solid #ef233c;
3035 color: #fff;
3036 }
3037 .usk-product-image-accordion .usk-title {
3038 margin-bottom: 10px;
3039 text-decoration: none;
3040 color: #edf2f4;
3041 transition: all 0.3s ease;
3042 display: block;
3043 }
3044 .usk-product-image-accordion .usk-title .title {
3045 font-size: 18px;
3046 line-height: 1.4;
3047 font-weight: 600;
3048 color: inherit;
3049 }
3050 .usk-product-image-accordion .usk-title:hover {
3051 color: #ef233c;
3052 }
3053 .usk-product-image-accordion .usk-price {
3054 display: flex;
3055 align-items: center;
3056 color: #e7e7e7;
3057 font-size: 14px;
3058 font-weight: 700;
3059 margin-bottom: 2px;
3060 }
3061 .usk-product-image-accordion .usk-price del {
3062 font-weight: 500;
3063 }
3064 .usk-product-image-accordion .usk-price ins {
3065 text-decoration: none;
3066 padding-right: 6px;
3067 color: #fff;
3068 }
3069 .usk-product-image-accordion .usk-item .usk-rating .usk-rating i {
3070 color: #efab14;
3071 font-size: 13px;
3072 }
3073
3074 @media (min-width: 768px) {
3075 .usk-product-image-accordion .usk-grid-wrap {
3076 overflow: hidden;
3077 display: flex;
3078 }
3079 .usk-product-image-accordion .usk-content-box {
3080 width: 300px;
3081 }
3082 }
3083 .usk-product-list .usk-list-wrap {
3084 gap: clamp(20px, 2vw, 30px);
3085 }
3086 .usk-product-list .usk-item {
3087 position: relative;
3088 padding: clamp(10px, 1vw, 15px);
3089 border: 1px solid #d5d8dc;
3090 border-radius: 8px;
3091 }
3092 .usk-product-list .usk-item-box {
3093 height: 100%;
3094 }
3095 .usk-product-list .usk-image-wrap {
3096 width: clamp(100px, 10vw, 170px);
3097 min-width: clamp(100px, 10vw, 170px);
3098 height: 100%;
3099 border-radius: 8px;
3100 overflow: hidden;
3101 }
3102 .usk-product-list .usk-image-wrap img {
3103 width: 100%;
3104 height: 100%;
3105 object-fit: cover;
3106 }
3107 .usk-product-list .usk-content {
3108 height: 100%;
3109 width: 100%;
3110 padding: clamp(10px, 1.5vw, 20px);
3111 }
3112 .usk-product-list .usk-title {
3113 color: #2b2d42;
3114 transition: all 0.3s cubic-bezier(0.18, 0.43, 0.58, 1);
3115 }
3116 .usk-product-list .usk-title .title {
3117 font-size: clamp(18px, 1vw, 24px);
3118 font-weight: 700;
3119 line-height: 1.4;
3120 margin-top: 0;
3121 margin-bottom: clamp(10px, 1vw, 15px);
3122 color: inherit;
3123 }
3124 .usk-product-list .usk-item .usk-rating {
3125 display: inline-flex;
3126 margin-bottom: clamp(10px, 1vw, 15px);
3127 }
3128 .usk-product-list .usk-item .usk-rating .star-rating {
3129 margin-top: 0;
3130 }
3131 .usk-product-list .usk-price {
3132 color: #ff2e00;
3133 font-weight: 500;
3134 font-size: clamp(12px, 1vw, 14px);
3135 }
3136 .usk-product-list .usk-price del {
3137 color: #abafb4;
3138 }
3139 .usk-product-list .usk-price ins {
3140 text-decoration: none;
3141 padding-right: 10px;
3142 }
3143 .usk-product-list .usk-badge-label-wrapper {
3144 display: none;
3145 position: absolute;
3146 top: clamp(10px, 1vw, 15px);
3147 left: clamp(10px, 1vw, 15px);
3148 }
3149 .usk-product-list .usk-badge {
3150 border-radius: 4px;
3151 }
3152
3153 @media (min-width: 768px) {
3154 .usk-product-list .usk-badge-label-wrapper {
3155 display: inherit;
3156 }
3157 }
3158 .usk-product-reviews {
3159 grid-gap: 30px;
3160 }
3161 .usk-product-reviews .usk-item {
3162 padding: clamp(20px, 2vw, 30px);
3163 background: #f9fafa;
3164 border-radius: 6px;
3165 position: relative;
3166 }
3167 .usk-product-reviews .usk-avatar-wrap {
3168 gap: clamp(10px, 1vw, 15px);
3169 }
3170 .usk-product-reviews .usk-avatar-img {
3171 border-radius: 4px;
3172 overflow: hidden;
3173 }
3174 .usk-product-reviews .usk-avatar-img img {
3175 object-fit: cover;
3176 }
3177 .usk-product-reviews .usk-author-name {
3178 font-size: 14px;
3179 text-transform: capitalize;
3180 }
3181 .usk-product-reviews .usk-author-name span {
3182 color: #6f6f6f;
3183 font-weight: 400;
3184 }
3185 .usk-product-reviews .usk-author-name a {
3186 color: #666;
3187 font-weight: 600;
3188 }
3189 .usk-product-reviews .usk-author-name a:hover {
3190 color: #D90429;
3191 }
3192 .usk-product-reviews .usk-title {
3193 font-size: clamp(16px, 1.5vw, 18px);
3194 font-weight: 500;
3195 margin-top: 0;
3196 margin-bottom: 10px;
3197 }
3198 .usk-product-reviews .usk-title a {
3199 color: #0c0d0e;
3200 transition: all 0.3s ease;
3201 }
3202 .usk-product-reviews .usk-title a:hover {
3203 color: #D90429;
3204 }
3205 .usk-product-reviews .usk-text {
3206 font-size: clamp(14px, 1vw, 15px);
3207 color: #6f6f6f;
3208 margin-top: clamp(15px, 2vw, 20px);
3209 }
3210 .usk-product-reviews .usk-rating {
3211 position: absolute;
3212 top: -22px;
3213 left: 25px;
3214 }
3215 .usk-product-reviews .usk-rating span .usk-rating-icon {
3216 color: #ffc107;
3217 font-size: 46px;
3218 }
3219 .usk-product-reviews .usk-rating-text {
3220 position: absolute;
3221 top: 50%;
3222 right: 50%;
3223 transform: translate(50%, -50%);
3224 color: #fff;
3225 font-size: 18px;
3226 margin-top: 2px;
3227 font-weight: 700;
3228 }
3229
3230 .usk-product-review-carousel .usk-item {
3231 padding: clamp(20px, 2vw, 30px);
3232 background: #f9fafa;
3233 border-radius: 6px;
3234 position: relative;
3235 overflow: visible;
3236 height: auto;
3237 margin-top: 20px;
3238 }
3239 .usk-product-review-carousel .usk-avatar-wrap {
3240 gap: clamp(10px, 1vw, 15px);
3241 }
3242 .usk-product-review-carousel .usk-avatar-img {
3243 border-radius: 4px;
3244 overflow: hidden;
3245 }
3246 .usk-product-review-carousel .usk-avatar-img img {
3247 object-fit: cover;
3248 }
3249 .usk-product-review-carousel .usk-author-name {
3250 font-size: 14px;
3251 text-transform: capitalize;
3252 }
3253 .usk-product-review-carousel .usk-author-name span {
3254 color: #6f6f6f;
3255 font-weight: 400;
3256 }
3257 .usk-product-review-carousel .usk-author-name a {
3258 color: #666;
3259 font-weight: 600;
3260 }
3261 .usk-product-review-carousel .usk-author-name a:hover {
3262 color: #D90429;
3263 }
3264 .usk-product-review-carousel .usk-title {
3265 font-size: clamp(16px, 1.5vw, 18px);
3266 font-weight: 500;
3267 margin-top: 0;
3268 margin-bottom: 10px;
3269 }
3270 .usk-product-review-carousel .usk-title a {
3271 color: #0c0d0e;
3272 transition: all 0.3s ease;
3273 }
3274 .usk-product-review-carousel .usk-title a:hover {
3275 color: #D90429;
3276 }
3277 .usk-product-review-carousel .usk-text {
3278 font-size: clamp(14px, 1vw, 15px);
3279 color: #6f6f6f;
3280 margin-top: clamp(15px, 2vw, 20px);
3281 }
3282 .usk-product-review-carousel .usk-rating {
3283 position: absolute;
3284 top: -22px;
3285 left: 25px;
3286 }
3287 .usk-product-review-carousel .usk-rating span .usk-rating-icon {
3288 color: #ffc107;
3289 font-size: 46px;
3290 }
3291 .usk-product-review-carousel .usk-rating-text {
3292 position: absolute;
3293 top: 50%;
3294 right: 50%;
3295 transform: translate(50%, -50%);
3296 color: #fff;
3297 font-size: 18px;
3298 margin-top: 2px;
3299 font-weight: 700;
3300 }
3301
3302 .usk-wc-products-table {
3303 overflow-x: auto;
3304 }
3305 .usk-wc-products-table .usk-rating {
3306 display: table-cell !important;
3307 }
3308 .usk-wc-products-table .dataTables_wrapper {
3309 margin-bottom: 50px;
3310 }
3311 .usk-wc-products-table .dataTables_wrapper .dataTables_length {
3312 float: right;
3313 }
3314 .usk-wc-products-table .dataTables_wrapper .dataTables_length label {
3315 font-size: 16px;
3316 text-transform: capitalize;
3317 color: #1f2027;
3318 display: flex;
3319 align-items: center;
3320 grid-column-gap: 12px;
3321 }
3322 .usk-wc-products-table .dataTables_wrapper .dataTables_length label select {
3323 height: auto;
3324 width: auto;
3325 border-color: #d0d1e9;
3326 border-radius: 3px;
3327 }
3328 .usk-wc-products-table .dataTables_wrapper .dataTables_info {
3329 float: right;
3330 }
3331 .usk-wc-products-table .dataTables_wrapper .dataTables_paginate {
3332 float: left;
3333 margin-top: 20px;
3334 }
3335 .usk-wc-products-table .dataTables_wrapper .dataTables_paginate a {
3336 display: inline-block;
3337 padding-right: 4px;
3338 padding-left: 4px;
3339 }
3340 .usk-wc-products-table .dataTables_wrapper .dataTables_filter {
3341 float: right;
3342 margin-bottom: 20px;
3343 margin-top: 15px;
3344 }
3345 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label {
3346 font-size: 16px;
3347 font-weight: 500;
3348 color: #403f3f;
3349 text-transform: capitalize;
3350 display: flex;
3351 align-items: center;
3352 }
3353 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label input {
3354 border-radius: 3px;
3355 background-color: transparent;
3356 border: 1px solid #ddd;
3357 padding: 9px 10px;
3358 border-radius: 2px;
3359 margin-right: 8px;
3360 outline: none;
3361 }
3362 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label input:focus {
3363 border: 1px solid #a0a0a0;
3364 border-radius: none;
3365 }
3366 .usk-wc-products-table .usk-wc-product {
3367 width: 100%;
3368 margin: 0 auto;
3369 clear: both;
3370 border-collapse: separate;
3371 border-spacing: 0;
3372 border-collapse: collapse;
3373 text-align: right;
3374 }
3375 .usk-wc-products-table .usk-wc-product th,
3376 .usk-wc-products-table .usk-wc-product td {
3377 padding: 10px 18px;
3378 border-collapse: collapse;
3379 }
3380 .usk-wc-products-table .usk-wc-product thead {
3381 white-space: nowrap;
3382 }
3383 .usk-wc-products-table .usk-wc-product thead th {
3384 display: table-cell;
3385 background: #e62a3f;
3386 color: #fff;
3387 font-size: 16px;
3388 font-weight: 600;
3389 }
3390 .usk-wc-products-table .usk-wc-product thead .shorting {
3391 background-image: none;
3392 }
3393 .usk-wc-products-table .usk-wc-product thead .shorting::before {
3394 content: "";
3395 }
3396 .usk-wc-products-table .usk-wc-product thead .shorting::after {
3397 content: "";
3398 }
3399 .usk-wc-products-table .usk-wc-product tbody .usk-thumb {
3400 width: 60px !important;
3401 }
3402 .usk-wc-products-table .usk-wc-product tbody .usk-title .usk-wc-product-title {
3403 font-size: 16px;
3404 font-weight: 500;
3405 line-height: 1.4;
3406 }
3407 .usk-wc-products-table .usk-wc-product tbody .usk-title .usk-wc-product-title a {
3408 color: #e62a3f;
3409 }
3410 .usk-wc-products-table .usk-wc-product tbody .usk-excerpt {
3411 width: 350px !important;
3412 }
3413 .usk-wc-products-table .usk-wc-product tbody .usk-excerpt .usk-wc-product-excerpt {
3414 font-size: 14px;
3415 color: #7d7575;
3416 line-height: 1.6;
3417 }
3418 .usk-wc-products-table .usk-wc-product tbody .usk-categories .usk-wc-product-categories a {
3419 font-size: 14px;
3420 color: #e62a3f;
3421 font-weight: 500;
3422 }
3423 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price {
3424 font-size: 14px;
3425 font-weight: 500;
3426 color: #5c5959;
3427 margin: 0;
3428 }
3429 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price del {
3430 font-weight: 300;
3431 color: #928f8f;
3432 }
3433 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price ins {
3434 background: transparent;
3435 text-decoration: none;
3436 padding-right: 5px;
3437 }
3438 .usk-wc-products-table .usk-wc-product tbody .usk-quick-view-title .usk-shoping-icon-quickview {
3439 background: #e62a3f;
3440 padding: 4px 8px;
3441 color: #fff;
3442 border-radius: 3px;
3443 font-size: 14px;
3444 }
3445 .usk-wc-products-table .usk-wc-product tbody .usk-wc-quantity .quantity input {
3446 height: 37px;
3447 width: 80px;
3448 padding: 5px;
3449 outline: none;
3450 border: 1px solid #dacecf;
3451 color: #716b6b;
3452 border-radius: 3px;
3453 background: transparent;
3454 }
3455 .usk-wc-products-table .usk-wc-product tbody .usk-wc-quantity .quantity input:focus {
3456 border: 1px solid #a8a3a4;
3457 }
3458 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .add_to_cart_button.added {
3459 display: none !important;
3460 }
3461 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .button,
3462 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .added_to_cart {
3463 background: #e62a3f;
3464 width: 100px;
3465 height: 35px;
3466 line-height: 35px;
3467 text-align: center;
3468 font-size: 12px;
3469 color: #fff;
3470 font-weight: 600;
3471 border-radius: 3px;
3472 display: inline-block;
3473 padding: 0;
3474 }
3475 .usk-wc-products-table table:not(.cell-border) th,
3476 .usk-wc-products-table table:not(.cell-border) td {
3477 border: none;
3478 border-block-start: none !important;
3479 }
3480 .usk-wc-products-table .cell-border th {
3481 border: 1px solid #ddd !important;
3482 }
3483
3484 table.dataTable.stripe tbody tr.odd,
3485 table.dataTable.display tbody tr.odd {
3486 background-color: #f9f9f9;
3487 }
3488
3489 @media (min-width: 768px) {
3490 .usk-wc-products-table {
3491 overflow: auto;
3492 }
3493 .usk-wc-products-table .dataTables_wrapper .dataTables_filter {
3494 float: left;
3495 margin-top: 0;
3496 }
3497 }
3498 @media (min-width: 1400px) {
3499 .usk-wc-products-table {
3500 overflow: visible;
3501 }
3502 }
3503 .usk-shiny-grid {
3504 --btn-width: 100%;
3505 }
3506 .usk-shiny-grid .usk-item {
3507 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
3508 overflow: hidden;
3509 }
3510 .usk-shiny-grid .usk-item:hover .usk-action-btn {
3511 transform: translateX(0px);
3512 }
3513 .usk-shiny-grid .usk-item:hover .usk-button,
3514 .usk-shiny-grid .usk-item:hover .added_to_cart {
3515 transform: translateY(0px);
3516 opacity: 1;
3517 visibility: visible;
3518 }
3519 .usk-shiny-grid .usk-action-btn {
3520 transform: translateX(-25px);
3521 }
3522 .usk-shiny-grid .usk-shoping {
3523 top: clamp(10px, 1vw, 25px);
3524 left: clamp(10px, 1vw, 25px);
3525 }
3526 .usk-shiny-grid .usk-badge-label-wrapper {
3527 right: 0;
3528 top: 0;
3529 }
3530 .usk-shiny-grid .usk-button.added {
3531 display: none;
3532 transition: all 3s ease-in-out;
3533 }
3534 .usk-shiny-grid .usk-button.loading::after {
3535 content: "";
3536 width: 20px;
3537 height: 20px;
3538 border: 2px dotted #fff;
3539 border-radius: 50%;
3540 margin-right: -15px;
3541 display: inline-block;
3542 position: relative;
3543 position: absolute;
3544 top: 31%;
3545 text-align: center;
3546 animation: rotation 2s linear infinite;
3547 }
3548 .usk-shiny-grid .usk-button.loading i {
3549 transition: all 0.3s ease-in-out;
3550 transform: translate(-70px);
3551 opacity: 0.02;
3552 }
3553 .usk-shiny-grid .added_to_cart {
3554 transition: all 3s ease;
3555 }
3556 .usk-shiny-grid .added_to_cart::after {
3557 content: "";
3558 margin-right: 5px;
3559 font-size: 20px;
3560 }
3561 .usk-shiny-grid .added_to_cart i {
3562 display: none;
3563 }
3564 .usk-shiny-grid .usk-button,
3565 .usk-shiny-grid .added_to_cart {
3566 position: absolute;
3567 font-weight: 600;
3568 text-align: center;
3569 right: 0;
3570 bottom: 0;
3571 width: var(--btn-width);
3572 margin: 0 calc((100% - var(--btn-width)) / 2);
3573 background: #2b2d42;
3574 text-decoration: none;
3575 color: #fff;
3576 text-transform: capitalize;
3577 transform: translateY(100%);
3578 opacity: 0;
3579 visibility: hidden;
3580 transition: all 0.3s ease;
3581 }
3582 .usk-shiny-grid .usk-button a,
3583 .usk-shiny-grid .added_to_cart a {
3584 color: #fff;
3585 }
3586 .usk-shiny-grid .usk-button .button-icon:before,
3587 .usk-shiny-grid .added_to_cart .button-icon:before {
3588 margin: -5px;
3589 transition: all 0.3s ease;
3590 opacity: 0;
3591 visibility: hidden;
3592 }
3593 .usk-shiny-grid .usk-button:hover .button-icon:before,
3594 .usk-shiny-grid .added_to_cart:hover .button-icon:before {
3595 margin-right: 10px;
3596 opacity: 1;
3597 visibility: visible;
3598 }
3599 .usk-shiny-grid .usk-grid-layout .usk-price {
3600 margin: 0;
3601 }
3602 .usk-shiny-grid .usk-grid-layout .usk-have-rating .usk-price {
3603 opacity: 1;
3604 transition: all 0.3s ease;
3605 transform: translateY(0);
3606 }
3607 .usk-shiny-grid .usk-grid-layout .usk-have-rating .usk-rating {
3608 transform: translateY(0);
3609 opacity: 0;
3610 transition: all 0.3s ease;
3611 }
3612 .usk-shiny-grid .usk-grid-layout .usk-have-rating:hover .usk-rating {
3613 transform: translateY(-20px);
3614 opacity: 1;
3615 }
3616 .usk-shiny-grid .usk-grid-layout .usk-have-rating:hover .usk-price {
3617 transform: translateY(-20px);
3618 opacity: 0;
3619 visibility: hidden;
3620 }
3621 .usk-shiny-grid .usk-grid-layout .usk-rating {
3622 position: absolute;
3623 width: 100%;
3624 display: flex;
3625 }
3626 .usk-shiny-grid .usk-grid-layout .usk-button,
3627 .usk-shiny-grid .usk-grid-layout .added_to_cart {
3628 height: clamp(40px, 3vw, 50px);
3629 line-height: clamp(40px, 3vw, 50px);
3630 font-size: 14px;
3631 }
3632 .usk-shiny-grid .usk-list-layout .usk-button,
3633 .usk-shiny-grid .usk-list-layout .added_to_cart {
3634 height: clamp(30px, 3vw, 40px);
3635 line-height: clamp(30px, 3vw, 40px);
3636 font-size: 12px;
3637 }
3638
3639 .usk-shiny-carousel {
3640 --btn-width: 100%;
3641 }
3642 .usk-shiny-carousel .usk-item {
3643 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
3644 overflow: hidden;
3645 }
3646 .usk-shiny-carousel .usk-item:hover .usk-action-btn {
3647 transform: translateX(0px);
3648 }
3649 .usk-shiny-carousel .usk-item:hover .usk-button,
3650 .usk-shiny-carousel .usk-item:hover .added_to_cart {
3651 transform: translateY(0px);
3652 opacity: 1;
3653 visibility: visible;
3654 }
3655 .usk-shiny-carousel .usk-action-btn {
3656 transform: translateX(-25px);
3657 }
3658 .usk-shiny-carousel .usk-shoping {
3659 top: clamp(10px, 1vw, 25px);
3660 left: clamp(10px, 1vw, 25px);
3661 }
3662 .usk-shiny-carousel .usk-badge-label-wrapper {
3663 right: 0;
3664 top: 0;
3665 }
3666 .usk-shiny-carousel .usk-button.added {
3667 display: none;
3668 transition: all 3s ease-in-out;
3669 }
3670 .usk-shiny-carousel .usk-button.loading::after {
3671 content: "";
3672 width: 20px;
3673 height: 20px;
3674 border: 2px dotted #fff;
3675 border-radius: 50%;
3676 margin-right: -15px;
3677 display: inline-block;
3678 position: relative;
3679 position: absolute;
3680 top: 31%;
3681 text-align: center;
3682 animation: rotation 2s linear infinite;
3683 }
3684 .usk-shiny-carousel .usk-button.loading i {
3685 transition: all 0.3s ease-in-out;
3686 transform: translate(-70px);
3687 opacity: 0.02;
3688 }
3689 .usk-shiny-carousel .added_to_cart {
3690 transition: all 3s ease;
3691 }
3692 .usk-shiny-carousel .added_to_cart::after {
3693 content: "";
3694 margin-right: 5px;
3695 font-size: 20px;
3696 }
3697 .usk-shiny-carousel .added_to_cart i {
3698 display: none;
3699 }
3700 .usk-shiny-carousel .usk-button,
3701 .usk-shiny-carousel .added_to_cart {
3702 position: absolute;
3703 font-weight: 600;
3704 text-align: center;
3705 right: 0;
3706 bottom: 0;
3707 width: var(--btn-width);
3708 margin: 0 calc((100% - var(--btn-width)) / 2);
3709 background: #2b2d42;
3710 text-decoration: none;
3711 color: #fff;
3712 text-transform: capitalize;
3713 transform: translateY(100%);
3714 opacity: 0;
3715 visibility: hidden;
3716 transition: all 0.3s ease;
3717 }
3718 .usk-shiny-carousel .usk-button a,
3719 .usk-shiny-carousel .added_to_cart a {
3720 color: #fff;
3721 }
3722 .usk-shiny-carousel .usk-button .button-icon:before,
3723 .usk-shiny-carousel .added_to_cart .button-icon:before {
3724 margin: -5px;
3725 transition: all 0.3s ease;
3726 opacity: 0;
3727 visibility: hidden;
3728 }
3729 .usk-shiny-carousel .usk-button:hover .button-icon:before,
3730 .usk-shiny-carousel .added_to_cart:hover .button-icon:before {
3731 margin-right: 10px;
3732 opacity: 1;
3733 visibility: visible;
3734 }
3735 .usk-shiny-carousel .usk-have-rating .usk-price {
3736 margin: 0;
3737 opacity: 1;
3738 transition: all 0.3s ease;
3739 transform: translateY(0);
3740 }
3741 .usk-shiny-carousel .usk-have-rating .usk-rating {
3742 transform: translateY(0);
3743 opacity: 0;
3744 transition: all 0.3s ease;
3745 }
3746 .usk-shiny-carousel .usk-have-rating:hover .usk-rating {
3747 transform: translateY(-20px);
3748 opacity: 1;
3749 }
3750 .usk-shiny-carousel .usk-have-rating:hover .usk-price {
3751 transform: translateY(-20px);
3752 opacity: 0;
3753 visibility: hidden;
3754 }
3755 .usk-shiny-carousel .usk-item .usk-rating {
3756 position: absolute;
3757 width: 100%;
3758 display: flex;
3759 }
3760 .usk-shiny-carousel .usk-button,
3761 .usk-shiny-carousel .added_to_cart {
3762 height: clamp(40px, 3vw, 50px);
3763 line-height: clamp(40px, 3vw, 50px);
3764 font-size: 14px;
3765 }
3766
3767 .usk-showcase-slider .usk-item {
3768 background: #fff;
3769 border-radius: 10px;
3770 box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
3771 height: auto;
3772 display: flex;
3773 flex-direction: column;
3774 }
3775 .usk-showcase-slider .usk-item.swiper-slide-active:hover .usk-action-btn {
3776 opacity: 1;
3777 transform: translateY(0);
3778 visibility: visible;
3779 }
3780 .usk-showcase-slider .usk-image-wrap {
3781 position: relative;
3782 z-index: -1;
3783 height: 100%;
3784 display: flex;
3785 }
3786 .usk-showcase-slider .usk-shoping {
3787 position: absolute;
3788 top: 50%;
3789 right: 50%;
3790 transform: translate(50%, -50%);
3791 display: flex;
3792 gap: 6px;
3793 }
3794 .usk-showcase-slider .usk-action-btn {
3795 display: inline-flex;
3796 padding: 18px;
3797 background: #ef233c;
3798 text-align: center;
3799 font-size: clamp(14px, 2vw, 18px);
3800 color: #edf2f4;
3801 border-radius: 4px;
3802 transform: translateY(50px);
3803 opacity: 0;
3804 visibility: hidden;
3805 }
3806 .usk-showcase-slider .usk-shoping-icon-wishlist {
3807 transition: 0.3s ease, transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3808 }
3809 .usk-showcase-slider .usk-compare {
3810 transition: 0.3s ease, transform 0.5s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3811 }
3812 .usk-showcase-slider .usk-shoping-icon-quickview {
3813 transition: 0.3s ease, transform 0.7s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3814 }
3815 .usk-showcase-slider .usk-price {
3816 font-size: clamp(14px, 2vw, 18px);
3817 font-weight: 700;
3818 color: #69727d;
3819 }
3820 .usk-showcase-slider .usk-price del {
3821 font-weight: 500;
3822 color: #babfc5;
3823 }
3824 .usk-showcase-slider .usk-price ins {
3825 text-decoration: none;
3826 padding-right: 6px;
3827 }
3828 .usk-showcase-slider .product_type_external {
3829 transition: transform 1.2s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 1.2s ease;
3830 }
3831 .usk-showcase-slider .usk-image {
3832 width: 100%;
3833 height: 100%;
3834 object-fit: cover;
3835 }
3836 .usk-showcase-slider .usk-item-box {
3837 padding: clamp(20px, 2vw, 30px);
3838 display: inline-flex;
3839 justify-content: space-between;
3840 align-items: flex-end;
3841 width: 100%;
3842 position: relative;
3843 }
3844 .usk-showcase-slider .usk-title {
3845 color: #2b2d42;
3846 display: block;
3847 transition: all 0.3s ease;
3848 }
3849 .usk-showcase-slider .usk-title .title {
3850 font-size: clamp(18px, 2vw, 30px);
3851 letter-spacing: 1px;
3852 font-weight: bold;
3853 margin: 0;
3854 color: inherit;
3855 }
3856 .usk-showcase-slider .usk-category {
3857 margin-bottom: 20px;
3858 display: flex;
3859 flex-wrap: wrap;
3860 gap: 5px;
3861 }
3862 .usk-showcase-slider .usk-category a {
3863 font-size: clamp(12px, 2vw, 14px);
3864 border-width: 1px;
3865 border-color: #d5d8dc;
3866 border-style: solid;
3867 padding: 4px 8px;
3868 border-radius: 4px;
3869 color: #69727d;
3870 transition: all 0.3s ease;
3871 display: inline-flex;
3872 line-height: 1.2;
3873 }
3874 .usk-showcase-slider .usk-category a:hover {
3875 color: #fff;
3876 border-color: #69727d;
3877 background-color: #69727d;
3878 }
3879 .usk-showcase-slider .usk-price-button-wrap {
3880 text-align: left;
3881 position: relative;
3882 }
3883 .usk-showcase-slider .usk-button.added {
3884 display: none;
3885 transition: all 3s ease-in-out;
3886 }
3887 .usk-showcase-slider .usk-button.loading::after {
3888 content: "";
3889 width: 20px;
3890 height: 20px;
3891 border: 2px dotted #fff;
3892 border-radius: 50%;
3893 margin-right: -15px;
3894 display: inline-block;
3895 position: relative;
3896 position: absolute;
3897 top: 31%;
3898 text-align: center;
3899 animation: rotation 2s linear infinite;
3900 }
3901 .usk-showcase-slider .usk-button.loading i {
3902 transition: all 0.3s ease-in-out;
3903 transform: translate(-70px);
3904 opacity: 0.02;
3905 }
3906 .usk-showcase-slider .added_to_cart {
3907 transition: all 3s ease;
3908 }
3909 .usk-showcase-slider .added_to_cart::after {
3910 content: "";
3911 margin-right: 5px;
3912 font-size: 20px;
3913 }
3914 .usk-showcase-slider .added_to_cart i {
3915 display: none;
3916 }
3917 .usk-showcase-slider .usk-button,
3918 .usk-showcase-slider .added_to_cart {
3919 font-weight: 600;
3920 text-align: center;
3921 background: #ef233c;
3922 text-decoration: none;
3923 color: #fff;
3924 text-transform: capitalize;
3925 transition: all 0.3s ease;
3926 width: 33%;
3927 min-width: 125px;
3928 height: clamp(40px, 5vw, 50px);
3929 position: absolute;
3930 left: clamp(20px, 2vw, 30px);
3931 top: 0;
3932 transform: translateY(-50%);
3933 border-radius: 4px;
3934 font-size: clamp(13px, 1.5vw, 16px);
3935 display: flex;
3936 justify-content: center;
3937 align-items: center;
3938 }
3939 .usk-showcase-slider .usk-button a,
3940 .usk-showcase-slider .added_to_cart a {
3941 color: #fff;
3942 }
3943 .usk-showcase-slider .usk-button .button-icon:before,
3944 .usk-showcase-slider .added_to_cart .button-icon:before {
3945 margin: -5px;
3946 transition: all 0.3s ease;
3947 opacity: 0;
3948 visibility: hidden;
3949 }
3950 .usk-showcase-slider .usk-button:hover .button-icon:before,
3951 .usk-showcase-slider .added_to_cart:hover .button-icon:before {
3952 margin-right: 10px;
3953 opacity: 1;
3954 visibility: visible;
3955 }
3956 .usk-showcase-slider .usk-badge-label-wrapper {
3957 position: absolute;
3958 top: 0;
3959 right: 0;
3960 margin: clamp(20px, 2vw, 30px);
3961 }
3962 .usk-showcase-slider .usk-badge-label-wrapper .usk-badge {
3963 border-radius: 3px;
3964 }
3965 .usk-showcase-slider .usk-showcase-slider-wrapper {
3966 padding-bottom: 30px;
3967 }
3968 .usk-showcase-slider .usk-nav {
3969 position: absolute;
3970 top: 50%;
3971 transform: translateY(-50%);
3972 z-index: 1;
3973 cursor: pointer;
3974 }
3975 .usk-showcase-slider .usk-nav i {
3976 background: #ef233c;
3977 width: 40px;
3978 height: 40px;
3979 line-height: 40px;
3980 text-align: center;
3981 font-size: 14px;
3982 color: #edf2f4;
3983 border-radius: 3px;
3984 transition: all 0.3s ease;
3985 }
3986 .usk-showcase-slider .usk-nav i:hover {
3987 background: #d90429;
3988 }
3989 .usk-showcase-slider .bdt-swiper-button-prev {
3990 right: 2%;
3991 }
3992 .usk-showcase-slider .bdt-swiper-button-next {
3993 left: 2%;
3994 }
3995 .usk-showcase-slider .swiper-pagination-bullet {
3996 width: 10px;
3997 height: 10px;
3998 display: inline-block;
3999 border-radius: 50%;
4000 background: #d90429;
4001 }
4002
4003 @media (min-width: 1024px) {
4004 .usk-showcase-slider .usk-nav i {
4005 background: #ef233c;
4006 width: 50px;
4007 height: 50px;
4008 line-height: 50px;
4009 text-align: center;
4010 font-size: 16px;
4011 }
4012 }
4013 :root {
4014 --usk-mini-cart-header-height: 80px;
4015 --usk-mini-cart-footer-height: 208px;
4016 }
4017
4018 .usk-mini-cart {
4019 z-index: 99999;
4020 min-height: 1px;
4021 position: fixed !important;
4022 }
4023 .usk-mini-cart.toolslide .ts-content-container {
4024 background-color: #fff;
4025 }
4026 .usk-mini-cart #toggle-menu-button {
4027 width: 100px;
4028 height: 50px;
4029 line-height: 50px;
4030 cursor: pointer;
4031 text-align: center;
4032 background: #f5f9ff;
4033 font-size: 14px;
4034 font-weight: 600;
4035 color: #2e3134;
4036 }
4037 .usk-mini-cart #toggle-menu-button:hover {
4038 color: #ffffff;
4039 background-color: #2f353f;
4040 }
4041 .usk-mini-cart .bdt-mini-cart-product-thumbnail {
4042 width: 90px;
4043 height: 90px;
4044 z-index: 1;
4045 }
4046 .usk-mini-cart .bdt-button-text {
4047 color: #fff;
4048 z-index: 1;
4049 position: relative;
4050 }
4051 .usk-mini-cart .usk-widget-title {
4052 border-bottom: 1px solid #e0e7f2;
4053 font-size: 18px;
4054 font-weight: 700;
4055 color: #3c3c44;
4056 text-transform: uppercase;
4057 height: var(--usk-mini-cart-header-height);
4058 display: flex;
4059 align-items: center;
4060 padding-right: 20px;
4061 }
4062 .usk-mini-cart .bdt-mini-cart-subtotal {
4063 padding: 20px;
4064 border-bottom: 1px solid #e0e7f2;
4065 display: flex;
4066 align-items: center;
4067 justify-content: space-between;
4068 }
4069 .usk-mini-cart .bdt-mini-cart-subtotal strong {
4070 padding: 20px;
4071 font-size: 18px;
4072 font-weight: 700;
4073 color: #3c3c44;
4074 text-transform: uppercase;
4075 }
4076 .usk-mini-cart .bdt-mini-cart-subtotal .woocommerce-Price-amount.amount {
4077 font-size: 18px;
4078 font-weight: 600;
4079 color: rgba(239, 2, 2, 0.955);
4080 }
4081 .usk-mini-cart .bdt-mini-cart-product-item {
4082 position: relative;
4083 cursor: pointer;
4084 display: flex;
4085 align-items: center;
4086 border-bottom: 1px solid #e0e7f2;
4087 transition: all 0.3s ease-in-out;
4088 }
4089 .usk-mini-cart .bdt-mini-cart-product-item:hover {
4090 background-color: #e0e7f2;
4091 }
4092 .usk-mini-cart .bdt-margin-small-left {
4093 z-index: 1;
4094 }
4095 .usk-mini-cart .bdt-mini-cart-product-remove {
4096 z-index: 1;
4097 position: absolute;
4098 top: 50%;
4099 transform: translateY(-50%);
4100 left: 20px;
4101 }
4102 .usk-mini-cart .bdt-mini-cart-product-remove a {
4103 color: #25262d;
4104 padding: 4px 7px;
4105 border-radius: 50%;
4106 transition: all 0.3s ease;
4107 }
4108 .usk-mini-cart .bdt-mini-cart-product-remove a i {
4109 transition: all 0.3s ease;
4110 }
4111 .usk-mini-cart .bdt-mini-cart-product-remove a:hover {
4112 background-color: #fff;
4113 color: rgba(239, 2, 2, 0.955);
4114 }
4115 .usk-mini-cart .bdt-mini-cart-product-remove a:hover i {
4116 transform: rotate(-180deg);
4117 }
4118 .usk-mini-cart .usk-mini-cart-content-wrap {
4119 z-index: 1;
4120 margin-right: 5px;
4121 }
4122 .usk-mini-cart .bdt-mini-cart-product-name {
4123 margin-bottom: 5px;
4124 }
4125 .usk-mini-cart .bdt-mini-cart-product-name a {
4126 font-size: 13px;
4127 color: #504e69;
4128 font-weight: 700;
4129 text-transform: uppercase;
4130 text-decoration: none;
4131 transition: all 0.3s ease;
4132 }
4133 .usk-mini-cart .bdt-mini-cart-product-name a:hover {
4134 color: rgba(239, 2, 2, 0.955);
4135 }
4136 .usk-mini-cart .bdt-mini-cart-product-price {
4137 font-size: 12px;
4138 font-weight: 600;
4139 color: #63666e;
4140 }
4141 .usk-mini-cart .bdt-mini-cart-product-price bdi {
4142 color: rgba(239, 2, 2, 0.955);
4143 }
4144 .usk-mini-cart .bdt-mini-cart-products {
4145 max-width: 100%;
4146 overflow: auto;
4147 }
4148 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar {
4149 width: 3px;
4150 }
4151 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar-track {
4152 background: #f1f1f1;
4153 }
4154 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar-thumb {
4155 background: rgb(209, 209, 209);
4156 }
4157 .usk-mini-cart .bdt-mini-cart-footer-buttons {
4158 display: flex;
4159 flex-direction: column;
4160 padding: 20px;
4161 }
4162 .usk-mini-cart .bdt-mini-cart-footer-buttons a {
4163 margin-bottom: 8px;
4164 font-size: 12px;
4165 text-align: center;
4166 padding: 14px 0;
4167 color: #fff;
4168 font-weight: 700;
4169 text-decoration: none;
4170 text-transform: uppercase;
4171 transition: all 0.3s ease-in-out;
4172 position: relative;
4173 }
4174 .usk-mini-cart .bdt-mini-cart-footer-buttons a:nth-last-child(1) {
4175 margin-bottom: 0;
4176 }
4177 .usk-mini-cart .bdt-mini-cart-footer-buttons a::before {
4178 position: absolute;
4179 content: "";
4180 top: 0;
4181 right: 0;
4182 width: 0;
4183 height: 100%;
4184 opacity: 0;
4185 transition: all 0.3s ease-in-out;
4186 }
4187 .usk-mini-cart .bdt-mini-cart-footer-buttons a:hover::before {
4188 opacity: 1;
4189 width: 100%;
4190 }
4191 .usk-mini-cart .bdt-mini-cart-footer-buttons .usk-button-text {
4192 z-index: 1;
4193 position: relative;
4194 }
4195 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-view-cart {
4196 background: #25262d;
4197 }
4198 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-view-cart::before {
4199 background: rgba(239, 2, 2, 0.955);
4200 }
4201 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-checkout {
4202 background: rgba(239, 2, 2, 0.955);
4203 }
4204 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-checkout::before {
4205 background: #25262d;
4206 }
4207 .usk-mini-cart .usk-mini-cart-content-footer {
4208 background: #fff;
4209 z-index: 1;
4210 box-shadow: 0 0 5px rgba(210, 217, 228, 0.459);
4211 }
4212 .usk-mini-cart .__widget_shopping_cart_content {
4213 display: flex;
4214 flex-direction: column;
4215 justify-content: space-between;
4216 width: 100%;
4217 height: calc(100% - var(--usk-mini-cart-header-height));
4218 }
4219
4220 .usk-mini-cart-opened {
4221 background: rgba(0, 0, 0, 0.372);
4222 position: absolute;
4223 top: 0;
4224 right: 0;
4225 width: 100%;
4226 height: 100%;
4227 transition: all 0.3s ease;
4228 }
4229
4230 .bdt-mini-cart-inner {
4231 display: inline-flex;
4232 align-items: center;
4233 grid-column-gap: 10px;
4234 cursor: pointer;
4235 line-height: 1;
4236 }
4237 .bdt-mini-cart-inner .woocommerce-Price-amount.amount {
4238 font-size: 16px;
4239 color: #25262d;
4240 font-weight: 600;
4241 }
4242 .bdt-mini-cart-inner .bdt-mini-cart-button-icon {
4243 position: relative;
4244 }
4245 .bdt-mini-cart-inner .usk-cart-icon {
4246 font-size: 22px;
4247 color: #25262d;
4248 }
4249 .bdt-mini-cart-inner .usk-cart-badge {
4250 position: absolute;
4251 left: -10px;
4252 top: -6px;
4253 font-size: 10px;
4254 background: #f00;
4255 width: 15px;
4256 height: 15px;
4257 line-height: 15px;
4258 text-align: center;
4259 border-radius: 50%;
4260 font-weight: 700;
4261 color: #fff;
4262 }
4263
4264 .usk-edd-category-carousel .category-link {
4265 text-decoration: none;
4266 }
4267 .usk-edd-category-carousel .edd-item {
4268 position: relative;
4269 transition: all 0.3s ease;
4270 overflow: hidden;
4271 border: 1px solid #ece8e8;
4272 border-radius: 10px;
4273 }
4274 .usk-edd-category-carousel .edd-content {
4275 position: absolute;
4276 }
4277 .usk-edd-category-carousel .usk-edd-category-carousel-image img {
4278 width: 100%;
4279 height: 100%;
4280 object-fit: cover;
4281 }
4282 .usk-edd-category-carousel .title {
4283 color: #2b2d42;
4284 font-size: 18px;
4285 font-weight: 700;
4286 line-height: 22px;
4287 margin: 0;
4288 text-transform: uppercase;
4289 text-decoration: none;
4290 transition: all 0.3s ease;
4291 margin-bottom: 6px;
4292 }
4293 .usk-edd-category-carousel .title:hover {
4294 color: #d90429;
4295 }
4296 .usk-edd-category-carousel .edd-category-count {
4297 color: #ef233c;
4298 font-size: 13px;
4299 text-transform: uppercase;
4300 margin: 0;
4301 transition: all 0.3s ease;
4302 }
4303 .usk-edd-category-carousel .edd-category-count .edd-count-text {
4304 padding-right: 5px;
4305 }
4306 .usk-edd-category-carousel .edd-item-overlay {
4307 position: absolute;
4308 top: 0;
4309 right: 0;
4310 height: 100%;
4311 width: 100%;
4312 background: transparent;
4313 }
4314 .usk-edd-category-carousel.style-1 .edd-item:hover {
4315 transition: all 0.3s ease;
4316 }
4317 .usk-edd-category-carousel.style-1 .usk-edd-category-carousel-image {
4318 object-fit: cover;
4319 min-height: 240px;
4320 height: 100%;
4321 width: 100%;
4322 }
4323 .usk-edd-category-carousel.style-1 .edd-content {
4324 text-align: center;
4325 padding: 20px;
4326 width: 200px;
4327 background: rgba(255, 255, 255, 0.582);
4328 border-radius: 5px;
4329 top: 50%;
4330 right: 50%;
4331 transform: translate(50%, -50%);
4332 z-index: 1;
4333 }
4334 .usk-edd-category-carousel.style-2 .edd-item {
4335 height: 100px;
4336 overflow: hidden;
4337 }
4338 .usk-edd-category-carousel.style-2 .edd-item:hover .usk-edd-category-carousel-image img {
4339 transform: scale(1.1);
4340 }
4341 .usk-edd-category-carousel.style-2 .usk-edd-category-carousel-image {
4342 width: 100%;
4343 height: 100%;
4344 }
4345 .usk-edd-category-carousel.style-2 .usk-edd-category-carousel-image img {
4346 transition: all 0.3s ease;
4347 }
4348 .usk-edd-category-carousel.style-2 .edd-content {
4349 top: 50%;
4350 transform: translateY(-50%);
4351 display: flex;
4352 align-items: center;
4353 width: 100%;
4354 padding: 20px;
4355 z-index: 1;
4356 }
4357 .usk-edd-category-carousel.style-2 .title {
4358 color: #fff;
4359 margin: 0;
4360 }
4361 .usk-edd-category-carousel.style-2 .title:hover {
4362 color: #d90429;
4363 }
4364 .usk-edd-category-carousel.style-2 .edd-category-count {
4365 margin-right: auto;
4366 }
4367 .usk-edd-category-carousel.style-2 .edd-count-text {
4368 display: none;
4369 }
4370 .usk-edd-category-carousel.style-2 .edd-count-number {
4371 background: #fff;
4372 color: #2b2d42;
4373 width: 30px;
4374 height: 30px;
4375 line-height: 30px;
4376 text-align: center;
4377 display: inherit;
4378 border-radius: 100px;
4379 }
4380 .usk-edd-category-carousel.style-2 .edd-count-number:hover {
4381 color: #fff;
4382 background: #d90429;
4383 }
4384 .usk-edd-category-carousel.style-3 .edd-item {
4385 background: #fff;
4386 }
4387 .usk-edd-category-carousel.style-3 .edd-content {
4388 position: static;
4389 padding: 20px;
4390 z-index: 1;
4391 }
4392 .usk-edd-category-carousel.style-3 .usk-edd-category-carousel-image {
4393 object-fit: cover;
4394 height: 240px;
4395 width: 100%;
4396 }
4397 .usk-edd-category-carousel.style-4 .edd-item:hover .usk-edd-category-carousel-image img {
4398 transform: scale(1.1);
4399 }
4400 .usk-edd-category-carousel.style-4 .edd-item:hover .title {
4401 transform: translateY(0);
4402 }
4403 .usk-edd-category-carousel.style-4 .edd-item:hover .edd-category-count {
4404 opacity: 1;
4405 transform: translateY(0);
4406 }
4407 .usk-edd-category-carousel.style-4 .usk-edd-category-carousel-image {
4408 object-fit: cover;
4409 height: 220px;
4410 width: 100%;
4411 }
4412 .usk-edd-category-carousel.style-4 .usk-edd-category-carousel-image img {
4413 transition: all 0.3s ease;
4414 }
4415 .usk-edd-category-carousel.style-4 .edd-content {
4416 bottom: 0;
4417 padding: 20px;
4418 overflow: hidden;
4419 z-index: 1;
4420 }
4421 .usk-edd-category-carousel.style-4 .title {
4422 color: #fff;
4423 transform: translateY(30px);
4424 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4425 }
4426 .usk-edd-category-carousel.style-4 .title:hover {
4427 color: #d90429;
4428 }
4429 .usk-edd-category-carousel.style-4 .edd-category-count {
4430 color: #d4d7ea;
4431 opacity: 0;
4432 transform: translateY(25px);
4433 overflow: hidden;
4434 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
4435 }
4436 .usk-edd-category-carousel.style-5 .edd-item {
4437 display: flex;
4438 align-items: center;
4439 justify-content: center;
4440 }
4441 .usk-edd-category-carousel.style-5 .edd-item .usk-edd-category-carousel-image {
4442 height: 220px;
4443 }
4444 .usk-edd-category-carousel.style-5 .edd-item:hover .usk-edd-category-carousel-image img {
4445 transform: scale(1.1);
4446 }
4447 .usk-edd-category-carousel.style-5 .edd-item:hover .title {
4448 opacity: 0;
4449 }
4450 .usk-edd-category-carousel.style-5 .edd-item:hover .edd-category-count {
4451 opacity: 1;
4452 transform: scale(1.1) translateY(-10px);
4453 }
4454 .usk-edd-category-carousel.style-5 .usk-edd-category-carousel-image {
4455 height: 100%;
4456 width: 100%;
4457 object-fit: cover;
4458 }
4459 .usk-edd-category-carousel.style-5 .usk-edd-category-carousel-image img {
4460 transition: all 0.3s ease;
4461 }
4462 .usk-edd-category-carousel.style-5 .edd-content {
4463 top: 50%;
4464 transform: translateY(-50%);
4465 text-align: center;
4466 z-index: 1;
4467 }
4468 .usk-edd-category-carousel.style-5 .title {
4469 background-color: #2b2d42;
4470 padding: 8px 20px;
4471 border-radius: 2px;
4472 color: #fff;
4473 font-size: 14px;
4474 line-height: 1;
4475 transform: translateY(20px);
4476 opacity: 1;
4477 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4478 }
4479 .usk-edd-category-carousel.style-5 .title:hover {
4480 color: #d90429;
4481 }
4482 .usk-edd-category-carousel.style-5 .edd-category-count {
4483 color: #fff;
4484 transform: translateY(-10px);
4485 opacity: 0;
4486 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4487 line-height: 1;
4488 }
4489 .usk-edd-category-carousel .edd-item-overlay {
4490 transition: all 0.3s ease;
4491 }
4492
4493 .edd-item-match-height--yes .usk-edd-category-carousel .swiper-slide {
4494 height: initial;
4495 }
4496
4497 .elementor-widget-usk-edd-category-carousel .usk-arrows-container {
4498 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 40));
4499 transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 40));
4500 }
4501 .elementor-widget-usk-edd-category-carousel .usk-dots-container {
4502 -webkit-transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 30));
4503 transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 30));
4504 }
4505 .elementor-widget-usk-edd-category-carousel .usk-arrows-dots-container {
4506 -webkit-transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 40));
4507 transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 40));
4508 }
4509 .elementor-widget-usk-edd-category-carousel .usk-arrows-fraction-container {
4510 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 40));
4511 transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 40));
4512 }
4513 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-container,
4514 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-container {
4515 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 0)) rotate(-90deg);
4516 transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 0)) rotate(-90deg);
4517 }
4518 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-dots-container,
4519 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-dots-container {
4520 -webkit-transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 0)) rotate(-90deg);
4521 transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 0)) rotate(-90deg);
4522 }
4523 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-dots-container,
4524 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-dots-container {
4525 -webkit-transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 0)) rotate(-90deg);
4526 transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 0)) rotate(-90deg);
4527 }
4528 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-fraction-container,
4529 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-fraction-container {
4530 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
4531 transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
4532 }
4533
4534 :root {
4535 --ep-edd-category-grid-item-height: 400px;
4536 --ep-edd-category-grid-counter: 25px;
4537 }
4538
4539 .usk-edd-category-grid {
4540 display: grid;
4541 grid-template-columns: repeat(3, 1fr);
4542 }
4543 .usk-edd-category-grid .category-link {
4544 text-decoration: none;
4545 }
4546 .usk-edd-category-grid .edd-item {
4547 position: relative;
4548 transition: all 0.3s ease;
4549 overflow: hidden;
4550 border: 1px solid #ece8e8;
4551 border-radius: 10px;
4552 }
4553 .usk-edd-category-grid .edd-content {
4554 position: absolute;
4555 }
4556 .usk-edd-category-grid .usk-edd-category-grid-image img {
4557 width: 100%;
4558 height: 100%;
4559 object-fit: cover;
4560 }
4561 .usk-edd-category-grid .title {
4562 color: #2b2d42;
4563 font-size: 18px;
4564 font-weight: 700;
4565 line-height: 22px;
4566 margin: 0;
4567 text-transform: uppercase;
4568 text-decoration: none;
4569 transition: all 0.3s ease;
4570 margin-bottom: 6px;
4571 }
4572 .usk-edd-category-grid .title:hover {
4573 color: #d90429;
4574 }
4575 .usk-edd-category-grid .edd-category-count {
4576 color: #ef233c;
4577 font-size: 13px;
4578 text-transform: uppercase;
4579 margin: 0;
4580 transition: all 0.3s ease;
4581 }
4582 .usk-edd-category-grid .edd-category-count .edd-count-text {
4583 padding-right: 5px;
4584 }
4585 .usk-edd-category-grid .edd-item-overlay {
4586 position: absolute;
4587 top: 0;
4588 right: 0;
4589 height: 100%;
4590 width: 100%;
4591 background: transparent;
4592 }
4593 .usk-edd-category-grid.style-1 .edd-item:hover {
4594 transition: all 0.3s ease;
4595 }
4596 .usk-edd-category-grid.style-1 .usk-edd-category-grid-image {
4597 object-fit: cover;
4598 min-height: 240px;
4599 height: 100%;
4600 width: 100%;
4601 }
4602 .usk-edd-category-grid.style-1 .edd-content {
4603 text-align: center;
4604 padding: 20px;
4605 width: 200px;
4606 background: rgba(255, 255, 255, 0.582);
4607 border-radius: 5px;
4608 top: 50%;
4609 right: 50%;
4610 transform: translate(50%, -50%);
4611 z-index: 1;
4612 }
4613 .usk-edd-category-grid.style-2 .edd-item {
4614 height: 100px;
4615 overflow: hidden;
4616 }
4617 .usk-edd-category-grid.style-2 .edd-item:hover .usk-edd-category-grid-image img {
4618 transform: scale(1.1);
4619 }
4620 .usk-edd-category-grid.style-2 .usk-edd-category-grid-image {
4621 width: 100%;
4622 height: 100%;
4623 }
4624 .usk-edd-category-grid.style-2 .usk-edd-category-grid-image img {
4625 transition: all 0.3s ease;
4626 }
4627 .usk-edd-category-grid.style-2 .edd-content {
4628 top: 50%;
4629 transform: translateY(-50%);
4630 display: flex;
4631 align-items: center;
4632 width: 100%;
4633 padding: 20px;
4634 z-index: 1;
4635 }
4636 .usk-edd-category-grid.style-2 .title {
4637 color: #fff;
4638 margin: 0;
4639 }
4640 .usk-edd-category-grid.style-2 .title:hover {
4641 color: #d90429;
4642 }
4643 .usk-edd-category-grid.style-2 .edd-category-count {
4644 margin-right: auto;
4645 }
4646 .usk-edd-category-grid.style-2 .edd-count-text {
4647 display: none;
4648 }
4649 .usk-edd-category-grid.style-2 .edd-count-number {
4650 background: #fff;
4651 color: #2b2d42;
4652 width: 30px;
4653 height: 30px;
4654 line-height: 30px;
4655 text-align: center;
4656 display: inherit;
4657 border-radius: 100px;
4658 }
4659 .usk-edd-category-grid.style-2 .edd-count-number:hover {
4660 color: #fff;
4661 background: #d90429;
4662 }
4663 .usk-edd-category-grid.style-3 .edd-item {
4664 background: #fff;
4665 }
4666 .usk-edd-category-grid.style-3 .edd-content {
4667 position: static;
4668 padding: 20px;
4669 z-index: 1;
4670 }
4671 .usk-edd-category-grid.style-3 .usk-edd-category-grid-image {
4672 object-fit: cover;
4673 height: 240px;
4674 width: 100%;
4675 }
4676 .usk-edd-category-grid.style-4 .edd-item:hover .usk-edd-category-grid-image img {
4677 transform: scale(1.1);
4678 }
4679 .usk-edd-category-grid.style-4 .edd-item:hover .title {
4680 transform: translateY(0);
4681 }
4682 .usk-edd-category-grid.style-4 .edd-item:hover .edd-category-count {
4683 opacity: 1;
4684 transform: translateY(0);
4685 }
4686 .usk-edd-category-grid.style-4 .usk-edd-category-grid-image {
4687 object-fit: cover;
4688 height: 220px;
4689 width: 100%;
4690 }
4691 .usk-edd-category-grid.style-4 .usk-edd-category-grid-image img {
4692 transition: all 0.3s ease;
4693 }
4694 .usk-edd-category-grid.style-4 .edd-content {
4695 bottom: 0;
4696 padding: 20px;
4697 overflow: hidden;
4698 z-index: 1;
4699 }
4700 .usk-edd-category-grid.style-4 .title {
4701 color: #fff;
4702 transform: translateY(30px);
4703 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4704 }
4705 .usk-edd-category-grid.style-4 .title:hover {
4706 color: #d90429;
4707 }
4708 .usk-edd-category-grid.style-4 .edd-category-count {
4709 color: #d4d7ea;
4710 opacity: 0;
4711 transform: translateY(25px);
4712 overflow: hidden;
4713 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease;
4714 }
4715 .usk-edd-category-grid.style-5 .edd-item {
4716 display: flex;
4717 align-items: center;
4718 justify-content: center;
4719 }
4720 .usk-edd-category-grid.style-5 .edd-item .usk-edd-category-grid-image {
4721 height: 220px;
4722 }
4723 .usk-edd-category-grid.style-5 .edd-item:hover .usk-edd-category-grid-image img {
4724 transform: scale(1.1);
4725 }
4726 .usk-edd-category-grid.style-5 .edd-item:hover .title {
4727 opacity: 0;
4728 }
4729 .usk-edd-category-grid.style-5 .edd-item:hover .edd-category-count {
4730 opacity: 1;
4731 transform: scale(1.1) translateY(-10px);
4732 }
4733 .usk-edd-category-grid.style-5 .usk-edd-category-grid-image {
4734 height: 100%;
4735 width: 100%;
4736 object-fit: cover;
4737 }
4738 .usk-edd-category-grid.style-5 .usk-edd-category-grid-image img {
4739 transition: all 0.3s ease;
4740 }
4741 .usk-edd-category-grid.style-5 .edd-content {
4742 top: 50%;
4743 transform: translateY(-50%);
4744 text-align: center;
4745 z-index: 1;
4746 }
4747 .usk-edd-category-grid.style-5 .title {
4748 background-color: #2b2d42;
4749 padding: 8px 20px;
4750 border-radius: 2px;
4751 color: #fff;
4752 font-size: 14px;
4753 line-height: 1;
4754 transform: translateY(20px);
4755 opacity: 1;
4756 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4757 }
4758 .usk-edd-category-grid.style-5 .title:hover {
4759 color: #d90429;
4760 }
4761 .usk-edd-category-grid.style-5 .edd-category-count {
4762 color: #fff;
4763 transform: translateY(-10px);
4764 opacity: 0;
4765 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease;
4766 line-height: 1;
4767 }
4768 .usk-edd-category-grid .edd-item-overlay {
4769 transition: all 0.3s ease;
4770 }
4771
4772 .edd-item-match-height--yes .usk-edd-category-grid .swiper-slide {
4773 height: initial;
4774 }
4775
4776 .usk-brand-grid-item {
4777 position: relative;
4778 padding: 30px;
4779 border-radius: 5px;
4780 transition: all 0.3s ease;
4781 }
4782 .usk-brand-grid-item a {
4783 position: absolute;
4784 height: 100%;
4785 width: 100%;
4786 right: 0;
4787 top: 0;
4788 }
4789
4790 .usk-brand-grid-img {
4791 object-fit: cover;
4792 transition: all 0.3s ease;
4793 }
4794
4795 .usk-brand-carousel-item {
4796 position: relative;
4797 padding: 30px;
4798 border-radius: 5px;
4799 text-align: center;
4800 transition: all 0.3s ease;
4801 }
4802 .usk-brand-carousel-item a {
4803 position: absolute;
4804 height: 100%;
4805 width: 100%;
4806 right: 0;
4807 top: 0;
4808 }
4809
4810 .usk-brand-carousel-img {
4811 object-fit: cover;
4812 transition: all 0.3s ease;
4813 }
4814
4815 .usk-info-list {
4816 display: grid;
4817 }
4818 .usk-info-list .usk-content {
4819 width: 100%;
4820 }
4821
4822 .usk-info-list-item {
4823 position: relative;
4824 padding: 20px;
4825 display: inline-flex;
4826 }
4827
4828 .usk-info-list-icon span {
4829 color: #2B2D42;
4830 font-size: 16px;
4831 display: inline-flex;
4832 }
4833 .usk-info-list-icon svg {
4834 fill: #2B2D42;
4835 width: 1em;
4836 height: 1em;
4837 }
4838
4839 .usk-info-list-title {
4840 margin: 0 0 8px;
4841 font-size: 18px;
4842 font-weight: 500;
4843 text-transform: capitalize;
4844 }
4845 .usk-info-list-title a {
4846 color: #2B2D42;
4847 transition: all 0.3s ease;
4848 }
4849 .usk-info-list-title a:hover {
4850 color: #D90429;
4851 }
4852
4853 .usk-info-list-text {
4854 font-size: 15px;
4855 color: #2B2D42;
4856 }
4857 .usk-info-list-text p {
4858 margin: 0;
4859 }
4860
4861 .usk-info-style-top .usk-info-list-item {
4862 flex-direction: column;
4863 }
4864
4865 .usk-info-style-left .usk-info-list-item {
4866 align-items: center;
4867 flex-direction: row;
4868 }
4869
4870 .usk-info-style-right .usk-info-list-item {
4871 align-items: center;
4872 flex-direction: row-reverse;
4873 }
4874
4875 .usk-info-style-right .usk-content {
4876 text-align: left;
4877 }
4878
4879 .usk-sub-category {
4880 grid-gap: 20px;
4881 }
4882 .usk-sub-category .usk-item {
4883 display: flex;
4884 align-items: center;
4885 gap: 20px;
4886 border: 1px solid #e8e8e9;
4887 padding: 20px;
4888 overflow: hidden;
4889 transition: all 0.3s ease;
4890 }
4891 .usk-sub-category .usk-item:hover .usk-link-btn a i {
4892 opacity: 1;
4893 visibility: visible;
4894 transform: translateX(-8px);
4895 }
4896 .usk-sub-category .usk-image-slider {
4897 width: 100%;
4898 height: 100%;
4899 overflow: hidden;
4900 }
4901 .usk-sub-category .usk-image-wrap {
4902 width: 100%;
4903 height: 100%;
4904 }
4905 .usk-sub-category .usk-img {
4906 width: 100%;
4907 height: 100%;
4908 object-fit: cover;
4909 }
4910 .usk-sub-category .usk-content {
4911 width: 100%;
4912 }
4913 .usk-sub-category .usk-name {
4914 font-size: 20px;
4915 margin: 0 0 15px;
4916 font-weight: 700;
4917 text-transform: uppercase;
4918 }
4919 .usk-sub-category .usk-name a {
4920 color: #2b2c35;
4921 text-decoration: none;
4922 transition: all 0.3s ease-in-out;
4923 }
4924 .usk-sub-category .usk-name a:hover {
4925 color: #d90429;
4926 }
4927 .usk-sub-category .usk-list {
4928 margin: 0 0 13px;
4929 display: inline-flex;
4930 flex-wrap: wrap;
4931 gap: 8px;
4932 }
4933 .usk-sub-category .usk-list a {
4934 color: #66687a;
4935 font-size: 12px;
4936 text-decoration: underline;
4937 text-transform: uppercase;
4938 transition: all 0.3s ease-in-out;
4939 font-weight: 500;
4940 display: inline-flex;
4941 }
4942 .usk-sub-category .usk-list a:hover {
4943 color: #d90429;
4944 }
4945 .usk-sub-category .usk-link-btn {
4946 display: block;
4947 }
4948 .usk-sub-category .usk-link-btn a {
4949 display: inline-flex;
4950 align-items: center;
4951 font-size: 14px;
4952 color: #d90429;
4953 font-weight: 600;
4954 text-decoration: none;
4955 text-transform: uppercase;
4956 transition: all 0.3s ease-in-out;
4957 }
4958 .usk-sub-category .usk-link-btn a:hover {
4959 color: #d90429;
4960 }
4961 .usk-sub-category .usk-link-btn a i {
4962 opacity: 0;
4963 visibility: hidden;
4964 transform: translateX(10px);
4965 transition: all 0.3s ease-in-out;
4966 }
4967
4968 .usk-sub-category-carousel .usk-item {
4969 display: flex;
4970 align-items: center;
4971 gap: 20px;
4972 border: 1px solid #e8e8e9;
4973 padding: 20px;
4974 overflow: hidden;
4975 transition: all 0.3s ease;
4976 height: auto;
4977 }
4978 .usk-sub-category-carousel .usk-item:hover .usk-link-btn a i {
4979 opacity: 1;
4980 visibility: visible;
4981 transform: translateX(-8px);
4982 }
4983 .usk-sub-category-carousel .usk-image-slider {
4984 width: 100%;
4985 height: 100%;
4986 overflow: hidden;
4987 }
4988 .usk-sub-category-carousel .usk-image-wrap {
4989 width: 100%;
4990 height: 100%;
4991 }
4992 .usk-sub-category-carousel .usk-img {
4993 width: 100%;
4994 height: 100%;
4995 object-fit: cover;
4996 }
4997 .usk-sub-category-carousel .usk-content {
4998 width: 100%;
4999 padding: 0;
5000 }
5001 .usk-sub-category-carousel .usk-name {
5002 font-size: 20px;
5003 margin: 0 0 15px;
5004 font-weight: 700;
5005 text-transform: uppercase;
5006 }
5007 .usk-sub-category-carousel .usk-name a {
5008 color: #2b2c35;
5009 text-decoration: none;
5010 transition: all 0.3s ease-in-out;
5011 }
5012 .usk-sub-category-carousel .usk-name a:hover {
5013 color: #d90429;
5014 }
5015 .usk-sub-category-carousel .usk-list {
5016 margin: 0 0 13px;
5017 display: inline-flex;
5018 flex-wrap: wrap;
5019 gap: 8px;
5020 }
5021 .usk-sub-category-carousel .usk-list a {
5022 color: #66687a;
5023 font-size: 12px;
5024 text-decoration: underline;
5025 text-transform: uppercase;
5026 transition: all 0.3s ease-in-out;
5027 font-weight: 500;
5028 display: inline-flex;
5029 }
5030 .usk-sub-category-carousel .usk-list a:hover {
5031 color: #d90429;
5032 }
5033 .usk-sub-category-carousel .usk-link-btn {
5034 display: block;
5035 }
5036 .usk-sub-category-carousel .usk-link-btn a {
5037 display: inline-flex;
5038 align-items: center;
5039 font-size: 14px;
5040 color: #d90429;
5041 font-weight: 600;
5042 text-decoration: none;
5043 text-transform: uppercase;
5044 transition: all 0.3s ease-in-out;
5045 }
5046 .usk-sub-category-carousel .usk-link-btn a:hover {
5047 color: #d90429;
5048 }
5049 .usk-sub-category-carousel .usk-link-btn a i {
5050 opacity: 0;
5051 visibility: hidden;
5052 transform: translateX(10px);
5053 transition: all 0.3s ease-in-out;
5054 }
5055
5056 .usk-featured-box:hover .usk-image-wrap {
5057 transform: scale(1.1);
5058 }
5059 .usk-featured-box .usk-item {
5060 position: relative;
5061 overflow: hidden;
5062 }
5063 .usk-featured-box .usk-image-wrap {
5064 position: absolute;
5065 height: 100%;
5066 width: 100%;
5067 background-position: center;
5068 background-repeat: no-repeat;
5069 background-size: cover;
5070 transition: transform 0.3s ease-in-out;
5071 transform: scale(1);
5072 }
5073 .usk-featured-box .usk-content {
5074 position: absolute;
5075 padding: 40px;
5076 right: 0;
5077 left: 0;
5078 }
5079 .usk-featured-box .usk-meta {
5080 color: #2B2D42;
5081 font-size: 12px;
5082 font-weight: 500;
5083 text-decoration: none;
5084 text-transform: uppercase;
5085 transition: all 0.3s ease-in-out;
5086 }
5087 .usk-featured-box .usk-meta:hover,
5088 .usk-featured-box .usk-title a:hover {
5089 color: #D90429;
5090 }
5091 .usk-featured-box .usk-title {
5092 margin: 0 0 8px;
5093 font-size: 32px;
5094 font-weight: 700;
5095 text-transform: capitalize;
5096 }
5097 .usk-featured-box .usk-title a {
5098 color: #2B2D42;
5099 text-decoration: none;
5100 transition: all 0.3s ease-in-out;
5101 }
5102 .usk-featured-box .usk-text {
5103 font-size: 16px;
5104 color: #2B2D42;
5105 margin-bottom: 20px;
5106 }
5107 .usk-featured-box .usk-text p {
5108 margin: 0;
5109 }
5110 .usk-featured-box .usk-link-btn a {
5111 position: relative;
5112 overflow: hidden;
5113 padding: 10px 35px;
5114 border-radius: 40px;
5115 display: inline-block;
5116 color: #D90429;
5117 text-decoration: none;
5118 font-weight: 700;
5119 text-transform: capitalize;
5120 font-size: 12px;
5121 transition: all 0.3s ease-in-out;
5122 }
5123 .usk-featured-box .usk-link-btn a span {
5124 position: relative;
5125 z-index: 1;
5126 }
5127 .usk-featured-box .usk-link-btn a:hover {
5128 color: #fff;
5129 }
5130 .usk-featured-box .usk-link-btn a::before {
5131 position: absolute;
5132 content: "";
5133 top: 0;
5134 right: 0;
5135 width: 0;
5136 height: 100%;
5137 background-color: #D90429;
5138 transition: all 0.3s ease-in-out;
5139 }
5140 .usk-featured-box .usk-link-btn a:hover::before {
5141 width: 100%;
5142 }
5143 .usk-featured-box.usk-fb-content-position-top .usk-content {
5144 top: 0;
5145 }
5146 .usk-featured-box.usk-fb-content-position-center .usk-content {
5147 top: 50%;
5148 transform: translateY(-50%);
5149 }
5150 .usk-featured-box.usk-fb-content-position-bottom .usk-content {
5151 bottom: 0;
5152 }
5153
5154 .usk-featured-box-wrapper-link {
5155 position: absolute;
5156 width: 100%;
5157 height: 100%;
5158 top: 0;
5159 right: 0;
5160 z-index: 1;
5161 }
5162
5163 .usk-heaven-slider {
5164 display: flex;
5165 height: clamp(560px, 40vw, 600px);
5166 overflow: hidden;
5167 padding: clamp(10px, 2vw, 30px);
5168 justify-content: space-between;
5169 flex-direction: row-reverse;
5170 border-radius: 6px;
5171 position: relative;
5172 }
5173 .usk-heaven-slider .usk-main-slider {
5174 width: 100%;
5175 }
5176 .usk-heaven-slider .usk-main-slider .usk-image-wrap {
5177 opacity: 0;
5178 }
5179 .usk-heaven-slider .swiper-slide-duplicate-active .usk-badge-label-wrapper,
5180 .usk-heaven-slider .swiper-slide-duplicate-active .usk-content,
5181 .usk-heaven-slider .swiper-slide-active .usk-badge-label-wrapper,
5182 .usk-heaven-slider .swiper-slide-active .usk-content {
5183 opacity: 1;
5184 visibility: visible;
5185 }
5186 .usk-heaven-slider .swiper-slide-duplicate-active .usk-image-wrap,
5187 .usk-heaven-slider .swiper-slide-active .usk-image-wrap {
5188 opacity: 1;
5189 }
5190 .usk-heaven-slider .usk-content {
5191 width: 100%;
5192 opacity: 0;
5193 visibility: hidden;
5194 transition: all 0.6s ease-in-out;
5195 }
5196 .usk-heaven-slider .usk-item-box {
5197 display: flex;
5198 align-items: center;
5199 flex-direction: column;
5200 width: 100%;
5201 height: 100%;
5202 gap: clamp(15px, 2vw, 30px);
5203 }
5204 .usk-heaven-slider .usk-image-wrap {
5205 width: 100%;
5206 transition: all 0.3s ease-in-out;
5207 display: flex;
5208 border-radius: 6px;
5209 overflow: hidden;
5210 }
5211 .usk-heaven-slider .usk-image-wrap .usk-img {
5212 width: 100%;
5213 height: 100%;
5214 object-fit: cover;
5215 }
5216 .usk-heaven-slider .usk-category {
5217 margin-bottom: 10px;
5218 display: inline-flex;
5219 gap: 10px;
5220 flex-wrap: wrap;
5221 }
5222 .usk-heaven-slider .usk-category a {
5223 font-size: 14px;
5224 color: #5f5f74;
5225 font-weight: 600;
5226 text-transform: capitalize;
5227 transition: all 0.3s ease-in-out;
5228 text-decoration: underline;
5229 text-decoration-color: #5bb300;
5230 text-decoration-skip-ink: none;
5231 }
5232 .usk-heaven-slider .usk-category a:hover {
5233 color: #5bb300;
5234 }
5235 .usk-heaven-slider .usk-title {
5236 margin: 0 0 10px;
5237 font-size: clamp(24px, 2.5vw, 40px);
5238 letter-spacing: 2px;
5239 font-weight: 700;
5240 text-transform: capitalize;
5241 }
5242 .usk-heaven-slider .usk-title a {
5243 color: #1f2027;
5244 text-decoration: none;
5245 transition: all 0.3s ease-in-out;
5246 }
5247 .usk-heaven-slider .usk-title a:hover {
5248 color: #5bb300;
5249 }
5250 .usk-heaven-slider .usk-text {
5251 font-size: clamp(14px, 1vw, 16px);
5252 line-height: 1.8;
5253 color: #6b6b6e;
5254 margin-bottom: clamp(10px, 2vw, 15px);
5255 }
5256 .usk-heaven-slider .usk-text p {
5257 margin: 0;
5258 }
5259 .usk-heaven-slider .usk-price {
5260 display: flex;
5261 align-items: center;
5262 grid-column-gap: 12px;
5263 font-size: clamp(16px, 1vw, 18px);
5264 font-weight: 600;
5265 margin-bottom: clamp(12px, 1.2vw, 14px);
5266 }
5267 .usk-heaven-slider .usk-price del {
5268 color: #8d8e9c;
5269 }
5270 .usk-heaven-slider .usk-price ins {
5271 color: #5bb300;
5272 text-decoration: none;
5273 }
5274 .usk-heaven-slider .usk-shoping {
5275 display: flex;
5276 align-items: center;
5277 grid-column-gap: 10px;
5278 }
5279 .usk-heaven-slider .usk-shoping a {
5280 display: inline-flex;
5281 position: relative;
5282 color: #fff;
5283 font-size: clamp(13px, 1vw, 15px);
5284 padding: clamp(10px, 1vw, 12px);
5285 text-decoration: none;
5286 border-radius: 4px;
5287 background-color: #5bb300;
5288 line-height: 1.2;
5289 }
5290 .usk-heaven-slider .usk-shoping a:hover {
5291 background-color: #1f2027;
5292 }
5293 .usk-heaven-slider .usk-shoping a i {
5294 height: 1.2em;
5295 width: 1.2em;
5296 display: inline-flex;
5297 align-items: center;
5298 justify-content: center;
5299 }
5300 .usk-heaven-slider .usk-shoping .usk-wishlist.usk-active {
5301 background-color: #1f2027;
5302 }
5303 .usk-heaven-slider .usk-item .usk-rating {
5304 display: flex;
5305 align-items: center;
5306 width: 100%;
5307 margin-bottom: 30px;
5308 }
5309 .usk-heaven-slider .usk-item .usk-rating .woocommerce-product-rating {
5310 display: flex;
5311 align-items: center;
5312 padding: 0;
5313 }
5314 .usk-heaven-slider .usk-item .usk-rating .woocommerce-product-rating .star-rating {
5315 font-size: 12px;
5316 margin: 0;
5317 }
5318 .usk-heaven-slider .usk-badge-label-wrapper {
5319 position: absolute;
5320 left: 0;
5321 top: 0;
5322 margin: 10px;
5323 }
5324 .usk-heaven-slider .usk-badge-label-wrapper .usk-badge {
5325 border-radius: 4px;
5326 }
5327 .usk-heaven-slider .usk-thumbs-slider {
5328 display: none;
5329 overflow: hidden;
5330 padding: 5px;
5331 margin-left: clamp(10px, 2vw, 30px);
5332 }
5333 .usk-heaven-slider .usk-thumbs-slider .usk-item-box,
5334 .usk-heaven-slider .usk-thumbs-slider .usk-image-wrap {
5335 height: 100%;
5336 width: 100%;
5337 }
5338 .usk-heaven-slider .usk-thumbs-slider .usk-image-wrap {
5339 padding: 10px;
5340 }
5341 .usk-heaven-slider .usk-thumbs-slider .usk-img {
5342 width: 100%;
5343 height: 100%;
5344 object-fit: cover;
5345 border-radius: 5px;
5346 }
5347 .usk-heaven-slider .usk-thumbs-slider .usk-item {
5348 display: flex;
5349 align-items: center;
5350 justify-content: center;
5351 position: relative;
5352 overflow: hidden;
5353 cursor: pointer;
5354 }
5355 .usk-heaven-slider .usk-thumbs-slider .usk-item:before {
5356 position: absolute;
5357 content: "";
5358 width: 100%;
5359 height: 100%;
5360 top: 0;
5361 right: 0;
5362 border-radius: 5px;
5363 transition: all 0.3s ease-in-out;
5364 }
5365 .usk-heaven-slider .usk-navigation-wrap {
5366 position: absolute;
5367 left: 0;
5368 bottom: 0;
5369 display: flex;
5370 align-items: center;
5371 flex-direction: row-reverse;
5372 margin: clamp(10px, 2vw, 30px);
5373 grid-column-gap: 10px;
5374 }
5375 .usk-heaven-slider .usk-nav-btn {
5376 color: #1f2027;
5377 font-size: clamp(14px, 1vw, 18px);
5378 display: flex;
5379 background: #eee;
5380 padding: clamp(10px, 1vw, 12px);
5381 border-radius: 4px;
5382 cursor: pointer;
5383 transition: all 0.3s ease-in-out;
5384 z-index: 1;
5385 }
5386 .usk-heaven-slider .usk-nav-btn:hover {
5387 color: #5bb300;
5388 }
5389
5390 @media (min-width: 768px) {
5391 .usk-heaven-slider .usk-thumbs-slider {
5392 display: block;
5393 }
5394 .usk-heaven-slider .usk-item-box {
5395 flex-direction: row;
5396 }
5397 .usk-heaven-slider .usk-badge-label-wrapper {
5398 margin: 0;
5399 }
5400 .usk-heaven-slider .usk-content {
5401 display: flex;
5402 flex-direction: column;
5403 justify-content: center;
5404 }
5405 }
5406 .usk-mentor-slider {
5407 overflow: hidden;
5408 position: relative;
5409 }
5410 .usk-mentor-slider .usk-img {
5411 width: 100%;
5412 height: 100%;
5413 object-fit: cover;
5414 object-position: center;
5415 }
5416 .usk-mentor-slider .usk-image-wrap {
5417 background-color: #efefef;
5418 }
5419 .usk-mentor-slider .usk-content {
5420 width: 100%;
5421 }
5422 .usk-mentor-slider .usk-inner-content {
5423 max-width: 700px;
5424 padding: clamp(15px, 5vw, 70px);
5425 overflow: hidden;
5426 }
5427 .usk-mentor-slider .usk-category {
5428 margin-bottom: 10px;
5429 display: inline-flex;
5430 flex-wrap: wrap;
5431 gap: 5px;
5432 }
5433 .usk-mentor-slider .usk-category a {
5434 font-size: 14px;
5435 color: #5f5f74;
5436 font-weight: 600;
5437 text-transform: capitalize;
5438 transition: all 0.3s ease-in-out;
5439 }
5440 .usk-mentor-slider .usk-category a:hover {
5441 color: #d90429;
5442 }
5443 .usk-mentor-slider .usk-item .usk-rating {
5444 display: flex;
5445 align-items: center;
5446 width: 100%;
5447 }
5448 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating {
5449 display: flex;
5450 align-items: center;
5451 padding: 0;
5452 }
5453 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating .star-rating {
5454 font-size: 12px;
5455 margin: 0;
5456 }
5457 .usk-mentor-slider .usk-badge-label-wrapper {
5458 position: absolute;
5459 left: 0;
5460 top: 0;
5461 margin: clamp(15px, 2vw, 30px);
5462 }
5463 .usk-mentor-slider .usk-title {
5464 font-size: clamp(24px, 3vw, 48px);
5465 text-transform: capitalize;
5466 font-weight: 700;
5467 margin-top: 0;
5468 margin-bottom: 15px;
5469 line-height: 1.3;
5470 }
5471 .usk-mentor-slider .usk-title a {
5472 color: #2b2d42;
5473 text-decoration: none;
5474 transition: color 0.5s cubic-bezier(0, 0, 0.2, 1);
5475 }
5476 .usk-mentor-slider .usk-title a:hover {
5477 color: #d90429;
5478 }
5479 .usk-mentor-slider .usk-text {
5480 font-size: clamp(14px, 1vw, 16px);
5481 color: #4e5562;
5482 line-height: 1.6;
5483 font-family: sans-serif;
5484 margin-bottom: 15px;
5485 }
5486 .usk-mentor-slider .usk-text p {
5487 margin: 0;
5488 }
5489 .usk-mentor-slider .usk-price {
5490 font-size: clamp(14px, 1vw, 16px);
5491 font-weight: 600;
5492 margin-bottom: 15px;
5493 }
5494 .usk-mentor-slider .usk-price .price {
5495 display: flex;
5496 align-items: center;
5497 grid-column-gap: 15px;
5498 }
5499 .usk-mentor-slider .usk-price ins {
5500 text-decoration: none;
5501 color: #000;
5502 }
5503 .usk-mentor-slider .usk-price del {
5504 color: rgba(169, 171, 189, 0.812);
5505 }
5506 .usk-mentor-slider .usk-main-slider {
5507 width: 100%;
5508 height: clamp(540px, 75vw, 700px);
5509 z-index: 1;
5510 position: relative;
5511 }
5512 .usk-mentor-slider .usk-main-slider .usk-item {
5513 display: flex;
5514 flex-direction: column;
5515 }
5516 .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap > div, .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap > div {
5517 opacity: 1;
5518 transform: translateY(0);
5519 }
5520 .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap > div:nth-child(1), .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap > div:nth-child(1) {
5521 transition-delay: 0.3s;
5522 }
5523 .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap > div:nth-child(2), .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap > div:nth-child(2) {
5524 transition-delay: 0.5s;
5525 }
5526 .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap > div:nth-child(3), .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap > div:nth-child(3) {
5527 transition-delay: 0.7s;
5528 }
5529 .usk-mentor-slider .usk-main-slider .usk-image-wrap {
5530 width: 100%;
5531 height: 100%;
5532 overflow: hidden;
5533 }
5534 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
5535 height: clamp(100px, 15vw, 130px);
5536 }
5537 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-item {
5538 cursor: pointer;
5539 }
5540 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-active,
5541 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-duplicate-active {
5542 opacity: 0;
5543 transform: scale(0);
5544 transition: transform 0.4s cubic-bezier(0.4, 0, 0.92, 0.24), opacity 0.4s cubic-bezier(0.4, 0, 0.92, 0.24);
5545 }
5546 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-prev {
5547 opacity: 0;
5548 }
5549 .usk-mentor-slider .usk-action-btn-wrap {
5550 position: absolute;
5551 top: 0;
5552 right: 0;
5553 display: flex;
5554 align-items: center;
5555 flex-direction: column;
5556 gap: 5px;
5557 margin: 15px;
5558 }
5559 .usk-mentor-slider .usk-action-btn-wrap > div {
5560 opacity: 0;
5561 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5562 transform: translateY(-30px);
5563 }
5564 .usk-mentor-slider .usk-action-btn-wrap a {
5565 display: flex;
5566 font-size: clamp(12px, 2vw, 15px);
5567 padding: clamp(12px, 2vw, 15px);
5568 color: #2b2d42;
5569 background: #fff;
5570 text-align: center;
5571 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5572 }
5573 .usk-mentor-slider .usk-action-btn-wrap a:hover {
5574 color: #d90429;
5575 }
5576 .usk-mentor-slider .usk-action-btn-wrap a i {
5577 height: 1.2em;
5578 width: 1.2em;
5579 display: flex;
5580 align-items: center;
5581 justify-content: center;
5582 }
5583 .usk-mentor-slider .usk-nav-pag-wrap {
5584 bottom: 0;
5585 left: 0;
5586 display: inline-flex;
5587 grid-gap: 30px;
5588 }
5589 .usk-mentor-slider .usk-navigation-button {
5590 display: flex;
5591 align-items: center;
5592 flex-direction: row-reverse;
5593 }
5594 .usk-mentor-slider .usk-nav-btn {
5595 display: flex;
5596 align-items: center;
5597 grid-column-gap: 10px;
5598 font-size: clamp(12px, 1vw, 14px);
5599 text-transform: uppercase;
5600 cursor: pointer;
5601 }
5602 .usk-mentor-slider .usk-nav-btn i {
5603 opacity: 0;
5604 transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95), opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5605 }
5606 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text {
5607 transition-delay: 0.4s;
5608 }
5609 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text::before {
5610 transform: translateY(0);
5611 }
5612 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text span {
5613 transform: translateY(-100%);
5614 opacity: 0;
5615 }
5616 .usk-mentor-slider .usk-nav-btn:hover i {
5617 opacity: 1;
5618 transform: translateX(0);
5619 transition-delay: 0.4s;
5620 }
5621 .usk-mentor-slider .usk-button-next .usk-nav-text {
5622 transform: translateX(-24px);
5623 }
5624 .usk-mentor-slider .usk-button-next i {
5625 transform: translateX(15px);
5626 }
5627 .usk-mentor-slider .usk-button-prev .usk-nav-text {
5628 transform: translateX(24px);
5629 }
5630 .usk-mentor-slider .usk-button-prev i {
5631 transform: translateX(-15px);
5632 }
5633 .usk-mentor-slider .usk-button-next:hover .usk-nav-text,
5634 .usk-mentor-slider .usk-button-prev:hover .usk-nav-text {
5635 transform: translateX(0);
5636 transition-delay: 0.4s;
5637 }
5638 .usk-mentor-slider .usk-nav-text {
5639 position: relative;
5640 overflow: hidden;
5641 transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5642 }
5643 .usk-mentor-slider .usk-nav-text::before {
5644 content: attr(data-title);
5645 height: 100%;
5646 position: absolute;
5647 width: 100%;
5648 top: 0;
5649 right: 0;
5650 transform: translateY(110%);
5651 transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5652 }
5653 .usk-mentor-slider .usk-nav-text span {
5654 display: inline-block;
5655 will-change: transform;
5656 position: relative;
5657 transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95), opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5658 }
5659 .usk-mentor-slider .swiper-pagination {
5660 position: unset !important;
5661 color: #a9abbd;
5662 font-size: 15px;
5663 }
5664 .usk-mentor-slider .swiper-pagination .swiper-pagination-current {
5665 color: #2b2d42;
5666 }
5667
5668 @media (min-width: 768px) {
5669 .usk-mentor-slider .usk-main-slider .usk-item {
5670 flex-direction: row;
5671 }
5672 .usk-mentor-slider .usk-nav-pag-wrap {
5673 position: absolute;
5674 }
5675 .usk-mentor-slider .usk-thumbs-slider-wrap {
5676 display: block;
5677 width: clamp(470px, 60vw, 700px);
5678 height: clamp(150px, 20vw, 170px);
5679 position: absolute;
5680 bottom: 6%;
5681 left: 50%;
5682 transform: translateX(-70%);
5683 overflow: hidden;
5684 z-index: 1;
5685 }
5686 .usk-mentor-slider .usk-action-btn-wrap {
5687 top: 50%;
5688 right: 50%;
5689 transform: translate(50%, -50%);
5690 margin: 0;
5691 }
5692 .usk-mentor-slider .usk-badge-label-wrapper {
5693 right: 0;
5694 left: auto;
5695 }
5696 }
5697 @media (max-width: 767px) {
5698 .usk-mentor-slider .usk-thumbs-slider {
5699 display: none;
5700 }
5701 .usk-mentor-slider .usk-nav-pag-wrap {
5702 padding: 0 15px 15px;
5703 width: 100%;
5704 }
5705 .usk-mentor-slider .swiper-pagination {
5706 display: flex;
5707 grid-gap: 5px;
5708 }
5709 }
5710 .elementor-widget-usk-up-sells.usk-up-sells-show-heading-yes section.up-sells.upsells.products h2 {
5711 display: block;
5712 }
5713 .elementor-widget-usk-up-sells .usk-upsells section.products {
5714 display: inline-block;
5715 }
5716 .elementor-widget-usk-up-sells .usk-upsells section.products li.product {
5717 border: 1px solid #eee;
5718 padding: 30px !important;
5719 display: inline-block;
5720 border-radius: 5px;
5721 }
5722 .elementor-widget-usk-up-sells .usk-upsells section.products h2 {
5723 font-size: 18px;
5724 margin-bottom: 10px;
5725 font-weight: 600;
5726 display: none;
5727 }
5728 .elementor-widget-usk-up-sells .usk-upsells section.products h2 a {
5729 color: #000;
5730 }
5731 .elementor-widget-usk-up-sells section.up-sells.upsells.products h2 {
5732 display: none;
5733 }
5734 .elementor-widget-usk-up-sells ul.products li.product,
5735 .elementor-widget-usk-up-sells .woocommerce-page ul.products li.product {
5736 border: 1px solid #eee;
5737 padding: 30px !important;
5738 display: inline-block;
5739 border-radius: 5px;
5740 }
5741
5742 .usk-edd-beauty-grid .usk-edd-beauty-grid-wrapper {
5743 display: grid;
5744 grid-template-columns: repeat(3, 1fr);
5745 grid-gap: 10px;
5746 }
5747 .usk-edd-beauty-grid .usk-edd-beauty-grid-item {
5748 transition: all 0.3s ease-in-out;
5749 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5750 background-color: #fff;
5751 }
5752 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover {
5753 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5754 }
5755 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-edd-beauty-grid-image img {
5756 transform: translateY(-20PX);
5757 }
5758 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-action-button {
5759 transform: translateY(0);
5760 opacity: 1;
5761 transition-delay: 0.2s;
5762 }
5763 .usk-edd-beauty-grid .usk-edd-beauty-grid-image-wrapper {
5764 width: 100%;
5765 height: 300px;
5766 position: relative;
5767 overflow: hidden;
5768 }
5769 .usk-edd-beauty-grid .usk-edd-beauty-grid-image {
5770 height: 100%;
5771 width: 100%;
5772 }
5773 .usk-edd-beauty-grid .usk-edd-beauty-grid-image img {
5774 width: 100%;
5775 height: 110%;
5776 object-fit: cover;
5777 transform: translateY(0);
5778 transition: all 0.5s ease;
5779 }
5780 .usk-edd-beauty-grid .usk-action-button {
5781 position: absolute;
5782 bottom: 0;
5783 right: 0;
5784 left: 0;
5785 display: inline-flex;
5786 align-items: center;
5787 margin: 0 20px;
5788 text-align: center;
5789 transform: translateY(30px);
5790 opacity: 0;
5791 transition: all 0.3s ease;
5792 }
5793 .usk-edd-beauty-grid .usk-action-button .edd_purchase_submit_wrapper {
5794 padding: 0;
5795 }
5796 .usk-edd-beauty-grid .usk-action-button a,
5797 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5798 padding: 14px 0;
5799 font-size: 10px;
5800 text-transform: uppercase;
5801 font-weight: 500;
5802 text-decoration: none;
5803 width: 100%;
5804 transition: all 0.3s ease;
5805 display: inline-block;
5806 border: 0;
5807 border-radius: 0;
5808 line-height: 1;
5809 }
5810 .usk-edd-beauty-grid .usk-action-button .blue,
5811 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5812 color: #fff;
5813 background-color: #d71400;
5814 }
5815 .usk-edd-beauty-grid .usk-action-button .blue:hover,
5816 .usk-edd-beauty-grid .usk-action-button .usk-details-button a:hover {
5817 color: #000;
5818 background-color: #fff;
5819 }
5820 .usk-edd-beauty-grid .usk-action-button input[type=submit] {
5821 display: none;
5822 }
5823 .usk-edd-beauty-grid .edd_download_purchase_form,
5824 .usk-edd-beauty-grid .usk-details-button {
5825 width: 100%;
5826 }
5827 .usk-edd-beauty-grid .usk-details-button a {
5828 color: #fff;
5829 background-color: #000;
5830 }
5831 .usk-edd-beauty-grid .usk-edd-content {
5832 text-align: center;
5833 padding: 25px 20px;
5834 }
5835 .usk-edd-beauty-grid .usk-edd-category {
5836 margin-bottom: 10px;
5837 display: inline-block;
5838 }
5839 .usk-edd-beauty-grid .usk-edd-category a {
5840 color: #666b82;
5841 font-size: 11px;
5842 text-transform: uppercase;
5843 text-decoration: none;
5844 transition: all 0.3s ease-in-out;
5845 }
5846 .usk-edd-beauty-grid .usk-edd-category a:hover {
5847 color: #d71400;
5848 }
5849 .usk-edd-beauty-grid .usk-edd-title {
5850 font-size: 16px;
5851 font-weight: 700;
5852 text-transform: uppercase;
5853 margin: 0 0 2px;
5854 }
5855 .usk-edd-beauty-grid .usk-edd-title a {
5856 color: rgba(40, 40, 57, 0.96);
5857 text-decoration: none;
5858 transition: all 0.3s ease-in-out;
5859 }
5860 .usk-edd-beauty-grid .usk-edd-title a:hover {
5861 color: #d71400;
5862 }
5863 .usk-edd-beauty-grid .usk-edd-price {
5864 font-size: 11px;
5865 font-weight: 600;
5866 display: inline-flex;
5867 align-content: center;
5868 justify-content: center;
5869 grid-column-gap: 10px;
5870 color: rgba(40, 40, 57, 0.96);
5871 text-transform: uppercase;
5872 }
5873
5874 @media (min-width: 768px) {
5875 .usk-edd-beauty-grid {
5876 grid-template-columns: repeat(2, 1fr);
5877 }
5878 }
5879 @media (min-width: 1024px) {
5880 .usk-edd-beauty-grid {
5881 grid-template-columns: repeat(4, 1fr);
5882 }
5883 }
5884 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item {
5885 transition: all 0.3s ease-in-out;
5886 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5887 background-color: #fff;
5888 }
5889 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover {
5890 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5891 }
5892 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-edd-beauty-carousel-image img {
5893 transform: translateY(-20PX);
5894 }
5895 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-action-button {
5896 transform: translateY(0);
5897 opacity: 1;
5898 transition-delay: 0.2s;
5899 }
5900 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image-wrapper {
5901 width: 100%;
5902 height: 300px;
5903 position: relative;
5904 overflow: hidden;
5905 }
5906 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image {
5907 height: 100%;
5908 width: 100%;
5909 }
5910 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image img {
5911 width: 100%;
5912 height: 110%;
5913 object-fit: cover;
5914 transform: translateY(0);
5915 transition: all 0.5s ease;
5916 }
5917 .usk-edd-beauty-carousel .usk-action-button {
5918 position: absolute;
5919 bottom: 0;
5920 right: 0;
5921 left: 0;
5922 display: inline-flex;
5923 align-items: center;
5924 margin: 0 20px;
5925 text-align: center;
5926 transform: translateY(30px);
5927 opacity: 0;
5928 transition: all 0.3s ease;
5929 }
5930 .usk-edd-beauty-carousel .usk-action-button .edd_purchase_submit_wrapper {
5931 padding: 0;
5932 }
5933 .usk-edd-beauty-carousel .usk-action-button a,
5934 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5935 padding: 14px 0;
5936 font-size: 10px;
5937 text-transform: uppercase;
5938 font-weight: 500;
5939 text-decoration: none;
5940 width: 100%;
5941 transition: all 0.3s ease;
5942 display: inline-block;
5943 border: 0;
5944 border-radius: 0;
5945 line-height: 1;
5946 }
5947 .usk-edd-beauty-carousel .usk-action-button .blue,
5948 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5949 color: #fff;
5950 background-color: #d71400;
5951 }
5952 .usk-edd-beauty-carousel .usk-action-button .blue:hover,
5953 .usk-edd-beauty-carousel .usk-action-button .usk-details-button a:hover {
5954 color: #000;
5955 background-color: #fff;
5956 }
5957 .usk-edd-beauty-carousel .usk-action-button input[type=submit] {
5958 display: none;
5959 }
5960 .usk-edd-beauty-carousel .edd_download_purchase_form,
5961 .usk-edd-beauty-carousel .usk-details-button {
5962 width: 100%;
5963 }
5964 .usk-edd-beauty-carousel .usk-details-button a {
5965 color: #fff;
5966 background-color: #000;
5967 }
5968 .usk-edd-beauty-carousel .usk-edd-content {
5969 text-align: center;
5970 padding: 25px 20px;
5971 }
5972 .usk-edd-beauty-carousel .usk-edd-category {
5973 margin-bottom: 10px;
5974 display: inline-block;
5975 }
5976 .usk-edd-beauty-carousel .usk-edd-category a {
5977 color: #666b82;
5978 font-size: 11px;
5979 text-transform: uppercase;
5980 text-decoration: none;
5981 transition: all 0.3s ease-in-out;
5982 }
5983 .usk-edd-beauty-carousel .usk-edd-category a:hover {
5984 color: #d71400;
5985 }
5986 .usk-edd-beauty-carousel .usk-edd-title {
5987 font-size: 16px;
5988 font-weight: 700;
5989 text-transform: uppercase;
5990 margin: 0 0 2px;
5991 }
5992 .usk-edd-beauty-carousel .usk-edd-title a {
5993 color: rgba(40, 40, 57, 0.96);
5994 text-decoration: none;
5995 transition: all 0.3s ease-in-out;
5996 }
5997 .usk-edd-beauty-carousel .usk-edd-title a:hover {
5998 color: #d71400;
5999 }
6000 .usk-edd-beauty-carousel .usk-edd-price {
6001 font-size: 11px;
6002 font-weight: 600;
6003 display: inline-flex;
6004 align-content: center;
6005 justify-content: center;
6006 grid-column-gap: 10px;
6007 color: rgba(40, 40, 57, 0.96);
6008 text-transform: uppercase;
6009 }
6010
6011 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-container {
6012 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6013 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6014 }
6015 .elementor-widget-usk-edd-beauty-carousel .usk-dots-container {
6016 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6017 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6018 }
6019 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-dots-container {
6020 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6021 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6022 }
6023 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-fraction-container {
6024 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6025 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6026 }
6027 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-container,
6028 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-container {
6029 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(-90deg);
6030 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(-90deg);
6031 }
6032 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-dots-container,
6033 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-dots-container {
6034 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(-90deg);
6035 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(-90deg);
6036 }
6037 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-dots-container,
6038 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-dots-container {
6039 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(-90deg);
6040 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(-90deg);
6041 }
6042 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-fraction-container,
6043 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-fraction-container {
6044 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6045 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6046 }
6047
6048 .usk-edd-classic-carousel .usk-edd-classic-carousel-item {
6049 transition: all 0.3s ease-in-out;
6050 border-width: 2px;
6051 border-style: solid;
6052 border-color: #f2f2f3;
6053 border-radius: 5px;
6054 }
6055 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover {
6056 border-color: #f00;
6057 }
6058 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-edd-classic-carousel-image-wrapper::before {
6059 opacity: 1;
6060 }
6061 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6062 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button,
6063 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd-add-to-cart {
6064 opacity: 1;
6065 transform: scale(1);
6066 }
6067 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6068 transition-delay: 0.3s;
6069 }
6070 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button {
6071 transition-delay: 0.5s;
6072 }
6073 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper {
6074 position: relative;
6075 }
6076 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper::before {
6077 position: absolute;
6078 content: "";
6079 width: 100%;
6080 height: 100%;
6081 top: 0;
6082 right: 0;
6083 background: rgba(255, 255, 255, 0.529);
6084 opacity: 0;
6085 transition: all 0.3s ease-in-out;
6086 }
6087 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper img {
6088 width: 100%;
6089 height: 100%;
6090 object-fit: cover;
6091 }
6092 .usk-edd-classic-carousel .usk-action-button {
6093 position: absolute;
6094 top: 50%;
6095 right: 0;
6096 left: 0;
6097 margin: 0 90px;
6098 display: inline-flex;
6099 flex-direction: column;
6100 text-align: center;
6101 transform: translateY(-50%);
6102 }
6103 .usk-edd-classic-carousel .usk-action-button input[type=submit] {
6104 display: none;
6105 }
6106 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper {
6107 margin-bottom: 10px;
6108 }
6109 .usk-edd-classic-carousel .usk-action-button .edd-loading {
6110 position: absolute !important;
6111 }
6112 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper,
6113 .usk-edd-classic-carousel .usk-action-button .usk-details-button {
6114 transform: scale(0.5);
6115 opacity: 0;
6116 transition: all 0.3s ease-in-out;
6117 }
6118 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6119 .usk-edd-classic-carousel .usk-action-button .usk-details-button a {
6120 display: block;
6121 }
6122 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6123 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6124 .usk-edd-classic-carousel .usk-action-button .usk-details-button a,
6125 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart {
6126 background-color: #000;
6127 padding: 12px 20px;
6128 font-size: 10px;
6129 text-transform: uppercase;
6130 font-weight: 700;
6131 color: #fff;
6132 text-decoration: navajowhite;
6133 border-radius: 5px;
6134 overflow: hidden;
6135 position: relative;
6136 border: 0;
6137 transition: all 0.3s ease-in-out;
6138 width: 100%;
6139 }
6140 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a:hover,
6141 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6142 .usk-edd-classic-carousel .usk-action-button .usk-details-button a:hover,
6143 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6144 background-color: #d71400;
6145 }
6146 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6147 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6148 .usk-edd-classic-carousel .usk-action-button .usk-details-button a .usk-cart-button,
6149 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6150 margin-bottom: 10px;
6151 }
6152 .usk-edd-classic-carousel .usk-edd-content {
6153 text-align: center;
6154 padding: 20px;
6155 }
6156 .usk-edd-classic-carousel .usk-edd-category {
6157 margin-bottom: 10px;
6158 display: inline-block;
6159 }
6160 .usk-edd-classic-carousel .usk-edd-category a {
6161 color: #5b5d66;
6162 font-size: 13px;
6163 text-transform: capitalize;
6164 text-decoration: none;
6165 transition: all 0.3s ease-in-out;
6166 }
6167 .usk-edd-classic-carousel .usk-edd-category a:hover {
6168 color: #d71400;
6169 }
6170 .usk-edd-classic-carousel .usk-edd-title {
6171 font-size: 16px;
6172 font-weight: 700;
6173 text-transform: capitalize;
6174 margin: 0 0 10px;
6175 }
6176 .usk-edd-classic-carousel .usk-edd-title a {
6177 color: rgba(40, 40, 57, 0.96);
6178 text-decoration: none;
6179 transition: all 0.3s ease-in-out;
6180 }
6181 .usk-edd-classic-carousel .usk-edd-title a:hover {
6182 color: #d71400;
6183 }
6184 .usk-edd-classic-carousel .usk-edd-price {
6185 font-size: 13px;
6186 font-weight: 600;
6187 margin-bottom: 10px;
6188 display: inline-flex;
6189 align-content: center;
6190 justify-content: center;
6191 grid-column-gap: 10px;
6192 }
6193
6194 .elementor-widget-usk-edd-classic-carousel .usk-arrows-container {
6195 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6196 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6197 }
6198 .elementor-widget-usk-edd-classic-carousel .usk-dots-container {
6199 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6200 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6201 }
6202 .elementor-widget-usk-edd-classic-carousel .usk-arrows-dots-container {
6203 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6204 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6205 }
6206 .elementor-widget-usk-edd-classic-carousel .usk-arrows-fraction-container {
6207 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6208 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6209 }
6210 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-container,
6211 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-container {
6212 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(-90deg);
6213 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(-90deg);
6214 }
6215 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-dots-container,
6216 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-dots-container {
6217 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(-90deg);
6218 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(-90deg);
6219 }
6220 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-dots-container,
6221 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-dots-container {
6222 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(-90deg);
6223 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(-90deg);
6224 }
6225 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-fraction-container,
6226 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-fraction-container {
6227 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6228 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6229 }
6230
6231 .usk-edd-standard-carousel .usk-edd-standard-carousel-item {
6232 transition: all 0.3s ease-in-out;
6233 border-width: 2px;
6234 border-style: solid;
6235 border-color: transparent;
6236 overflow: hidden;
6237 background-color: #fff;
6238 }
6239 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover {
6240 border-color: #f00;
6241 }
6242 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-action-button,
6243 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .edd-add-to-cart {
6244 opacity: 1;
6245 transform: translateY(0);
6246 }
6247 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-edd-content {
6248 transform: translateY(-50px);
6249 }
6250 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-details-button a {
6251 transform: scale(1);
6252 opacity: 1;
6253 transition-delay: 0.3s;
6254 }
6255 .usk-edd-standard-carousel .usk-edd-standard-carousel-image {
6256 position: relative;
6257 }
6258 .usk-edd-standard-carousel .usk-edd-standard-carousel-image img {
6259 width: 100%;
6260 height: 100%;
6261 object-fit: cover;
6262 }
6263 .usk-edd-standard-carousel .usk-action-button {
6264 position: absolute;
6265 bottom: -29%;
6266 right: 0;
6267 text-align: center;
6268 left: 0;
6269 opacity: 0;
6270 transform: translateY(30px);
6271 transition: all 0.3s ease;
6272 display: flex;
6273 align-items: center;
6274 justify-content: center;
6275 z-index: 1;
6276 }
6277 .usk-edd-standard-carousel .usk-action-button input[type=submit] {
6278 display: none;
6279 }
6280 .usk-edd-standard-carousel .usk-action-button a,
6281 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6282 padding: 15px 30px;
6283 font-size: 10px;
6284 text-transform: uppercase;
6285 font-weight: 700;
6286 color: #fff;
6287 text-decoration: none;
6288 overflow: hidden;
6289 transition: all 0.3s ease;
6290 position: relative;
6291 display: inline-block;
6292 vertical-align: middle;
6293 border-radius: 0;
6294 line-height: 1;
6295 border: 0;
6296 }
6297 .usk-edd-standard-carousel .usk-action-button .blue,
6298 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6299 background-color: #000;
6300 transition: background 0.3s ease;
6301 }
6302 .usk-edd-standard-carousel .usk-action-button .blue:hover,
6303 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart:hover {
6304 background-color: #d71400;
6305 }
6306 .usk-edd-standard-carousel .usk-action-button .usk-details-button a {
6307 background-color: #d71400;
6308 transition: background 0.3s ease;
6309 }
6310 .usk-edd-standard-carousel .usk-action-button .usk-details-button a:hover {
6311 background-color: #000;
6312 }
6313 .usk-edd-standard-carousel .usk-edd-content {
6314 text-align: center;
6315 padding: 20px;
6316 transform: translateY(0);
6317 transition: all 0.3s ease;
6318 }
6319 .usk-edd-standard-carousel .usk-edd-category {
6320 margin-bottom: 6px;
6321 display: inline-block;
6322 }
6323 .usk-edd-standard-carousel .usk-edd-category a {
6324 color: #5b5d66;
6325 font-size: 13px;
6326 text-transform: capitalize;
6327 text-decoration: none;
6328 transition: all 0.3s ease-in-out;
6329 }
6330 .usk-edd-standard-carousel .usk-edd-category a:hover {
6331 color: #d71400;
6332 }
6333 .usk-edd-standard-carousel .usk-edd-title {
6334 font-size: 15px;
6335 font-weight: 700;
6336 text-transform: capitalize;
6337 margin: 0 0 6px;
6338 }
6339 .usk-edd-standard-carousel .usk-edd-title a {
6340 color: rgba(40, 40, 57, 0.96);
6341 text-decoration: none;
6342 transition: all 0.3s ease-in-out;
6343 }
6344 .usk-edd-standard-carousel .usk-edd-title a:hover {
6345 color: #d71400;
6346 }
6347 .usk-edd-standard-carousel .usk-edd-price {
6348 font-size: 13px;
6349 font-weight: 600;
6350 display: inline-flex;
6351 align-content: center;
6352 justify-content: center;
6353 grid-column-gap: 10px;
6354 }
6355
6356 .elementor-widget-usk-edd-standard-carousel .usk-arrows-container {
6357 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6358 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6359 }
6360 .elementor-widget-usk-edd-standard-carousel .usk-dots-container {
6361 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6362 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6363 }
6364 .elementor-widget-usk-edd-standard-carousel .usk-arrows-dots-container {
6365 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6366 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6367 }
6368 .elementor-widget-usk-edd-standard-carousel .usk-arrows-fraction-container {
6369 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6370 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6371 }
6372 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-container,
6373 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-container {
6374 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(-90deg);
6375 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(-90deg);
6376 }
6377 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-dots-container,
6378 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-dots-container {
6379 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(-90deg);
6380 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(-90deg);
6381 }
6382 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-dots-container,
6383 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-dots-container {
6384 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(-90deg);
6385 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(-90deg);
6386 }
6387 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-fraction-container,
6388 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-fraction-container {
6389 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6390 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6391 }
6392
6393 .usk-edd-trendy-carousel {
6394 padding: 30px;
6395 }
6396 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item {
6397 background-color: #fff;
6398 transition: all 0.3s ease;
6399 position: relative;
6400 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6401 z-index: 1;
6402 }
6403 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover {
6404 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6405 }
6406 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover::before {
6407 width: 100%;
6408 visibility: visible;
6409 opacity: 1;
6410 transition-delay: 0.6s;
6411 }
6412 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button a,
6413 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .edd-add-to-cart {
6414 opacity: 1;
6415 visibility: visible;
6416 transform: translateY(0);
6417 }
6418 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .usk-details-button a {
6419 transition-delay: 0.1s;
6420 }
6421 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-edd-price {
6422 opacity: 0;
6423 visibility: hidden;
6424 transform: translateY(-20px);
6425 }
6426 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item::before {
6427 content: "";
6428 position: absolute;
6429 bottom: 0;
6430 right: 50%;
6431 transform: translateX(50%);
6432 width: 0;
6433 height: 3px;
6434 background-color: #EF262C;
6435 visibility: hidden;
6436 opacity: 0;
6437 transition-duration: 0.4s;
6438 transition: all 0.2s linear;
6439 }
6440 .usk-edd-trendy-carousel .usk-edd-category {
6441 display: inline-flex;
6442 align-items: center;
6443 grid-column-gap: 7px;
6444 margin-bottom: 15px;
6445 }
6446 .usk-edd-trendy-carousel .usk-edd-category a {
6447 color: #908e98;
6448 font-size: 14px;
6449 text-decoration: none;
6450 font-weight: 500;
6451 transition: color 0.3s ease;
6452 }
6453 .usk-edd-trendy-carousel .usk-edd-category a:hover {
6454 color: #EF262C;
6455 }
6456 .usk-edd-trendy-carousel .usk-edd-title {
6457 margin: 0;
6458 font-size: 18px;
6459 font-weight: 700;
6460 }
6461 .usk-edd-trendy-carousel .usk-edd-title a {
6462 color: #202031;
6463 text-decoration: none;
6464 transition: color 0.3s ease;
6465 }
6466 .usk-edd-trendy-carousel .usk-edd-title a:hover {
6467 color: #EF262C;
6468 }
6469 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image {
6470 position: relative;
6471 }
6472 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image img {
6473 width: 100%;
6474 height: 100%;
6475 object-fit: cover;
6476 }
6477 .usk-edd-trendy-carousel .usk-top-content {
6478 padding: 25px;
6479 }
6480 .usk-edd-trendy-carousel .usk-edd-content {
6481 padding: 25px;
6482 }
6483 .usk-edd-trendy-carousel .usk-edd-content .usk-edd-price {
6484 display: flex;
6485 font-size: 12px;
6486 font-weight: 600;
6487 grid-column-gap: 10px;
6488 color: #14161d;
6489 text-transform: uppercase;
6490 opacity: 1;
6491 visibility: visible;
6492 transform: translateY(0);
6493 transition: all 0.3s ease;
6494 }
6495 .usk-edd-trendy-carousel .usk-action-button {
6496 position: absolute;
6497 bottom: 0;
6498 right: 0;
6499 left: 0;
6500 margin: 25px;
6501 display: flex;
6502 flex-direction: column;
6503 grid-row-gap: 5px;
6504 }
6505 .usk-edd-trendy-carousel .usk-action-button input[type=submit] {
6506 display: none;
6507 }
6508 .usk-edd-trendy-carousel .usk-action-button a,
6509 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart {
6510 width: 100%;
6511 display: block;
6512 padding: 14px 0;
6513 font-size: 12px;
6514 text-transform: uppercase;
6515 font-weight: 700;
6516 text-decoration: none;
6517 color: #fff;
6518 position: relative;
6519 overflow: hidden;
6520 opacity: 0;
6521 visibility: hidden;
6522 transform: translateY(20px);
6523 transition: all 0.3s ease;
6524 cursor: pointer;
6525 border: 0;
6526 border-radius: 0;
6527 line-height: 1;
6528 text-align: center;
6529 }
6530 .usk-edd-trendy-carousel .usk-action-button a.blue,
6531 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue {
6532 background-color: #EF262C;
6533 }
6534 .usk-edd-trendy-carousel .usk-action-button a.blue:hover,
6535 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue:hover {
6536 background-color: #d61017;
6537 }
6538 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a {
6539 background: #1d1e25;
6540 }
6541 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a:hover {
6542 background-color: #000;
6543 }
6544
6545 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-container {
6546 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6547 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6548 }
6549 .elementor-widget-usk-edd-trendy-carousel .usk-dots-container {
6550 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6551 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6552 }
6553 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-dots-container {
6554 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6555 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6556 }
6557 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-fraction-container {
6558 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6559 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6560 }
6561 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-container,
6562 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-container {
6563 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(-90deg);
6564 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(-90deg);
6565 }
6566 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-dots-container,
6567 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-dots-container {
6568 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(-90deg);
6569 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(-90deg);
6570 }
6571 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-dots-container,
6572 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-dots-container {
6573 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(-90deg);
6574 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(-90deg);
6575 }
6576 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-fraction-container,
6577 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-fraction-container {
6578 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6579 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6580 }
6581
6582 .usk-edd-classic-grid .usk-edd-classic-grid-wrapper {
6583 display: grid;
6584 grid-template-columns: repeat(3, 1fr);
6585 grid-gap: 10px;
6586 }
6587 .usk-edd-classic-grid .usk-edd-classic-grid-item {
6588 transition: all 0.3s ease-in-out;
6589 border-width: 2px;
6590 border-style: solid;
6591 border-color: #f2f2f3;
6592 border-radius: 5px;
6593 }
6594 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover {
6595 border-color: #f00;
6596 }
6597 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-edd-classic-grid-image-wrapper::before {
6598 opacity: 1;
6599 }
6600 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6601 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button,
6602 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd-add-to-cart {
6603 opacity: 1;
6604 transform: scale(1);
6605 }
6606 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6607 transition-delay: 0.3s;
6608 }
6609 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button {
6610 transition-delay: 0.5s;
6611 }
6612 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper {
6613 position: relative;
6614 }
6615 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper::before {
6616 position: absolute;
6617 content: "";
6618 width: 100%;
6619 height: 100%;
6620 top: 0;
6621 right: 0;
6622 background: rgba(255, 255, 255, 0.529);
6623 opacity: 0;
6624 transition: all 0.3s ease-in-out;
6625 }
6626 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper img {
6627 width: 100%;
6628 height: 100%;
6629 object-fit: cover;
6630 }
6631 .usk-edd-classic-grid .usk-action-button {
6632 position: absolute;
6633 top: 50%;
6634 right: 0;
6635 left: 0;
6636 margin: 0 70px;
6637 display: inline-flex;
6638 flex-direction: column;
6639 text-align: center;
6640 transform: translateY(-50%);
6641 }
6642 .usk-edd-classic-grid .usk-action-button input[type=submit] {
6643 display: none;
6644 }
6645 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper {
6646 margin-bottom: 10px;
6647 }
6648 .usk-edd-classic-grid .usk-action-button .edd-loading {
6649 position: absolute !important;
6650 }
6651 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper,
6652 .usk-edd-classic-grid .usk-action-button .usk-details-button {
6653 transform: scale(0.5);
6654 opacity: 0;
6655 transition: all 0.3s ease-in-out;
6656 }
6657 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6658 .usk-edd-classic-grid .usk-action-button .usk-details-button a {
6659 display: block;
6660 }
6661 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6662 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6663 .usk-edd-classic-grid .usk-action-button .usk-details-button a,
6664 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart {
6665 width: 100%;
6666 background-color: #000;
6667 padding: 12px 20px;
6668 font-size: 10px;
6669 text-transform: uppercase;
6670 font-weight: 700;
6671 color: #fff;
6672 text-decoration: navajowhite;
6673 border-radius: 5px;
6674 overflow: hidden;
6675 position: relative;
6676 border: 0;
6677 transition: all 0.3s ease-in-out;
6678 }
6679 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a:hover,
6680 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6681 .usk-edd-classic-grid .usk-action-button .usk-details-button a:hover,
6682 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6683 background-color: #d71400;
6684 }
6685 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6686 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6687 .usk-edd-classic-grid .usk-action-button .usk-details-button a .usk-cart-button,
6688 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6689 margin-bottom: 10px;
6690 }
6691 .usk-edd-classic-grid .usk-edd-content {
6692 text-align: center;
6693 padding: 20px;
6694 }
6695 .usk-edd-classic-grid .usk-edd-category {
6696 margin-bottom: 10px;
6697 display: inline-block;
6698 }
6699 .usk-edd-classic-grid .usk-edd-category a {
6700 color: #5b5d66;
6701 font-size: 13px;
6702 text-transform: capitalize;
6703 text-decoration: none;
6704 transition: all 0.3s ease-in-out;
6705 }
6706 .usk-edd-classic-grid .usk-edd-category a:hover {
6707 color: #d71400;
6708 }
6709 .usk-edd-classic-grid .usk-edd-title {
6710 font-size: 16px;
6711 font-weight: 700;
6712 text-transform: capitalize;
6713 margin: 0 0 10px;
6714 }
6715 .usk-edd-classic-grid .usk-edd-title a {
6716 color: rgba(40, 40, 57, 0.96);
6717 text-decoration: none;
6718 transition: all 0.3s ease-in-out;
6719 }
6720 .usk-edd-classic-grid .usk-edd-title a:hover {
6721 color: #d71400;
6722 }
6723 .usk-edd-classic-grid .usk-edd-price {
6724 font-size: 13px;
6725 font-weight: 600;
6726 margin-bottom: 10px;
6727 display: inline-flex;
6728 align-content: center;
6729 justify-content: center;
6730 grid-column-gap: 10px;
6731 }
6732
6733 @media (min-width: 768px) {
6734 .usk-edd-classic-grid {
6735 grid-template-columns: repeat(2, 1fr);
6736 }
6737 }
6738 @media (min-width: 1024px) {
6739 .usk-edd-classic-grid {
6740 grid-template-columns: repeat(4, 1fr);
6741 }
6742 }
6743 .usk-edd-standard-grid .usk-edd-standard-grid-wrapper {
6744 display: grid;
6745 grid-template-columns: repeat(3, 1fr);
6746 grid-gap: 10px;
6747 }
6748 .usk-edd-standard-grid .usk-edd-standard-grid-item {
6749 transition: all 0.3s ease-in-out;
6750 border-width: 2px;
6751 border-style: solid;
6752 border-color: transparent;
6753 overflow: hidden;
6754 background-color: #fff;
6755 }
6756 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover {
6757 border-color: #f00;
6758 }
6759 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-action-button {
6760 opacity: 1;
6761 transform: translateY(0);
6762 }
6763 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-edd-content {
6764 transform: translateY(-50px);
6765 }
6766 .usk-edd-standard-grid .usk-edd-standard-grid-image {
6767 position: relative;
6768 }
6769 .usk-edd-standard-grid .usk-edd-standard-grid-image img {
6770 width: 100%;
6771 height: 100%;
6772 object-fit: cover;
6773 }
6774 .usk-edd-standard-grid .usk-action-button {
6775 position: absolute;
6776 bottom: -25%;
6777 right: 0;
6778 text-align: center;
6779 left: 0;
6780 opacity: 0;
6781 transform: translateY(30px);
6782 transition: all 0.3s ease;
6783 display: flex;
6784 align-items: center;
6785 justify-content: center;
6786 }
6787 .usk-edd-standard-grid .usk-action-button input[type=submit] {
6788 display: none;
6789 }
6790 .usk-edd-standard-grid .usk-action-button a,
6791 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6792 padding: 15px 30px;
6793 font-size: 10px;
6794 text-transform: uppercase;
6795 font-weight: 700;
6796 color: #fff;
6797 text-decoration: none;
6798 overflow: hidden;
6799 transition: all 0.3s ease-in-out;
6800 position: relative;
6801 display: inline-block;
6802 vertical-align: middle;
6803 border-radius: 0;
6804 line-height: 1;
6805 border: 0;
6806 }
6807 .usk-edd-standard-grid .usk-action-button .blue,
6808 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6809 background-color: #000;
6810 }
6811 .usk-edd-standard-grid .usk-action-button .blue:hover,
6812 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart:hover {
6813 background-color: #d71400;
6814 }
6815 .usk-edd-standard-grid .usk-action-button .usk-details-button a {
6816 background-color: #d71400;
6817 }
6818 .usk-edd-standard-grid .usk-action-button .usk-details-button a:hover {
6819 background-color: #000;
6820 }
6821 .usk-edd-standard-grid .usk-edd-content {
6822 text-align: center;
6823 padding: 20px;
6824 transform: translateY(0);
6825 transition: all 0.3s ease;
6826 }
6827 .usk-edd-standard-grid .usk-edd-category {
6828 margin-bottom: 6px;
6829 display: inline-block;
6830 }
6831 .usk-edd-standard-grid .usk-edd-category a {
6832 color: #5b5d66;
6833 font-size: 13px;
6834 text-transform: capitalize;
6835 text-decoration: none;
6836 transition: all 0.3s ease-in-out;
6837 }
6838 .usk-edd-standard-grid .usk-edd-category a:hover {
6839 color: #d71400;
6840 }
6841 .usk-edd-standard-grid .usk-edd-title {
6842 font-size: 15px;
6843 font-weight: 700;
6844 text-transform: capitalize;
6845 margin: 0 0 6px;
6846 }
6847 .usk-edd-standard-grid .usk-edd-title a {
6848 color: rgba(40, 40, 57, 0.96);
6849 text-decoration: none;
6850 transition: all 0.3s ease-in-out;
6851 }
6852 .usk-edd-standard-grid .usk-edd-title a:hover {
6853 color: #d71400;
6854 }
6855 .usk-edd-standard-grid .usk-edd-price {
6856 font-size: 13px;
6857 font-weight: 600;
6858 display: inline-flex;
6859 align-content: center;
6860 justify-content: center;
6861 grid-column-gap: 10px;
6862 }
6863
6864 @media (min-width: 768px) {
6865 .usk-edd-standard-grid-wrapper {
6866 grid-template-columns: repeat(2, 1fr);
6867 }
6868 }
6869 @media (min-width: 1024px) {
6870 .usk-edd-standard-grid-wrapper {
6871 grid-template-columns: repeat(4, 1fr);
6872 }
6873 }
6874 .usk-edd-trendy-grid .usk-edd-trendy-grid-wrapper {
6875 display: grid;
6876 grid-template-columns: repeat(3, 1fr);
6877 grid-gap: 10px;
6878 padding: 30px;
6879 }
6880 .usk-edd-trendy-grid .usk-edd-trendy-grid-item {
6881 background-color: #fff;
6882 transition: all 0.3s ease;
6883 position: relative;
6884 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6885 z-index: 1;
6886 }
6887 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover {
6888 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6889 }
6890 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover::before {
6891 width: 100%;
6892 visibility: visible;
6893 opacity: 1;
6894 transition-delay: 0.5s;
6895 }
6896 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button a,
6897 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .edd-add-to-cart {
6898 opacity: 1;
6899 visibility: visible;
6900 transform: translateY(0);
6901 }
6902 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .usk-details-button a {
6903 transition-delay: 0.1s;
6904 }
6905 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-edd-price {
6906 opacity: 0;
6907 visibility: hidden;
6908 transform: translateY(-20px);
6909 }
6910 .usk-edd-trendy-grid .usk-edd-trendy-grid-item::before {
6911 content: "";
6912 position: absolute;
6913 bottom: 0;
6914 right: 50%;
6915 transform: translateX(50%);
6916 width: 0;
6917 height: 3px;
6918 background-color: #EF262C;
6919 visibility: hidden;
6920 opacity: 0;
6921 transition-duration: 0.4s;
6922 transition: all 0.2s linear;
6923 }
6924 .usk-edd-trendy-grid .usk-edd-category {
6925 display: inline-flex;
6926 align-items: center;
6927 grid-column-gap: 7px;
6928 margin-bottom: 15px;
6929 }
6930 .usk-edd-trendy-grid .usk-edd-category a {
6931 color: #908e98;
6932 font-size: 14px;
6933 text-decoration: none;
6934 font-weight: 500;
6935 transition: color 0.3s ease;
6936 }
6937 .usk-edd-trendy-grid .usk-edd-category a:hover {
6938 color: #EF262C;
6939 }
6940 .usk-edd-trendy-grid .usk-edd-title {
6941 margin: 0;
6942 font-size: 18px;
6943 font-weight: 700;
6944 }
6945 .usk-edd-trendy-grid .usk-edd-title a {
6946 color: #202031;
6947 text-decoration: none;
6948 transition: color 0.3s ease;
6949 }
6950 .usk-edd-trendy-grid .usk-edd-title a:hover {
6951 color: #EF262C;
6952 }
6953 .usk-edd-trendy-grid .usk-edd-trendy-grid-image {
6954 position: relative;
6955 }
6956 .usk-edd-trendy-grid .usk-edd-trendy-grid-image img {
6957 width: 100%;
6958 height: 100%;
6959 object-fit: cover;
6960 }
6961 .usk-edd-trendy-grid .usk-top-content {
6962 padding: 25px;
6963 }
6964 .usk-edd-trendy-grid .usk-edd-content {
6965 padding: 25px;
6966 }
6967 .usk-edd-trendy-grid .usk-edd-content .usk-edd-price {
6968 display: flex;
6969 font-size: 12px;
6970 font-weight: 600;
6971 grid-column-gap: 10px;
6972 color: #14161d;
6973 text-transform: uppercase;
6974 opacity: 1;
6975 visibility: visible;
6976 transform: translateY(0);
6977 transition: all 0.3s ease;
6978 }
6979 .usk-edd-trendy-grid .usk-action-button {
6980 position: absolute;
6981 bottom: 0;
6982 right: 0;
6983 left: 0;
6984 margin: 25px;
6985 display: flex;
6986 flex-direction: column;
6987 grid-row-gap: 5px;
6988 }
6989 .usk-edd-trendy-grid .usk-action-button input[type=submit] {
6990 display: none;
6991 }
6992 .usk-edd-trendy-grid .usk-action-button a,
6993 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart {
6994 width: 100%;
6995 display: block;
6996 padding: 14px 0;
6997 font-size: 12px;
6998 text-transform: uppercase;
6999 font-weight: 700;
7000 text-decoration: none;
7001 color: #fff;
7002 position: relative;
7003 overflow: hidden;
7004 opacity: 0;
7005 visibility: hidden;
7006 transform: translateY(20px);
7007 transition: all 0.3s ease;
7008 cursor: pointer;
7009 border: 0;
7010 border-radius: 0;
7011 line-height: 1;
7012 text-align: center;
7013 }
7014 .usk-edd-trendy-grid .usk-action-button a.blue,
7015 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue {
7016 background-color: #EF262C;
7017 }
7018 .usk-edd-trendy-grid .usk-action-button a.blue:hover,
7019 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue:hover {
7020 background-color: #d61017;
7021 }
7022 .usk-edd-trendy-grid .usk-action-button .usk-details-button a {
7023 background: #1d1e25;
7024 }
7025 .usk-edd-trendy-grid .usk-action-button .usk-details-button a:hover {
7026 background-color: #000;
7027 }
7028
7029 @media (min-width: 768px) {
7030 .usk-edd-trendy-grid-wrapper {
7031 grid-template-columns: repeat(2, 1fr);
7032 }
7033 }
7034 @media (min-width: 1024px) {
7035 .usk-edd-trendy-grid-wrapper {
7036 grid-template-columns: repeat(3, 1fr);
7037 }
7038 }
7039 @media (min-width: 1440px) {
7040 .usk-edd-trendy-grid-wrapper {
7041 grid-template-columns: repeat(4, 1fr);
7042 }
7043 }